@popsure/dirty-swan 0.66.18 → 0.66.19

package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js

@@ -5,7 +5,7 @@ import { useState, useRef } from 'react';
 import '../../../../index-DLQEsiym.js';
 import '../../../../_commonjsHelpers-BFTU3MAI.js';
 
-var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  border-bottom: 1px solid #e7e7ed;\n  background: white;\n  color: #26262e;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  padding: 24px 0;\n  position: relative;\n  text-align: inherit;\n  transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n@media (min-width: 34rem) {\n  .AccordionItem-module_headerButton__1C03u {\n    padding: 24px;\n  }\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  color: #696971;\n}\n.AccordionItem-module_headerButton__1C03u:hover .p-h3 {\n  color: #696971;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
+var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  border-bottom: 1px solid #e7e7ed;\n  background: white;\n  color: #26262e;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  padding: 24px 0;\n  position: relative;\n  text-align: inherit;\n  transition: color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n@media (min-width: 34rem) {\n  .AccordionItem-module_headerButton__1C03u {\n    padding: 24px;\n  }\n}\n.AccordionItem-module_headerButton__1C03u[aria-expanded=true] {\n  border-bottom-color: transparent;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  color: #696971;\n}\n.AccordionItem-module_headerButton__1C03u:hover .p-h3 {\n  color: #696971;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
 var styles = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
 styleInject(css_248z);
 
@@ -38,7 +38,7 @@ var AccordionItem = function (_a) {
             window.scrollTo({ top: top_1, behavior: 'smooth' });
         }
     };
-    return (jsxs("section", { ref: sectionRef, className: "d-flex fd-column ".concat(styles.container, " ").concat(className), children: [jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsx("div", { className: "d-flex ai-center ".concat(styles.iconAndTextContainer), children: typeof label === 'string' ? (jsx("h4", { className: "p-h3", children: label })) : (jsx(Fragment, { children: label })) }), jsx(ChevronSVG, { className: "".concat(styles.chevron, " ").concat(!isOpen && styles.chevronClosed) })] }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, onHeightAnimationEnd: handleAnimationEnd, children: children })] }));
+    return (jsxs("section", { ref: sectionRef, className: "d-flex fd-column ".concat(styles.container, " ").concat(className), children: [jsxs("button", { "aria-expanded": isOpen, className: "d-flex ai-center jc-between ".concat(styles.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsx("div", { className: "d-flex ai-center ".concat(styles.iconAndTextContainer), children: typeof label === 'string' ? (jsx("h4", { className: "p-h3", children: label })) : (jsx(Fragment, { children: label })) }), jsx(ChevronSVG, { className: "".concat(styles.chevron, " ").concat(!isOpen && styles.chevronClosed) })] }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, onHeightAnimationEnd: handleAnimationEnd, children: children })] }));
 };
 
 export { AccordionItem };

package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import AnimateHeight from 'react-animate-height';\n\nimport styles from './AccordionItem.module.scss';\nimport { useRef, useState } from 'react';\n\nconst ChevronSVG = ({ className }: { className?: string }) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M18 15L12 9L6 15\"\n      stroke=\"#b4b4ba\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionItem = ({\n  children,\n  className = '',\n  headerClassName = '',\n  label,\n  isOpen: controlledIsOpen,\n  onToggle,\n  scrollOnOpen,\n  scrollTopOffset = 0,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  label: React.ReactNode;\n  isOpen?: boolean;\n  onToggle?: () => void;\n  scrollOnOpen?: boolean;\n  scrollTopOffset?: number;\n}) => {\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const sectionRef = useRef<HTMLElement>(null);\n  const userToggled = useRef(false);\n\n  const isControlled = controlledIsOpen !== undefined && onToggle !== undefined;\n  const isOpen = isControlled ? controlledIsOpen : internalIsOpen;\n\n  const handleClick = () => {\n    userToggled.current = true;\n    if (isControlled) {\n      onToggle();\n    } else {\n      setInternalIsOpen(!internalIsOpen);\n    }\n  };\n\n  const handleAnimationEnd = () => {\n    if (userToggled.current && isOpen && scrollOnOpen && sectionRef.current) {\n      userToggled.current = false;\n      const top =\n        sectionRef.current.getBoundingClientRect().top +\n        window.scrollY -\n        scrollTopOffset;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  };\n\n  return (\n    <section\n      ref={sectionRef}\n      className={`d-flex fd-column ${styles.container} ${className}`}\n    >\n      <button\n        className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        <div className={`d-flex ai-center ${styles.iconAndTextContainer}`}>\n          {typeof label === 'string' ? (\n            <h4 className=\"p-h3\">{label}</h4>\n          ) : (\n            <>{label}</>\n          )}\n        </div>\n        <ChevronSVG\n          className={`${styles.chevron} ${!isOpen && styles.chevronClosed}`}\n        />\n      </button>\n      {/* Min height is 0.1 so that the scroll position is correctly synced across accordion items but is not actually shown.\n      If set to 0, react-animate-height will set display to \"none\" which means scrolling is not synced. */}\n      <AnimateHeight\n        duration={300}\n        height={isOpen ? 'auto' : 0.1}\n        onHeightAnimationEnd={handleAnimationEnd}\n      >\n        {children}\n      </AnimateHeight>\n    </section>\n  );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import AnimateHeight from 'react-animate-height';\n\nimport styles from './AccordionItem.module.scss';\nimport { useRef, useState } from 'react';\n\nconst ChevronSVG = ({ className }: { className?: string }) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M18 15L12 9L6 15\"\n      stroke=\"#b4b4ba\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionItem = ({\n  children,\n  className = '',\n  headerClassName = '',\n  label,\n  isOpen: controlledIsOpen,\n  onToggle,\n  scrollOnOpen,\n  scrollTopOffset = 0,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  label: React.ReactNode;\n  isOpen?: boolean;\n  onToggle?: () => void;\n  scrollOnOpen?: boolean;\n  scrollTopOffset?: number;\n}) => {\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const sectionRef = useRef<HTMLElement>(null);\n  const userToggled = useRef(false);\n\n  const isControlled = controlledIsOpen !== undefined && onToggle !== undefined;\n  const isOpen = isControlled ? controlledIsOpen : internalIsOpen;\n\n  const handleClick = () => {\n    userToggled.current = true;\n    if (isControlled) {\n      onToggle();\n    } else {\n      setInternalIsOpen(!internalIsOpen);\n    }\n  };\n\n  const handleAnimationEnd = () => {\n    if (userToggled.current && isOpen && scrollOnOpen && sectionRef.current) {\n      userToggled.current = false;\n      const top =\n        sectionRef.current.getBoundingClientRect().top +\n        window.scrollY -\n        scrollTopOffset;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  };\n\n  return (\n    <section\n      ref={sectionRef}\n      className={`d-flex fd-column ${styles.container} ${className}`}\n    >\n      <button\n        aria-expanded={isOpen}\n        className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        <div className={`d-flex ai-center ${styles.iconAndTextContainer}`}>\n          {typeof label === 'string' ? (\n            <h4 className=\"p-h3\">{label}</h4>\n          ) : (\n            <>{label}</>\n          )}\n        </div>\n        <ChevronSVG\n          className={`${styles.chevron} ${!isOpen && styles.chevronClosed}`}\n        />\n      </button>\n      {/* Min height is 0.1 so that the scroll position is correctly synced across accordion items but is not actually shown.\n      If set to 0, react-animate-height will set display to \"none\" which means scrolling is not synced. */}\n      <AnimateHeight\n        duration={300}\n        height={isOpen ? 'auto' : 0.1}\n        onHeightAnimationEnd={handleAnimationEnd}\n      >\n        {children}\n      </AnimateHeight>\n    </section>\n  );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/components/table/components/TableContents/TableContents.js

