@popsure/dirty-swan 0.32.0 → 0.33.0

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

@@ -1,110 +0,0 @@
-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-1463d5e9.js';
-import '../../_commonjsHelpers-e7f67fd8.js';
-import '../input/index.js';
-import '../../index-fb46adf9.js';
-import '../../style-inject.es-1f59c1d0.js';
-
-var story = {
-    title: 'JSX/AutocompleteAddress',
-    component: AutocompleteAddress,
-    argTypes: {
-        address: {
-            description: 'The address properties',
-            table: {
-                type: {
-                    summary: 'Partial<Address>'
-                },
-            },
-        },
-        apiKey: {
-            defaultValue: 'AIzaSyDg0DSrjYKt5smmsjkVasDz7c4T5rbOXT8',
-            description: 'Your private API key for the [Google Places API](https://developers.google.com/maps/documentation/places/web-service/overview)',
-            table: {
-                type: {
-                    summary: 'Partial<Address>'
-                },
-            },
-        },
-        onAddressChange: {
-            description: 'Callback with the updated address, this function will get called everytime the address gets updated',
-            action: true,
-            table: {
-                category: "Callbacks",
-            },
-        },
-        manualAddressEntryTexts: {
-            description: 'The CTA that enables manual address entry and the text preceding it',
-            table: {
-                type: {
-                    summary: '{ preText?: string; cta: string?; }'
-                }
-            }
-        },
-        placeholders: {
-            description: 'Placeholder text',
-            table: {
-                type: {
-                    summary: '{ manualAddressEntry?: string; street: string?; houseNumber?: string; additionalInformation?: string; postcode?: string; city?: string; }'
-                }
-            }
-        }
-    },
-    parameters: {
-        componentSubtitle: 'Autocomplete Address are user interface elements which allow users start typing an address and get autocompletion suggestions on the address.',
-        docs: {
-            description: {
-                component: 'This component is for now only restricted to "address" types and will restrict every query to Germany.',
-            },
-        },
-        customTypes: {
-            Address: "interface Address {\n          street: string;\n          houseNumber: string;\n          postcode: string;\n          city: string;\n          additionalInformation?: string;\n          country: string;\n      }"
-        }
-    },
-};
-var AutocompleteAddressStory = function (_a) {
-    var defaultAddress = _a.address, apiKey = _a.apiKey, manualAddressEntryTexts = _a.manualAddressEntryTexts, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders;
-    var _b = useState(defaultAddress), address = _b[0], setAddress = _b[1];
-    var handleOnAddressChange = function (newAddress) {
-        onAddressChange(newAddress);
-        setAddress(newAddress);
-    };
-    return (jsx(AutocompleteAddress, { address: address, apiKey: apiKey, manualAddressEntryTexts: manualAddressEntryTexts, onAddressChange: handleOnAddressChange, placeholders: placeholders }, void 0));
-};
-AutocompleteAddressStory.storyName = "AutocompleteAddress";
-var WithAddress = function (_a) {
-    var apiKey = _a.apiKey, onAddressChange = _a.onAddressChange; _a.placeholders;
-    return (jsx(AutocompleteAddress, { address: {
-            street: 'Lohmuehlenstraße',
-            houseNumber: '65',
-            city: 'Berlin',
-            country: 'DE',
-            additionalInformation: 'c/o Factory',
-        }, apiKey: apiKey, onAddressChange: onAddressChange }, void 0));
-};
-var WithLocalisationEntryText = function (_a) {
-    var apiKey = _a.apiKey, onAddressChange = _a.onAddressChange;
-    return (jsx(AutocompleteAddress, { apiKey: apiKey, manualAddressEntryTexts: {
-            preText: 'Oder ',
-            cta: 'Adresse direkt eingeben',
-        }, onAddressChange: onAddressChange }, void 0));
-};
-var WithLocalisationPlaceholders = function (_a) {
-    var apiKey = _a.apiKey, onAddressChange = _a.onAddressChange;
-    return (jsx(AutocompleteAddress, { address: {}, apiKey: apiKey, placeholders: {
-            manualAddressEntry: 'Adresse suchen',
-            street: 'Straße',
-            houseNumber: 'Hausnummer',
-            additionalInformation: 'Adresszusatz (c/o, z.Hd., o.V.i.A, ...)',
-            postcode: 'PLZ',
-            city: 'Stadt',
-        }, onAddressChange: onAddressChange }, void 0));
-};
-
-export default story;
-export { AutocompleteAddressStory, WithAddress, WithLocalisationEntryText, WithLocalisationPlaceholders };
-//# sourceMappingURL=index.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/autocompleteAddress/index.stories.tsx"],"sourcesContent":["import { Address } from '@popsure/public-models';\nimport { useState } from 'react';\nimport { AutocompleteAddress, AutocompleteAddressProps } from '.';\n\nconst story = {\n  title: 'JSX/AutocompleteAddress',\n  component: AutocompleteAddress,\n  argTypes: {\n    address: {\n      description: 'The address properties',\n      table: {\n        type: { \n          summary: 'Partial<Address>'\n        },\n      },\n    },\n    apiKey: {\n      defaultValue: 'AIzaSyDg0DSrjYKt5smmsjkVasDz7c4T5rbOXT8',\n      description: 'Your private API key for the [Google Places API](https://developers.google.com/maps/documentation/places/web-service/overview)',\n      table: {\n        type: { \n          summary: 'Partial<Address>'\n        },\n      },\n    },\n    onAddressChange: {\n      description: 'Callback with the updated address, this function will get called everytime the address gets updated',\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n    },\n    manualAddressEntryTexts: {\n      description: 'The CTA that enables manual address entry and the text preceding it',\n      table: {\n        type: {\n            summary: '{ preText?: string; cta: string?; }'\n        }\n      }\n    },\n    placeholders: {\n      description: 'Placeholder text',\n      table: {\n        type: {\n            summary: '{ manualAddressEntry?: string; street: string?; houseNumber?: string; additionalInformation?: string; postcode?: string; city?: string; }'\n        }\n      }\n    }\n  },\n  parameters: {\n    componentSubtitle: 'Autocomplete Address are user interface elements which allow users start typing an address and get autocompletion suggestions on the address.',\n    docs: {\n      description: {\n          component: 'This component is for now only restricted to \"address\" types and will restrict every query to Germany.',\n      },\n    },\n    customTypes: {\n      Address: `interface Address {\n          street: string;\n          houseNumber: string;\n          postcode: string;\n          city: string;\n          additionalInformation?: string;\n          country: string;\n      }`\n    }\n  },\n};\n\nexport const AutocompleteAddressStory = ({\n  address: defaultAddress,\n  apiKey,\n  manualAddressEntryTexts,\n  onAddressChange,\n  placeholders,\n}: AutocompleteAddressProps) => {\n  const [address, setAddress] = useState<Partial<Address> | undefined>(defaultAddress);\n  const handleOnAddressChange = (newAddress: Partial<Address>) => {\n    onAddressChange(newAddress);\n    setAddress(newAddress);\n  };\n\n  return (\n    <AutocompleteAddress\n      address={address}\n      apiKey={apiKey}\n      manualAddressEntryTexts={manualAddressEntryTexts}\n      onAddressChange={handleOnAddressChange}\n      placeholders={placeholders}\n    />\n  );\n};\n\nAutocompleteAddressStory.storyName = \"AutocompleteAddress\";\n\nexport const WithAddress = ({\n  apiKey,\n  onAddressChange,\n  placeholders,\n}: AutocompleteAddressProps) => (\n    <AutocompleteAddress\n      address={{\n        street: 'Lohmuehlenstraße',\n        houseNumber: '65',\n        city: 'Berlin',\n        country: 'DE',\n        additionalInformation: 'c/o Factory',\n      }}\n      apiKey={apiKey}\n      onAddressChange={onAddressChange}\n    />\n);\n\nexport const WithLocalisationEntryText = ({\n  apiKey,\n  onAddressChange,\n}: AutocompleteAddressProps) => (\n  <AutocompleteAddress\n    apiKey={apiKey}\n    manualAddressEntryTexts={{\n      preText: 'Oder ',\n      cta: 'Adresse direkt eingeben',\n    }}\n    onAddressChange={onAddressChange}\n  />\n);\n\nexport const WithLocalisationPlaceholders = ({\n  apiKey,\n  onAddressChange,\n}: AutocompleteAddressProps) => (\n  <AutocompleteAddress\n    address={{}}\n    apiKey={apiKey}\n    placeholders={{\n      manualAddressEntry: 'Adresse suchen',\n      street: 'Straße',\n      houseNumber: 'Hausnummer',\n      additionalInformation: 'Adresszusatz (c/o, z.Hd., o.V.i.A, ...)',\n      postcode: 'PLZ',\n      city: 'Stadt',\n    }}\n    onAddressChange={onAddressChange}\n  />\n);\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -1,115 +0,0 @@
-import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
-import { jsx } from 'react/jsx-runtime';
-import { c as customRender, f as fireEvent } from '../../customRender-4157fcff.js';
-import { AutocompleteAddress } from './index.js';
-import 'react';
-import 'react-dom';
-import '../../_commonjsHelpers-e7f67fd8.js';
-import 'react-dom/test-utils';
-import '../../index-e9e37a34.js';
-import '../../index-1463d5e9.js';
-import '../input/index.js';
-import '../../index-fb46adf9.js';
-import '../../style-inject.es-1f59c1d0.js';
-
-var address = {
-    street: 'Köpeniker Strasse',
-    houseNumber: '4000',
-    postcode: '10179',
-    city: 'Berlin',
-    country: 'DE',
-};
-var setup = function (address, onAddressChange) {
-    if (address === void 0) { address = undefined; }
-    if (onAddressChange === void 0) { onAddressChange = function () { }; }
-    return customRender(jsx(AutocompleteAddress, { address: address, apiKey: '', onAddressChange: onAddressChange }, void 0));
-};
-var inputTestId = 'ds-input-input';
-describe('AutocompleteAddress component', function () {
-    it('Should show all address fields once a search is completed', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, getAllByTestId, getByDisplayValue, getByTestId;
-        return __generator(this, function (_b) {
-            // @ts-ignore
-            window.google.maps.places.Autocomplete = /** @class */ (function () {
-                function class_1(reference) {
-                    this.reference = reference;
-                }
-                // @ts-ignore
-                class_1.prototype.addListener = function (_action, callback) {
-                    this.reference.addEventListener('change', function (e) {
-                        return e.target.value !== ''
-                            ? callback({
-                                geometry: {
-                                    location: /** @class */ (function () {
-                                        function location() {
-                                        }
-                                        return location;
-                                    }()),
-                                },
-                                address_components: [
-                                    {
-                                        long_name: 'Köpeniker Strasse',
-                                        short_name: 'Köpeniker Strasse',
-                                        types: ['route'],
-                                    },
-                                ],
-                            })
-                            : null;
-                    });
-                };
-                return class_1;
-            }());
-            _a = setup(), getAllByTestId = _a.getAllByTestId, getByDisplayValue = _a.getByDisplayValue, getByTestId = _a.getByTestId;
-            fireEvent.change(getByTestId(inputTestId), {
-                target: { value: 'Köpeniker' },
-            });
-            expect(getAllByTestId(inputTestId).length).toEqual(5);
-            expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
-            return [2 /*return*/];
-        });
-    }); });
-    it('Should enable to enter the address manually', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var callback, _a, findByText, getAllByTestId, user, btn, inputs;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                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')];
-                case 1:
-                    btn = _b.sent();
-                    return [4 /*yield*/, user.click(btn)];
-                case 2:
-                    _b.sent();
-                    inputs = getAllByTestId(inputTestId);
-                    return [4 /*yield*/, user.type(inputs[0], 'Köpeniker Strasse')];
-                case 3:
-                    _b.sent();
-                    return [4 /*yield*/, user.type(inputs[1], '4000')];
-                case 4:
-                    _b.sent();
-                    return [4 /*yield*/, user.type(inputs[3], '10179')];
-                case 5:
-                    _b.sent();
-                    return [4 /*yield*/, user.type(inputs[4], 'Berlin')];
-                case 6:
-                    _b.sent();
-                    // callback should be called with a complete address
-                    expect(callback).toHaveBeenCalledWith(address);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should prefill fields if an address is provided', function () { return __awaiter(void 0, void 0, void 0, 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();
-            return [2 /*return*/];
-        });
-    }); });
-});
-//# sourceMappingURL=index.test.js.map

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

