@popsure/dirty-swan 0.37.2 → 0.38.1

package/dist/esm/components/autocompleteAddress/index.stories.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { AutocompleteAddress } from './index.js';
 import '../../tslib.es6-5bc94358.js';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../index-1463d5e9.js';
 import '../../_commonjsHelpers-e7f67fd8.js';
 import '../input/index.js';

package/dist/esm/components/autocompleteAddress/index.test.js

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-e7f67fd8.js';
 import 'react-dom/test-utils';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../index-1463d5e9.js';
 import '../input/index.js';
 import '../../index-fb46adf9.js';
@@ -64,7 +64,7 @@ describe('AutocompleteAddress component', function () {
                 target: { value: 'Köpeniker' },
             });
             expect(getAllByTestId(inputTestId).length).toEqual(5);
-            expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
+            expect(getByDisplayValue('Köpeniker Strasse')).toBeVisible();
             return [2 /*return*/];
         });
     }); });
@@ -75,7 +75,7 @@ describe('AutocompleteAddress component', function () {
                 case 0:
                     callback = jest.fn();
                     _a = setup(undefined, callback), findByText = _a.findByText, getAllByTestId = _a.getAllByTestId, user = _a.user;
-                    return [4 /*yield*/, findByText('Enter address manually')];
+                    return [4 /*yield*/, findByText('enter address manually')];
                 case 1:
                     btn = _b.sent();
                     return [4 /*yield*/, user.click(btn)];
@@ -104,10 +104,10 @@ describe('AutocompleteAddress component', function () {
         var getByDisplayValue;
         return __generator(this, function (_a) {
             getByDisplayValue = setup(address).getByDisplayValue;
-            expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
-            expect(getByDisplayValue("4000")).toBeVisible();
-            expect(getByDisplayValue("10179")).toBeVisible();
-            expect(getByDisplayValue("Berlin")).toBeVisible();
+            expect(getByDisplayValue('Köpeniker Strasse')).toBeVisible();
+            expect(getByDisplayValue('4000')).toBeVisible();
+            expect(getByDisplayValue('10179')).toBeVisible();
+            expect(getByDisplayValue('Berlin')).toBeVisible();
             return [2 /*return*/];
         });
     }); });