@@ -31,7 +31,7 @@ import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
 import '../../../../useMediaQuery-BlEUymPA.js';
 
-var css_248z = ".TableContents-module_sectionButtonWrapper__12yA7 {\n  height: 74px;\n}\n\n.TableContents-module_sectionButton__1pY12 {\n  position: absolute;\n  left: 24px;\n  right: 24px;\n  z-index: 3;\n  height: 74px;\n  border: none;\n  border-bottom: 1px solid #e7e7ed;\n  color: #26262e;\n  padding: 0;\n}\n\nbutton.TableContents-module_sectionButton__1pY12 {\n  cursor: pointer;\n}\nbutton.TableContents-module_sectionButton__1pY12:hover {\n  color: #696971;\n}\nbutton.TableContents-module_sectionButton__1pY12:hover .p-h3 {\n  color: #696971;\n}\n\ndiv:last-child > .TableContents-module_sectionButtonWrapper__12yA7 > .TableContents-module_sectionButton__1pY12 {\n  border-bottom: none;\n}";
+var css_248z = ".TableContents-module_sectionButtonWrapper__12yA7 {\n  height: 74px;\n}\n\n.TableContents-module_sectionButton__1pY12 {\n  position: absolute;\n  left: 24px;\n  right: 24px;\n  z-index: 3;\n  height: 74px;\n  border: none;\n  border-bottom: 1px solid #e7e7ed;\n  color: #26262e;\n  padding: 0;\n}\n.TableContents-module_sectionButton__1pY12[aria-expanded=true] {\n  border-bottom-color: transparent;\n}\n\nbutton.TableContents-module_sectionButton__1pY12 {\n  cursor: pointer;\n}\nbutton.TableContents-module_sectionButton__1pY12:hover {\n  color: #696971;\n}\nbutton.TableContents-module_sectionButton__1pY12:hover .p-h3 {\n  color: #696971;\n}\n\ndiv:last-child > .TableContents-module_sectionButtonWrapper__12yA7 > .TableContents-module_sectionButton__1pY12 {\n  border-bottom: none;\n}";
 var styles = {"sectionButtonWrapper":"TableContents-module_sectionButtonWrapper__12yA7","sectionButton":"TableContents-module_sectionButton__1pY12"};
 styleInject(css_248z);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.66.18",
+  "version": "0.66.19",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.module.scss

@@ -38,6 +38,10 @@
     padding: 24px;
   }
 
+  &[aria-expanded='true'] {
+    border-bottom-color: transparent;
+  }
+
   &:hover {
     color: colors.$ds-neutral-700;
 

package/src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx

@@ -74,6 +74,7 @@ export const AccordionItem = ({
       className={`d-flex fd-column ${styles.container} ${className}`}
     >
       <button
+        aria-expanded={isOpen}
         className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}
         onClick={handleClick}
         type="button"

package/src/lib/components/table/components/TableContents/TableContents.module.scss

@@ -14,6 +14,10 @@
   border-bottom: 1px solid $ds-neutral-300;
   color: $ds-neutral-900;
   padding: 0;
+
+  &[aria-expanded='true'] {
+    border-bottom-color: transparent;
+  }
 }
 
 button.sectionButton {