@@ -1 +0,0 @@
-{"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/button/index.js

@@ -1,26 +0,0 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
-
-var css_248z = ".styles-module_content-container__4wuQ0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
-var styles = {"content-container":"styles-module_content-container__4wuQ0"};
-styleInject(css_248z);
-
-var buttonTypeClassNameMap = {
-    primary: 'p-btn--primary',
-    secondary: 'p-btn--secondary',
-    secondaryGrey: 'p-btn--secondary-grey',
-    outline: 'p-btn--outline',
-    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 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),
-                jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsx(Fragment, { children: buttonTitle }, void 0)) }), void 0));
-});
-
-export default Button;
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/cards/cardButton/index.js

@@ -1,6 +0,0 @@
-import '../../../tslib.es6-5bc94358.js';
-import 'react/jsx-runtime';
-import 'react';
-export { C as default } from '../../../index-47663d39.js';
-import '../../../style-inject.es-1f59c1d0.js';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/cards/cardButton/index.js.map

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

package/dist/esm/components/cards/cardWithLeftIcon/index.js

@@ -1,7 +0,0 @@
-import '../../../tslib.es6-5bc94358.js';
-import 'react/jsx-runtime';
-export { CardWithLeftIcon as default } from '../index.js';
-import '../../../index-47663d39.js';
-import '../../../style-inject.es-1f59c1d0.js';
-import 'react';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/cards/cardWithLeftIcon/index.js.map

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

