@helsenorge/designsystem-react 7.5.0 → 7.7.0

package/components/NotificationPanel/DetailButton/DetailButton.js

@@ -1,28 +0,0 @@
-import e, { useState as f } from "react";
-import n from "classnames";
-import { AnalyticsId as _ } from "../../../constants.js";
-import { useUuid as u } from "../../../hooks/useUuid.js";
-import { getAriaLabelAttributes as b } from "../../../utils/accessibility.js";
-import v from "../../Button/Button.js";
-import { Icon as x } from "../../Icon/Icon.js";
-import E from "../../Icons/ChevronDown.js";
-import I from "../../Icons/ChevronUp.js";
-import a from "../../NotificationPanel/DetailButton/styles.module.scss";
-const T = ({ content: i, buttonText: r, buttonClosedText: s, expanderOpenFromStart: c }) => {
-  const [t, l] = f(c), o = t ? r : s, m = u(), p = b({
-    label: o,
-    id: m,
-    prefer: "label"
-  }), d = {
-    onClick: () => l(!t),
-    variant: "borderless",
-    className: n(a["notification-panel__detail"], a["notification-panel__detail-button"]),
-    "aria-expanded": t,
-    ...p
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: a["notification-panel__detail-section"] }, /* @__PURE__ */ e.createElement("div", { className: a["notification-panel__detail-section__button--wrapper"] }, /* @__PURE__ */ e.createElement(v, { testId: "expand", "data-analyticsid": _.Expander, ...d }, o, /* @__PURE__ */ e.createElement(x, { svgIcon: t ? I : E }))), t && /* @__PURE__ */ e.createElement("div", { className: n(a["notification-panel__detail-section__content"]) }, i));
-};
-export {
-  T as DetailButton
-};
-//# sourceMappingURL=DetailButton.js.map

package/components/NotificationPanel/DetailButton/DetailButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailButton.js","sources":["../../../../src/components/NotificationPanel/DetailButton/DetailButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../../constants';\nimport { useUuid } from '../../../hooks/useUuid';\nimport { AriaLabelAttributes, getAriaLabelAttributes } from '../../../utils/accessibility';\nimport Button, { ButtonProps } from '../../Button';\nimport Icon from '../../Icon';\nimport ChevronDown from '../../Icons/ChevronDown';\nimport ChevronUp from '../../Icons/ChevronUp';\n\nimport styles from './styles.module.scss';\n\ntype Props = {\n  content: React.ReactNode;\n  buttonClosedText: string;\n  buttonText: string;\n  expanderOpenFromStart: boolean;\n};\nexport const DetailButton: React.FC<Props> = ({ content, buttonText, buttonClosedText, expanderOpenFromStart }: Props): JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState<boolean>(expanderOpenFromStart);\n  const activeButtonText = isExpanded ? buttonText : buttonClosedText;\n\n  const buttonTextId = useUuid();\n\n  const ariaLabelAttributes = getAriaLabelAttributes({\n    label: activeButtonText,\n    id: buttonTextId,\n    prefer: 'label',\n  });\n\n  const commonProps: Partial<ButtonProps> & AriaLabelAttributes = {\n    onClick: () => setIsExpanded(!isExpanded),\n    variant: 'borderless',\n    className: classNames(styles['notification-panel__detail'], styles['notification-panel__detail-button']),\n    'aria-expanded': isExpanded,\n    ...ariaLabelAttributes,\n  };\n\n  return (\n    <div className={styles['notification-panel__detail-section']}>\n      <div className={styles['notification-panel__detail-section__button--wrapper']}>\n        <Button testId=\"expand\" data-analyticsid={AnalyticsId.Expander} {...commonProps}>\n          {activeButtonText}\n          <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} />\n        </Button>\n      </div>\n      {isExpanded && <div className={classNames(styles['notification-panel__detail-section__content'])}>{content}</div>}\n    </div>\n  );\n};\n"],"names":["DetailButton","content","buttonText","buttonClosedText","expanderOpenFromStart","isExpanded","setIsExpanded","useState","activeButtonText","buttonTextId","useUuid","ariaLabelAttributes","getAriaLabelAttributes","commonProps","classNames","styles","React","Button","AnalyticsId","Icon","ChevronUp","ChevronDown"],"mappings":";;;;;;;;;;AAoBO,MAAMA,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,GAAkB,uBAAAC,QAAgD;AACrI,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAkBH,CAAqB,GACrEI,IAAmBH,IAAaH,IAAaC,GAE7CM,IAAeC,KAEfC,IAAsBC,EAAuB;AAAA,IACjD,OAAOJ;AAAA,IACP,IAAIC;AAAA,IACJ,QAAQ;AAAA,EAAA,CACT,GAEKI,IAA0D;AAAA,IAC9D,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,IACxC,SAAS;AAAA,IACT,WAAWS,EAAWC,EAAO,4BAA4B,GAAGA,EAAO,mCAAmC,CAAC;AAAA,IACvG,iBAAiBV;AAAA,IACjB,GAAGM;AAAA,EAAA;AAGL,yCACG,OAAI,EAAA,WAAWI,EAAO,oCAAoC,EAAA,mCACxD,OAAI,EAAA,WAAWA,EAAO,qDAAqD,KACzEC,gBAAAA,EAAA,cAAAC,GAAA,EAAO,QAAO,UAAS,oBAAkBC,EAAY,UAAW,GAAGL,EACjE,GAAAL,mCACAW,GAAK,EAAA,SAASd,IAAae,IAAYC,EAAA,CAAa,CACvD,CACF,GACChB,KAAeW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWF,EAAWC,EAAO,6CAA6C,CAAC,KAAId,CAAQ,CAC7G;AAEJ;"}

package/components/NotificationPanel/DetailButton/styles.module.scss

@@ -1,38 +0,0 @@
-@import '../../../scss/spacers';
-@import '../../../scss/breakpoints';
-@import '../../../scss/font-settings';
-@import '../../../scss/palette';
-
-.notification-panel__detail-section {
-  display: flex;
-  flex-direction: column-reverse;
-
-  &__button--wrapper {
-    padding: 0.375rem 0 0.625rem;
-    font-size: $font-size-xs;
-    line-height: $lineheight-size-xs;
-  }
-
-  &__content {
-    padding: getSpacer(3xs) 0;
-    font-size: $font-size-xs;
-    line-height: $lineheight-size-xs;
-  }
-}
-
-html .notification-panel__detail.notification-panel__detail-button {
-  text-decoration: underline;
-  text-decoration-color: $blueberry600;
-  margin-left: -0.25rem;
-  padding: 0 0 0 getSpacer(3xs);
-  white-space: nowrap;
-  overflow: initial;
-  text-overflow: clip;
-  font-size: $font-size-sm;
-  line-height: 1.625rem;
-  height: 1.625rem;
-
-  @media (width >= 0) {
-    min-height: unset;
-  }
-}

package/components/NotificationPanel/DetailButton/styles.module.scss.d.ts

@@ -1,13 +0,0 @@
-export type Styles = {
-  'notification-panel__detail': string;
-  'notification-panel__detail-button': string;
-  'notification-panel__detail-section': string;
-  'notification-panel__detail-section__button--wrapper': string;
-  'notification-panel__detail-section__content': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;