package/dist/esm/components/autocompleteAddress/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/autocompleteAddress/index.test.tsx"],"sourcesContent":["import { Address } from '@popsure/public-models';\nimport { fireEvent, render } from '../../util/testUtils';\n\nimport { AutocompleteAddress } from '.';\n\nconst address = {\n  street: 'Köpeniker Strasse',\n  houseNumber: '4000',\n  postcode: '10179',\n  city: 'Berlin',\n  country: 'DE',\n};\n\nconst setup = (\n  address: Partial<Address> | undefined = undefined,\n  onAddressChange: (address: Partial<Address>) => void = () => {}\n) => {\n  return render(\n    <AutocompleteAddress\n      address={address}\n      apiKey={''}\n      onAddressChange={onAddressChange}\n    />\n  );\n};\n\nconst inputTestId = 'ds-input-input';\n\ndescribe('AutocompleteAddress component', () => {\n  it('Should show all address fields once a search is completed', async () => {\n    // @ts-ignore\n    window.google.maps.places.Autocomplete = class {\n      reference: HTMLElement;\n      constructor(reference: HTMLElement) {\n        this.reference = reference;\n      }\n      // @ts-ignore\n      addListener(_action, callback) {\n        this.reference.addEventListener('change', (e: Event) =>\n          (e.target as HTMLInputElement).value !== ''\n            ? callback({\n                geometry: {\n                  location: class {},\n                },\n                address_components: [\n                  {\n                    long_name: 'Köpeniker Strasse',\n                    short_name: 'Köpeniker Strasse',\n                    types: ['route'],\n                  },\n                ],\n              })\n            : null\n        );\n      }\n    };\n\n    const { getAllByTestId, getByDisplayValue, getByTestId } = setup();\n\n    fireEvent.change(getByTestId(inputTestId), {\n      target: { value: 'Köpeniker' },\n    });\n\n    expect(getAllByTestId(inputTestId).length).toEqual(5);\n    expect(getByDisplayValue(\"Köpeniker Strasse\")).toBeVisible();\n  });\n\n  it('Should enable to enter the address manually', async () => {\n    const callback = jest.fn();\n    const { findByText, getAllByTestId, user } = setup(undefined, callback);\n    const btn = await findByText('Enter address manually');\n\n    await user.click(btn);\n\n    // fill out all fields\n    const inputs = getAllByTestId(inputTestId);\n\n    await user.type(inputs[0], 'Köpeniker Strasse');\n    await user.type(inputs[1], '4000');\n    await user.type(inputs[3], '10179');\n    await user.type(inputs[4], 'Berlin');\n\n    // callback should be called with a complete address\n    expect(callback).toHaveBeenCalledWith(address);\n  });\n\n  it('Should prefill fields if an address is provided', async () => {\n    const { getByDisplayValue } = setup(address);\n\n    expect(getByDisplayValue(\"Köpeniker Strasse\")).toBeVisible();\n    expect(getByDisplayValue(\"4000\")).toBeVisible();\n    expect(getByDisplayValue(\"10179\")).toBeVisible();\n    expect(getByDisplayValue(\"Berlin\")).toBeVisible();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/autocompleteAddress/index.test.tsx"],"sourcesContent":["import { Address } from '@popsure/public-models';\nimport { fireEvent, render } from '../../util/testUtils';\n\nimport { AutocompleteAddress } from '.';\n\nconst address = {\n  street: 'Köpeniker Strasse',\n  houseNumber: '4000',\n  postcode: '10179',\n  city: 'Berlin',\n  country: 'DE',\n};\n\nconst setup = (\n  address: Partial<Address> | undefined = undefined,\n  onAddressChange: (address: Partial<Address>) => void = () => {}\n) => {\n  return render(\n    <AutocompleteAddress\n      address={address}\n      apiKey={''}\n      onAddressChange={onAddressChange}\n    />\n  );\n};\n\nconst inputTestId = 'ds-input-input';\n\ndescribe('AutocompleteAddress component', () => {\n  it('Should show all address fields once a search is completed', async () => {\n    // @ts-ignore\n    window.google.maps.places.Autocomplete = class {\n      reference: HTMLElement;\n      constructor(reference: HTMLElement) {\n        this.reference = reference;\n      }\n      // @ts-ignore\n      addListener(_action, callback) {\n        this.reference.addEventListener('change', (e: Event) =>\n          (e.target as HTMLInputElement).value !== ''\n            ? callback({\n                geometry: {\n                  location: class {},\n                },\n                address_components: [\n                  {\n                    long_name: 'Köpeniker Strasse',\n                    short_name: 'Köpeniker Strasse',\n                    types: ['route'],\n                  },\n                ],\n              })\n            : null\n        );\n      }\n    };\n\n    const { getAllByTestId, getByDisplayValue, getByTestId } = setup();\n\n    fireEvent.change(getByTestId(inputTestId), {\n      target: { value: 'Köpeniker' },\n    });\n\n    expect(getAllByTestId(inputTestId).length).toEqual(5);\n    expect(getByDisplayValue('Köpeniker Strasse')).toBeVisible();\n  });\n\n  it('Should enable to enter the address manually', async () => {\n    const callback = jest.fn();\n    const { findByText, getAllByTestId, user } = setup(undefined, callback);\n    const btn = await findByText('enter address manually');\n\n    await user.click(btn);\n\n    // fill out all fields\n    const inputs = getAllByTestId(inputTestId);\n\n    await user.type(inputs[0], 'Köpeniker Strasse');\n    await user.type(inputs[1], '4000');\n    await user.type(inputs[3], '10179');\n    await user.type(inputs[4], 'Berlin');\n\n    // callback should be called with a complete address\n    expect(callback).toHaveBeenCalledWith(address);\n  });\n\n  it('Should prefill fields if an address is provided', async () => {\n    const { getByDisplayValue } = setup(address);\n\n    expect(getByDisplayValue('Köpeniker Strasse')).toBeVisible();\n    expect(getByDisplayValue('4000')).toBeVisible();\n    expect(getByDisplayValue('10179')).toBeVisible();\n    expect(getByDisplayValue('Berlin')).toBeVisible();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/badge/index.js

@@ -1,6 +1,6 @@
 import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as classnames } from '../../index-e9e37a34.js';
+import { c as classNames } from '../../index-6ea95111.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 
 var css_248z = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
@@ -20,7 +20,7 @@ var getVariantClassNames = function (variant) { return ({
 }[variant]); };
 var Badge = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
-    return (jsx("div", __assign({ className: classnames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
+    return (jsx("div", __assign({ className: classNames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
 };
 
 export { Badge };

package/dist/esm/components/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/badge/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\ntype Variant = \n | 'warning'\n | 'error'\n | 'success'\n | 'information'\n | 'neutral'\n | 'neutral200'\n | 'neutral300'\n | 'primary'\n | 'primary900';\n\nexport interface BadgeProps {\n  className?: string;\n  variant?: Variant;\n  size?: 'small' | 'medium' | 'large';\n  children: ReactNode;\n}\n\nconst getVariantClassNames = (variant: Variant) => ({\n  information: 'bg-blue-100',\n  neutral: 'bg-white',\n  neutral200: 'bg-grey-200',\n  neutral300: 'bg-grey-300',\n  warning: 'bg-yellow-100',\n  error: 'bg-red-100',\n  success: 'bg-green-100',\n  primary: 'bg-purple-100',\n  primary900: 'bg-purple-900 tc-white',\n}[variant])\n\nconst Badge = ({\n  className = '',\n  size = 'medium',\n  variant = 'information',\n  children,\n}: BadgeProps) => (\n  <div\n    className={classNames(\n      className, \n      'px16 br8 d-inline-block ai-center fw-bold p-p', \n      { 'p-p--small': size === 'small' },\n      styles[`badge--${size}`],\n      getVariantClassNames(variant)\n    )}\n  >\n    {children}\n  </div>\n);\n\nexport { Badge };\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;;;AAsBA,IAAM,oBAAoB,GAAG,UAAC,OAAgB,IAAK,QAAC;IAClD,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,wBAAwB;CACrC,CAAC,OAAO,CAAC,IAAC,CAAA;IAEL,KAAK,GAAG,UAAC,EAKF;QAJX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,QAAQ,cAAA;IACQ,QAChBA,sBACE,SAAS,EAAEC,UAAU,CACnB,SAAS,EACT,+CAA+C,EAC/C,EAAE,YAAY,EAAE,IAAI,KAAK,OAAO,EAAE,EAClC,MAAM,CAAC,YAAU,IAAM,CAAC,EACxB,oBAAoB,CAAC,OAAO,CAAC,CAC9B,gBAEA,QAAQ,YACL;AAXU;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/badge/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\ntype Variant = \n | 'warning'\n | 'error'\n | 'success'\n | 'information'\n | 'neutral'\n | 'neutral200'\n | 'neutral300'\n | 'primary'\n | 'primary900';\n\nexport interface BadgeProps {\n  className?: string;\n  variant?: Variant;\n  size?: 'small' | 'medium' | 'large';\n  children: ReactNode;\n}\n\nconst getVariantClassNames = (variant: Variant) => ({\n  information: 'bg-blue-100',\n  neutral: 'bg-white',\n  neutral200: 'bg-grey-200',\n  neutral300: 'bg-grey-300',\n  warning: 'bg-yellow-100',\n  error: 'bg-red-100',\n  success: 'bg-green-100',\n  primary: 'bg-purple-100',\n  primary900: 'bg-purple-900 tc-white',\n}[variant])\n\nconst Badge = ({\n  className = '',\n  size = 'medium',\n  variant = 'information',\n  children,\n}: BadgeProps) => (\n  <div\n    className={classNames(\n      className, \n      'px16 br8 d-inline-block ai-center fw-bold p-p', \n      { 'p-p--small': size === 'small' },\n      styles[`badge--${size}`],\n      getVariantClassNames(variant)\n    )}\n  >\n    {children}\n  </div>\n);\n\nexport { Badge };\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAsBA,IAAM,oBAAoB,GAAG,UAAC,OAAgB,IAAK,QAAC;IAClD,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,wBAAwB;CACrC,CAAC,OAAO,CAAC,IAAC,CAAA;IAEL,KAAK,GAAG,UAAC,EAKF;QAJX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,QAAQ,cAAA;IACQ,QAChBA,sBACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,+CAA+C,EAC/C,EAAE,YAAY,EAAE,IAAI,KAAK,OAAO,EAAE,EAClC,MAAM,CAAC,YAAU,IAAM,CAAC,EACxB,oBAAoB,CAAC,OAAO,CAAC,CAC9B,gBAEA,QAAQ,YACL;AAXU;;;;"}

package/dist/esm/components/badge/index.stories.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { Badge } from './index.js';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 
 var story = {

package/dist/esm/components/badge/index.test.js

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-e7f67fd8.js';
 import 'react-dom/test-utils';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 
 describe('Badge component', function () {

package/dist/esm/components/button/index.js

@@ -15,7 +15,7 @@ var buttonTypeClassNameMap = {
     outlineGrey: 'p-btn--outline-grey',
 };
 var Button = React__default.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon; _a.type; var props = __rest(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon", "type"]);
+    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon, props = __rest(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon"]);
     var buttonClassName = buttonTypeClassNameMap[buttonType];
     var loadingClassName = loading ? 'p-btn--loading' : '';
     return (jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxs("div", __assign({ className: styles['content-container'] }, { children: [jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),

package/dist/esm/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.scss';\n\ntype ButtonType =\n  | 'primary'\n  | 'secondary'\n  | 'secondaryGrey'\n  | 'outline'\n  | 'outlineGrey';\n\nconst buttonTypeClassNameMap: { [K in ButtonType]: string } = {\n  primary: 'p-btn--primary',\n  secondary: 'p-btn--secondary',\n  secondaryGrey: 'p-btn--secondary-grey',\n  outline: 'p-btn--outline',\n  outlineGrey: 'p-btn--outline-grey',\n};\n\ninterface Icon {\n  src: string;\n  alt: string;\n}\n\ntype InputProps = {\n  buttonTitle: string;\n  buttonType?: ButtonType;\n  leftIcon?: Icon;\n  loading?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nexport default React.forwardRef(\n  (\n    {\n      className,\n      loading = false,\n      buttonTitle,\n      buttonType = 'primary',\n      leftIcon,\n      type,\n      ...props\n    }: InputProps,\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonClassName = buttonTypeClassNameMap[buttonType];\n    const loadingClassName = loading ? 'p-btn--loading' : '';\n    return (\n      <button\n        ref={ref}\n        className={`${buttonClassName} ${loadingClassName} ${className ?? ''}`}\n        {...props}\n      >\n        {leftIcon ? (\n          <div className={styles['content-container']}>\n            <img\n              width=\"20px\"\n              height=\"20px\"\n              className=\"mr8\"\n              src={leftIcon.src}\n              alt={leftIcon.alt}\n            />\n            <div>{buttonTitle}</div>\n          </div>\n        ) : (\n          <>{buttonTitle}</>\n        )}\n      </button>\n    );\n  }\n);\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;AAWA,IAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,uBAAuB;IACtC,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,qBAAqB;CACnC,CAAC;AAcF,aAAeA,cAAK,CAAC,UAAU,CAC7B,UACE,EAQa,EACb,GAA2C;QARzC,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,WAAW,iBAAA,EACX,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,SACJ,MACD,KAAK,cAPV,yEAQC;IAGD,IAAM,eAAe,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC3D,IAAM,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IACzD,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAK,eAAe,SAAI,gBAAgB,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAClE,KAAK,cAER,QAAQ,IACPC,uBAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,iBACzCD,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB;gBACFA,uBAAM,WAAW,WAAO,aACpB,KAENA,0BAAG,WAAW,WAAI,CACnB,YACM,EACT;AACJ,CAAC,CACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.scss';\n\ntype ButtonType =\n  | 'primary'\n  | 'secondary'\n  | 'secondaryGrey'\n  | 'outline'\n  | 'outlineGrey';\n\nconst buttonTypeClassNameMap: { [K in ButtonType]: string } = {\n  primary: 'p-btn--primary',\n  secondary: 'p-btn--secondary',\n  secondaryGrey: 'p-btn--secondary-grey',\n  outline: 'p-btn--outline',\n  outlineGrey: 'p-btn--outline-grey',\n};\n\ninterface Icon {\n  src: string;\n  alt: string;\n}\n\ntype ButtonProps = {\n  buttonTitle: string;\n  buttonType?: ButtonType;\n  leftIcon?: Icon;\n  loading?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nexport default React.forwardRef(\n  (\n    {\n      className,\n      loading = false,\n      buttonTitle,\n      buttonType = 'primary',\n      leftIcon,\n      ...props\n    }: ButtonProps,\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonClassName = buttonTypeClassNameMap[buttonType];\n    const loadingClassName = loading ? 'p-btn--loading' : '';\n    return (\n      <button\n        ref={ref}\n        className={`${buttonClassName} ${loadingClassName} ${className ?? ''}`}\n        {...props}\n      >\n        {leftIcon ? (\n          <div className={styles['content-container']}>\n            <img\n              width=\"20px\"\n              height=\"20px\"\n              className=\"mr8\"\n              src={leftIcon.src}\n              alt={leftIcon.alt}\n            />\n            <div>{buttonTitle}</div>\n          </div>\n        ) : (\n          <>{buttonTitle}</>\n        )}\n      </button>\n    );\n  }\n);\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;AAWA,IAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,uBAAuB;IACtC,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,qBAAqB;CACnC,CAAC;AAcF,aAAeA,cAAK,CAAC,UAAU,CAC7B,UACE,EAOc,EACd,GAA2C;IAPzC,IAAA,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,WAAW,iBAAA,EACX,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,EACL,KAAK,cANV,iEAOC,CADS;IAIV,IAAM,eAAe,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC3D,IAAM,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IACzD,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAK,eAAe,SAAI,gBAAgB,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAClE,KAAK,cAER,QAAQ,IACPC,uBAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,iBACzCD,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB;gBACFA,uBAAM,WAAW,WAAO,aACpB,KAENA,0BAAG,WAAW,WAAI,CACnB,YACM,EACT;AACJ,CAAC,CACF;;;;"}

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

@@ -1,9 +1,9 @@
 import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { A as AnimateHeight } from '../../../../index-21239ab0.js';
+import { A as AnimateHeight } from '../../../../index-e27b50cf.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 import 'react';
-import '../../../../index-e9e37a34.js';
+import '../../../../index-6ea95111.js';
 
 var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\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  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\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"};

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

@@ -1,8 +1,8 @@
 export { AccordionItem } from './AccordionItem.js';
 import '../../../../tslib.es6-5bc94358.js';
 import 'react/jsx-runtime';
-import '../../../../index-21239ab0.js';
+import '../../../../index-e27b50cf.js';
 import 'react';
-import '../../../../index-e9e37a34.js';
+import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/TableArrows/index.js

@@ -1,6 +1,6 @@
 import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classnames } from '../../../../index-e9e37a34.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
 import ArrowIcon from './Arrow.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 
@@ -12,10 +12,10 @@ var TableArrows = function (props) {
     var _a, _b;
     var active = props.active, onClick = props.onClick;
     var handleButtonClick = function (value) { return function () { return onClick(value); }; };
-    return (jsxs("div", __assign({ className: styles.container }, { children: [jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classnames("p-btn--secondary d-flex", styles.prev, styles.arrow, (_a = {},
+    return (jsxs("div", __assign({ className: styles.container }, { children: [jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles.prev, styles.arrow, (_a = {},
                     _a[styles.active] = active.left,
                     _a)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0),
-            jsx("button", __assign({ onClick: handleButtonClick('next'), className: classnames("p-btn--secondary d-flex", styles.next, styles.arrow, (_b = {},
+            jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles.next, styles.arrow, (_b = {},
                     _b[styles.active] = active.right,
                     _b)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
 };

package/dist/esm/components/comparisonTable/components/TableArrows/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport ArrowIcon from './Arrow';\nimport styles from './style.module.scss';\n\nexport type ArrowValues = 'prev' | 'next';\n\ninterface TableArrowsProps {\n  onClick: (value: ArrowValues) => void;\n  active: { left: boolean; right: boolean };\n}\n\nconst TableArrows = (props: TableArrowsProps) => {\n  const { active, onClick } = props;\n  const handleButtonClick = (value: ArrowValues) => () => onClick(value);\n\n  return (\n    <div className={styles.container}>\n      <button\n        onClick={handleButtonClick('prev')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.prev,\n          styles.arrow,\n          {\n            [styles.active]: active.left,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n      <button\n        onClick={handleButtonClick('next')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.next,\n          styles.arrow,\n          {\n            [styles.active]: active.right,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx","classNames"],"mappings":";;;;;;;;;;IAaM,WAAW,GAAG,UAAC,KAAuB;;IAClC,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAM,iBAAiB,GAAG,UAAC,KAAkB,IAAK,OAAA,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,GAAA,CAAC;IAEvE,QACEA,uBAAK,SAAS,EAAE,MAAM,CAAC,SAAS,iBAC9BC,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAEC,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;wBAE/B,gBAEDD,IAAC,SAAS,aAAG,YACN;YACTA,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAEC,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;wBAEhC,gBAEDD,IAAC,SAAS,aAAG,YACN,aACL,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport ArrowIcon from './Arrow';\nimport styles from './style.module.scss';\n\nexport type ArrowValues = 'prev' | 'next';\n\ninterface TableArrowsProps {\n  onClick: (value: ArrowValues) => void;\n  active: { left: boolean; right: boolean };\n}\n\nconst TableArrows = (props: TableArrowsProps) => {\n  const { active, onClick } = props;\n  const handleButtonClick = (value: ArrowValues) => () => onClick(value);\n\n  return (\n    <div className={styles.container}>\n      <button\n        onClick={handleButtonClick('prev')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.prev,\n          styles.arrow,\n          {\n            [styles.active]: active.left,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n      <button\n        onClick={handleButtonClick('next')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.next,\n          styles.arrow,\n          {\n            [styles.active]: active.right,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;IAaM,WAAW,GAAG,UAAC,KAAuB;;IAClC,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAM,iBAAiB,GAAG,UAAC,KAAkB,IAAK,OAAA,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,GAAA,CAAC;IAEvE,QACEA,uBAAK,SAAS,EAAE,MAAM,CAAC,SAAS,iBAC9BC,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;wBAE/B,gBAEDA,IAAC,SAAS,aAAG,YACN;YACTA,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;wBAEhC,gBAEDA,IAAC,SAAS,aAAG,YACN,aACL,EACN;AACJ;;;;"}

package/dist/esm/components/comparisonTable/components/TableRating/index.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { c as classnames } from '../../../../index-e9e37a34.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
 import StarIcon from './StarIcon.js';
 import ZapIcon from './ZapIcon.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
@@ -20,7 +20,7 @@ var VALID_VALUES = [1, 2, 3];
 var TableRating = function (props) {
     var rating = props.rating, type = props.type;
     var SelectedIcon = getRatingIcon(type);
-    return (jsx(Fragment, { children: VALID_VALUES.map(function (value) { return (jsx(SelectedIcon, { className: classnames(styles.icon, value <= rating ? styles.filled : styles.empty) }, value)); }) }, void 0));
+    return (jsx(Fragment, { children: VALID_VALUES.map(function (value) { return (jsx(SelectedIcon, { className: classNames(styles.icon, value <= rating ? styles.filled : styles.empty) }, value)); }) }, void 0));
 };
 
 export default TableRating;

package/dist/esm/components/comparisonTable/components/TableRating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/index.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport StarIcon from './StarIcon';\nimport ZapIcon from './ZapIcon';\n\nimport styles from './style.module.scss';\n\ntype RatingTypes = 'star' | 'zap';\n\ninterface TableRatingProps {\n  type: RatingTypes;\n  rating: number;\n}\n\nconst getRatingIcon = (type: RatingTypes) => {\n  const iconDictionary = {\n    zap: ZapIcon,\n    star: StarIcon,\n  };\n\n  return iconDictionary[type] || iconDictionary['star'];\n};\n\nconst VALID_VALUES = [1, 2, 3];\n\nconst TableRating = (props: TableRatingProps) => {\n  const { rating, type } = props;\n  const SelectedIcon = getRatingIcon(type);\n\n  return (\n    <>\n      {VALID_VALUES.map((value) => (\n        <SelectedIcon\n          key={value}\n          className={classNames(\n            styles.icon,\n            value <= rating ? styles.filled : styles.empty\n          )}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default TableRating;\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;;;;;AAcA,IAAM,aAAa,GAAG,UAAC,IAAiB;IACtC,IAAM,cAAc,GAAG;QACrB,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzB,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,MAAM,GAAW,KAAK,OAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;IAC/B,IAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEzC,QACEA,0BACG,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QAC3BA,IAAC,YAAY,IAEX,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,KAAK,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAC/C,IAJI,KAAK,CAKV,IACH,CAAC,WACD,EACH;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/index.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport StarIcon from './StarIcon';\nimport ZapIcon from './ZapIcon';\n\nimport styles from './style.module.scss';\n\ntype RatingTypes = 'star' | 'zap';\n\ninterface TableRatingProps {\n  type: RatingTypes;\n  rating: number;\n}\n\nconst getRatingIcon = (type: RatingTypes) => {\n  const iconDictionary = {\n    zap: ZapIcon,\n    star: StarIcon,\n  };\n\n  return iconDictionary[type] || iconDictionary['star'];\n};\n\nconst VALID_VALUES = [1, 2, 3];\n\nconst TableRating = (props: TableRatingProps) => {\n  const { rating, type } = props;\n  const SelectedIcon = getRatingIcon(type);\n\n  return (\n    <>\n      {VALID_VALUES.map((value) => (\n        <SelectedIcon\n          key={value}\n          className={classNames(\n            styles.icon,\n            value <= rating ? styles.filled : styles.empty\n          )}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default TableRating;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAcA,IAAM,aAAa,GAAG,UAAC,IAAiB;IACtC,IAAM,cAAc,GAAG;QACrB,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzB,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,MAAM,GAAW,KAAK,OAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;IAC/B,IAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEzC,QACEA,0BACG,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QAC3BA,IAAC,YAAY,IAEX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,KAAK,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAC/C,IAJI,KAAK,CAKV,IACH,CAAC,WACD,EACH;AACJ;;;;"}

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

@@ -1,6 +1,6 @@
 import { b as __awaiter, c as __generator, _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classnames } from '../../index-e9e37a34.js';
+import { c as classNames } from '../../index-6ea95111.js';
 import React__default, { useState, useRef, useCallback, useEffect, Fragment } from 'react';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-e7f67fd8.js';
 import Chevron from './components/Chevron.js';
@@ -18,7 +18,7 @@ import { AccordionItem } from './components/AccordionItem/AccordionItem.js';
 import './components/TableArrows/Arrow.js';
 import './components/TableRating/StarIcon.js';
 import './components/TableRating/ZapIcon.js';
-import '../../index-21239ab0.js';
+import '../../index-e27b50cf.js';
 
 var dist = {exports: {}};
 
@@ -1659,9 +1659,9 @@ var ComparisonTable = function (props) {
         : {})), (stickyHeaderTopOffset
         ? { '--stickyHeaderTopOffset': stickyHeaderTopOffset + "px" }
         : {})), (growContent ? { '--growContent': '100%' } : {}));
-    return (jsx(dist.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsx("div", __assign({ className: classnames(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", __assign({ id: headerId, className: classnames(baseStyles.container, (_a = {},
+    return (jsx(dist.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsx("div", __assign({ className: classNames(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", __assign({ id: headerId, className: classNames(baseStyles.container, (_a = {},
                                 _a[baseStyles.noScrollBars] = hideScrollBars,
-                                _a)) }, { children: jsx("div", __assign({ className: classnames(baseStyles['overflow-container']) }, { children: jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [jsx(TableArrows, { onClick: handleArrowsClick, active: {
+                                _a)) }, { children: jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [jsx(TableArrows, { onClick: handleArrowsClick, active: {
                                                 left: selectedTabIndex > 0,
                                                 right: selectedTabIndex < data.length - 1,
                                             } }, void 0),
@@ -1681,17 +1681,17 @@ var ComparisonTable = function (props) {
                                     return (jsx(Row, { rowId: rowId, cell: cell, data: data }, rowId));
                                 });
                                 var idString = "headerGroup-" + headerGroup.id;
-                                return (jsx(Fragment, { children: headerGroup.label && collapsibleSections ? (jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", __assign({ className: classnames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
+                                return (jsx(Fragment, { children: headerGroup.label && collapsibleSections ? (jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
                                                     _a[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _a)) }, { children: jsx("div", __assign({ className: classnames(baseStyles['overflow-container']) }, { children: jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsx("div", { children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", __assign({ className: classnames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
+                                                    _a)) }, { children: jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsx("div", { children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
                                                     _b[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _b)) }, { children: jsx("div", __assign({ className: classnames(baseStyles['overflow-container']) }, { children: jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
+                                                    _b)) }, { children: jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
                                                             /**
                                                              * Print a table subheader if the `label` value is present
                                                              */
                                                             headerGroup.label && !collapsibleSections && (jsx("div", __assign({ className: baseStyles['group-title'] }, { children: jsx("h4", __assign({ className: "p-h4 " + baseStyles.sticky }, { children: headerGroup.label }), void 0) }), void 0)), content] }), void 0) }), void 0) }), void 0) }, void 0) }, idString)) }, idString));
                             }),
-                        hideDetails && (jsx("div", __assign({ className: classnames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsx("div", { children: jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }), void 0));
+                        hideDetails && (jsx("div", __assign({ className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsx("div", { children: jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }), void 0));
 };
 
 export { ComparisonTable };