package/dist/esm/components/cards/cardWithTopIcon/index.js

@@ -1,7 +0,0 @@
-import '../../../tslib.es6-5bc94358.js';
-import 'react/jsx-runtime';
-export { CardWithTopIcon as default } from '../index.js';
-import '../../../index-47663d39.js';
-import '../../../style-inject.es-1f59c1d0.js';
-import 'react';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/cards/cardWithTopIcon/index.js.map

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

package/dist/esm/components/cards/cardWithTopLeftIcon/index.js

@@ -1,7 +0,0 @@
-import '../../../tslib.es6-5bc94358.js';
-import 'react/jsx-runtime';
-export { CardWithTopLeftIcon as default } from '../index.js';
-import '../../../index-47663d39.js';
-import '../../../style-inject.es-1f59c1d0.js';
-import 'react';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/cards/cardWithTopLeftIcon/index.js.map

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

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

@@ -1,125 +0,0 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { f as featherLogo, a as arrowRight, i as info } from '../../index-47663d39.js';
-export { C as CardButton } from '../../index-47663d39.js';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
-import 'react';
-
-var css_248z$3 = ".style-module_container__3jKmy {\n  padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n  padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n  margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n  margin-left: 36px;\n}";
-var styles$3 = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
-styleInject(css_248z$3);
-
-var containerStyleFromTitleSize = function (titleSize) {
-    switch (titleSize) {
-        case 'xsmall':
-            return 'container--xsmall';
-        default:
-            return 'container';
-    }
-};
-var index$3 = (function (_a) {
-    var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _c = _a.state, state = _c === void 0 ? 'actionable' : _c, _d = _a.dropshadow, dropshadow = _d === void 0 ? true : _d, props = __rest(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
-    var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$3[containerStyleFromTitleSize(cardSize)];
-    var titleContainerStyle = styles$3['title-container'];
-    var headingStyle = headingForCardSize(cardSize);
-    var iconStyle = styles$3['right-icon'];
-    var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$3.indent : 'mt16');
-    return (jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxs("div", __assign({ className: titleContainerStyle }, { children: [leftIcon && (jsx("img", { className: "mr8", width: "28px", height: "28px", src: leftIcon === 'logo' ? featherLogo.src : leftIcon.src, alt: leftIcon === 'logo' ? featherLogo.alt : leftIcon.src }, void 0)),
-                    jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
-                    rightIcon && (jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
-            jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
-});
-
-var css_248z$2 = ".style-module_container__34kUF {\n  padding: 32px 24px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n  margin-left: 4px;\n}";
-var styles$2 = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
-styleInject(css_248z$2);
-
-var index$2 = (function (_a) {
-    var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, topIcon = _a.topIcon, _c = _a.topIconSize, topIconSize = _c === void 0 ? { width: 48, height: 48 } : _c, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest(_a, ["className", "title", "cardSize", "children", "topIcon", "topIconSize", "rightIcon", "state", "dropshadow"]);
-    var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$2.container;
-    var headingStyle = headingForCardSize(cardSize);
-    var iconStyle = styles$2['right-icon'];
-    return (jsx(Fragment, { children: jsxs("div", __assign({ className: cardStyle }, props, { children: [jsx("img", { width: topIconSize.width, height: topIconSize.height, alt: topIcon.alt, src: topIcon.src }, void 0),
-                jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
-                        rightIcon && (jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0), children] }), void 0) }, void 0));
-});
-
-var css_248z$1 = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
-var styles$1 = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
-styleInject(css_248z$1);
-
-var index$1 = (function (_a) {
-    var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
-    return (jsxs("div", __assign({ className: styles$1['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$1['top-icon'] + " " + (state === 'muted' ? styles$1['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
-            jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$1.container }, { children: [rightIcon && (jsx("img", { width: "20px", height: "20px", className: styles$1['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
-                    jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
-                    jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
-});
-
-var headingForCardSize = function (cardSize) {
-    switch (cardSize) {
-        case 'xsmall':
-        case 'small':
-            return 'p-h4';
-        case 'medium':
-            return 'p-h3';
-        case 'big':
-            return 'p-h2';
-    }
-};
-var associatedClassForCardState = function (state, dropshadow) {
-    var baseClass = (function () {
-        switch (state) {
-            case 'actionable':
-                return 'ds-card--actionable';
-            case 'muted':
-                return 'ds-card--muted';
-            case 'static':
-                return 'ds-card';
-        }
-    })();
-    if (dropshadow === false) {
-        return baseClass + " ds-card--no-dropshadow";
-    }
-    return baseClass;
-};
-
-var css_248z = ".style-module_container__384bg {\n  padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n  padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n  padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n  margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n  margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n  margin-top: 6px;\n}";
-var styles = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
-styleInject(css_248z);
-
-var containerStyleFromCardSize = function (cardSize) {
-    switch (cardSize) {
-        case 'xsmall':
-            return 'container--xsmall';
-        case 'small':
-            return 'container--small';
-        default:
-            return 'container';
-    }
-};
-var cardTextStyleFromCardSize = function (cardSize) {
-    switch (cardSize) {
-        case 'xsmall':
-        case 'small':
-            return 'card-text--small';
-        case 'medium':
-            return 'card-text--medium';
-        default:
-            return 'card-text--big';
-    }
-};
-var index = (function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
-    var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles[containerStyleFromCardSize(cardSize)];
-    var headingStyle = headingForCardSize(cardSize);
-    var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
-    var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles[cardTextStyleFromCardSize(cardSize)];
-    return (jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsx("img", { width: "48px", height: "48px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
-            jsxs("div", { children: [jsxs("div", __assign({ className: "d-flex" }, { children: [jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
-                            rightIcon && (jsx("img", { className: "ml-auto", width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
-                    jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
-});
-
-export { index as CardWithLeftIcon, index$2 as CardWithTopIcon, index$3 as CardWithTopLeftIcon, index$1 as InfoCard, associatedClassForCardState, headingForCardSize };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/cardWithTopLeftIcon/index.tsx","../../../../../src/lib/components/cards/cardWithTopIcon/index.tsx","../../../../../src/lib/components/cards/infoCard/index.tsx","../../../../../src/lib/components/cards/index.tsx","../../../../../src/lib/components/cards/cardWithLeftIcon/index.tsx"],"sourcesContent":["import {\n  associatedClassForCardState,\n  CardProps,\n  headingForCardSize,\n} from '..';\nimport { Icon, arrowRight, featherLogo } from '../icons';\n\nimport styles from './style.module.scss';\n\nconst containerStyleFromTitleSize = (\n  titleSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (titleSize) {\n    case 'xsmall':\n      return 'container--xsmall';\n    default:\n      return 'container';\n  }\n};\n\nexport default ({\n  className,\n  title,\n  cardSize = 'medium',\n  children,\n  leftIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardProps & {\n  cardSize?: 'xsmall' | 'small' | 'medium' | 'big';\n  leftIcon?: 'logo' | Icon;\n  rightIcon?: 'arrow' | Icon;\n}) => {\n  const cardStyle = `${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles[containerStyleFromTitleSize(cardSize)]}`;\n\n  const titleContainerStyle = styles['title-container'];\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = styles['right-icon'];\n  const cardTextStyle = `p-p tc-grey-600 ${cardSize === 'xsmall' ? styles.indent : 'mt16'}`;\n\n  return (\n    <div className={cardStyle} {...props}>\n      <div className={titleContainerStyle}>\n        {leftIcon && (\n          <img\n            className=\"mr8\"\n            width=\"28px\"\n            height=\"28px\"\n            src={leftIcon === 'logo' ? featherLogo.src : leftIcon.src}\n            alt={leftIcon === 'logo' ? featherLogo.alt : leftIcon.src}\n          />\n        )}\n        <div className={headingStyle}>{title}</div>\n        {rightIcon && (\n          <img\n            className={iconStyle}\n            width=\"24px\"\n            height=\"24px\"\n            src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n            alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n          />\n        )}\n      </div>\n      <p className={cardTextStyle}>{children}</p>\n    </div>\n  );\n};\n","import { associatedClassForCardState, CardProps, headingForCardSize } from '..';\nimport { Icon, arrowRight, IconSize } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport default ({\n  className,\n  title,\n  cardSize = 'medium',\n  children,\n  topIcon,\n  topIconSize = { width: 48, height: 48 },\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardProps & {\n  topIcon: Icon;\n  topIconSize: IconSize;\n  cardSize?: 'small' | 'medium' | 'big';\n  rightIcon?: 'arrow' | Icon;\n}) => {\n  const cardStyle = `d-flex fd-column ai-center ${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles.container}`;\n\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = styles['right-icon'];\n\n  return (\n    <>\n      <div className={cardStyle} {...props}>\n        <img\n          width={topIconSize.width}\n          height={topIconSize.height}\n          alt={topIcon.alt}\n          src={topIcon.src}\n        />\n        <div className=\"d-flex mt16\">\n          <div className={headingStyle}>{title}</div>\n          {rightIcon && (\n            <img\n              className={iconStyle}\n              width=\"24px\"\n              height=\"24px\"\n              src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n              alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n            />\n          )}\n        </div>\n        {children}\n      </div>\n    </>\n  );\n};\n","import { associatedClassForCardState, CardProps } from '..';\nimport { Icon, info } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport default ({\n  className,\n  title,\n  children,\n  topIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardProps & {\n  topIcon: Icon;\n  rightIcon?: 'info' | Icon;\n}) => (\n  <div className={`${styles['root-container']} ${className ?? ''}`} {...props}>\n    <img\n      src={topIcon.src}\n      alt={topIcon.alt}\n      className={`${styles['top-icon']} ${\n        state === 'muted' ? styles['top-icon--muted'] : ''\n      } `}\n      width=\"80px\"\n      height=\"80px\"\n    />\n    <div\n      className={`${associatedClassForCardState(state, dropshadow)} ${\n        styles.container\n      }`}\n    >\n      {rightIcon && (\n        <img\n          width=\"20px\"\n          height=\"20px\"\n          className={styles['right-icon']}\n          src={rightIcon === 'info' ? info.src : rightIcon.src}\n          alt={rightIcon === 'info' ? info.alt : rightIcon.alt}\n        />\n      )}\n      <div className=\"p-h4 ta-center mt64\">{title}</div>\n      <p className=\"p-p mt16 tc-grey-600\">{children}</p>\n    </div>\n  </div>\n);\n","import CardWithTopLeftIcon from './cardWithTopLeftIcon';\nimport CardWithLeftIcon from './cardWithLeftIcon';\nimport CardWithTopIcon from './cardWithTopIcon';\nimport InfoCard from './infoCard';\nimport CardButton from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  CardWithTopLeftIcon,\n  CardWithLeftIcon,\n  CardWithTopIcon,\n  InfoCard,\n  CardButton,\n};\n","import { associatedClassForCardState, CardProps, headingForCardSize } from '..';\nimport { Icon, arrowRight } from '../icons';\n\nimport styles from './style.module.scss';\n\nconst containerStyleFromCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n      return 'container--xsmall';\n    case 'small':\n      return 'container--small';\n    default:\n      return 'container';\n  }\n};\n\nconst cardTextStyleFromCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'card-text--small';\n    case 'medium':\n      return 'card-text--medium';\n    default:\n      return 'card-text--big';\n  }\n};\n\nexport default ({\n  className = '',\n  title,\n  cardSize = 'medium',\n  children,\n  leftIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardProps & {\n  cardSize?: 'xsmall' | 'small' | 'medium' | 'big';\n  leftIcon?: Icon;\n  rightIcon?: 'arrow' | Icon;\n}) => {\n  const cardStyle = `d-flex ai-center ${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles[containerStyleFromCardSize(cardSize)]}`;\n\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';\n  const cardTextStyle = `tc-grey-600 ${\n    cardSize === 'xsmall' ? 'p-p--small' : 'p-p '\n  } ${styles[cardTextStyleFromCardSize(cardSize)]}`;\n\n  return (\n    <div className={cardStyle} {...props}>\n      {leftIcon && (\n        <img\n          width=\"48px\"\n          height=\"48px\"\n          className={iconStyle}\n          src={leftIcon.src}\n          alt={leftIcon.alt}\n        />\n      )}\n      <div>\n        <div className=\"d-flex\">\n          <div className={headingStyle}>{title}</div>\n          {rightIcon && (\n            <img\n              className=\"ml-auto\"\n              width=\"24px\"\n              height=\"24px\"\n              src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n              alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n            />\n          )}\n        </div>\n        <p className={cardTextStyle}>{children}</p>\n      </div>\n    </div>\n  );\n};\n"],"names":["styles","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/cards/infoCard/index.js

@@ -1,7 +0,0 @@
-import '../../../tslib.es6-5bc94358.js';
-import 'react/jsx-runtime';
-export { InfoCard as default } from '../index.js';
-import '../../../index-47663d39.js';
-import '../../../style-inject.es-1f59c1d0.js';
-import 'react';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/cards/infoCard/index.js.map

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

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

@@ -1,22 +0,0 @@
-import { _ as __assign } from '../../tslib.es6-5bc94358.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
-
-var css_248z = ".style-module_chip__3LMgV {\n  background: var(--ds-primary-100);\n  border: 2px solid var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  width: 16px;\n  height: 16px;\n  position: relative;\n}\n\n.style-module_chip-remove-button__3LK7e,\n.style-module_chip-remove-button-highlighted__3DysJ {\n  position: absolute;\n}\n\n.style-module_chip-remove-button__3LK7e:hover {\n  opacity: 0;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
-var styles = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e","chip-remove-button-highlighted":"style-module_chip-remove-button-highlighted__3DysJ"};
-styleInject(css_248z);
-
-var removeButtonIcon = "data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
-
-var removeButtonHighlightedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
-
-var Chip = (function (_a) {
-    var value = _a.value, onRemove = _a.onRemove;
-    return (jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + styles['chip'] }, { children: [value.leftIcon && (jsx("img", { className: "mr8 " + styles['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
-            jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
-            jsxs("div", __assign({ className: "c-pointer " + styles['chip-button-container'], onClick: function () { return onRemove(value); } }, { children: [jsx("img", { className: styles['chip-remove-button-highlighted'], src: removeButtonHighlightedIcon, alt: "removal x button highlighted" }, void 0),
-                    jsx("img", { className: styles['chip-remove-button'], src: removeButtonIcon, alt: "removal x button" }, void 0)] }), void 0)] }), void 0));
-});
-
-export default Chip;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/components/chip/icons/remove-button.svg","../../../../src/lib/components/chip/icons/remove-button-highlighted.svg","../../../../../src/lib/components/chip/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import styles from './style.module.scss';\nimport removeButtonIcon from './icons/remove-button.svg';\nimport removeButtonHighlightedIcon from './icons/remove-button-highlighted.svg';\nimport { Option } from '../../models/autoSuggestInput';\n\nexport default ({\n  value,\n  onRemove,\n}: {\n  value: Option;\n  onRemove: (value: Option) => void;\n}) => (\n  <div className={`p-p mr8 mb8 d-flex ${styles['chip']}`}>\n    {value.leftIcon && (\n      <img\n        className={`mr8 ${styles['chip-image']}`}\n        src={value.leftIcon}\n        alt={value.value}\n      />\n    )}\n    <div className=\"mr8\">{value.value}</div>\n    <div\n      className={`c-pointer ${styles['chip-button-container']}`}\n      onClick={() => onRemove(value)}\n    >\n      <img\n        className={styles['chip-remove-button-highlighted']}\n        src={removeButtonHighlightedIcon}\n        alt=\"removal x button highlighted\"\n      />\n      <img\n        className={styles['chip-remove-button']}\n        src={removeButtonIcon}\n        alt=\"removal x button\"\n      />\n    </div>\n  </div>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAAA,uBAAe;;ACAf,kCAAe;;ACKf,YAAe,UAAC,EAMf;QALC,KAAK,WAAA,EACL,QAAQ,cAAA;IAIJ,QACJA,uBAAK,SAAS,EAAE,wBAAsB,MAAM,CAAC,MAAM,CAAG,iBACnD,KAAK,CAAC,QAAQ,KACbC,aACE,SAAS,EAAE,SAAO,MAAM,CAAC,YAAY,CAAG,EACxC,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,KAAK,WAChB,CACH;YACDA,sBAAK,SAAS,EAAC,KAAK,gBAAE,KAAK,CAAC,KAAK,YAAO;YACxCD,uBACE,SAAS,EAAE,eAAa,MAAM,CAAC,uBAAuB,CAAG,EACzD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,GAAA,iBAE9BC,aACE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,EACnD,GAAG,EAAE,2BAA2B,EAChC,GAAG,EAAC,8BAA8B,WAClC;oBACFA,aACE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,kBAAkB,WACtB,aACE,aACF;AAzBF,CA0BL;;;;"}

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

@@ -1,32 +0,0 @@
-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 { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
-import 'react';
-import '../../../../index-e9e37a34.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: #e6e5ff;\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);
-
-var ChevronSVG = function (_a) {
-    var className = _a.className;
-    return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M18 15L12 9L6 15", stroke: "#b4b4ba", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
-};
-var AccordionItem = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.headerClassName, headerClassName = _c === void 0 ? '' : _c, isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, label = _a.label;
-    var handleClick = function () {
-        if (!isOpen) {
-            onOpen();
-        }
-        else {
-            onClose();
-        }
-    };
-    return (jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles.container }, { children: [jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsx("div", __assign({ className: "d-flex ai-center " + styles.iconAndTextContainer }, { children: typeof label === 'string' ? (jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsx(Fragment, { children: label }, void 0)) }), void 0),
-                    jsx(ChevronSVG, { className: styles.chevron + " " + (!isOpen && styles.chevronClosed) }, void 0)] }), void 0),
-            jsx(AnimateHeight, __assign({ duration: 300, height: isOpen ? 'auto' : 0.1 }, { children: children }), void 0)] }), void 0));
-};
-
-export { AccordionItem };
-//# sourceMappingURL=AccordionItem.js.map

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

@@ -1 +0,0 @@
-{"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';\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  isOpen,\n  onOpen,\n  onClose,\n  label,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  isOpen: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  label: React.ReactNode;\n}) => {\n  const handleClick = () => {\n    if (!isOpen) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return (\n    <div className={`d-flex fd-column ${className} ${styles.container}`}>\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-h4\">{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 duration={300} height={isOpen ? 'auto' : 0.1}>\n        {children}\n      </AnimateHeight>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAIA,IAAM,UAAU,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC5DA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAhBsD,CAiB7D,CAAC;IAEW,aAAa,GAAG,UAAC,EAgB7B;QAfC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA;IAUL,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,EAAE,CAAC;SACV;aAAM;YACL,OAAO,EAAE,CAAC;SACX;KACF,CAAC;IAEF,QACEC,uBAAK,SAAS,EAAE,sBAAoB,SAAS,SAAI,MAAM,CAAC,SAAW,iBACjEA,0BACE,SAAS,EAAE,iCAA+B,MAAM,CAAC,YAAY,SAAI,eAAiB,EAClF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,iBAEbD,sBAAK,SAAS,EAAE,sBAAoB,MAAM,CAAC,oBAAsB,gBAC9D,OAAO,KAAK,KAAK,QAAQ,IACxBA,qBAAI,SAAS,EAAC,MAAM,gBAAE,KAAK,YAAM,KAEjCA,0BAAG,KAAK,WAAI,CACb,YACG;oBACNA,IAAC,UAAU,IACT,SAAS,EAAK,MAAM,CAAC,OAAO,UAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAE,WACjE,aACK;YAGTA,IAAC,aAAa,aAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,gBACxD,QAAQ,YACK,aACZ,EACN;AACJ;;;;"}