@popsure/dirty-swan 0.61.2 → 0.62.0

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

@@ -1,13 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { AutocompleteAddress } from './index.js';
-import '../../tslib.es6-a39f91fc.js';
-import '../../index-6ea95111.js';
-import '../../index-5e72c3d4.js';
-import '../../_commonjsHelpers-4730bd53.js';
+import '../../tslib.es6-CVlKGIvp.js';
+import '../../index-DLQEsiym.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../index-BClARCFl.js';
 import '../input/index.js';
-import '../../index-69a46657.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-CNcEE5dn.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-BYyiyH6K.js';
 
 var story = {
     title: 'JSX/AutocompleteAddress',
@@ -62,51 +63,58 @@ var story = {
             description: {
                 component: 'This component is for now only restricted to "address" types and will restrict every query to Germany.',
             },
-        }
+        },
     },
 };
-var AutocompleteAddressStory = function (_a) {
-    var defaultAddress = _a.address, apiKey = _a.apiKey, manualAddressEntryTexts = _a.manualAddressEntryTexts, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, countryCode = _a.countryCode;
-    var _b = useState(defaultAddress), address = _b[0], setAddress = _b[1];
-    var handleOnAddressChange = function (newAddress) {
-        onAddressChange === null || onAddressChange === void 0 ? void 0 : onAddressChange(newAddress);
-        setAddress(newAddress);
-    };
-    return (jsx(AutocompleteAddress, { address: address, apiKey: apiKey, manualAddressEntryTexts: manualAddressEntryTexts, onAddressChange: handleOnAddressChange, placeholders: placeholders, countryCode: countryCode }));
+var AutocompleteAddressStory = {
+    render: function (_a) {
+        var defaultAddress = _a.address, apiKey = _a.apiKey, manualAddressEntryTexts = _a.manualAddressEntryTexts, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, countryCode = _a.countryCode;
+        var _b = useState(defaultAddress), address = _b[0], setAddress = _b[1];
+        var handleOnAddressChange = function (newAddress) {
+            onAddressChange === null || onAddressChange === void 0 ? void 0 : onAddressChange(newAddress);
+            setAddress(newAddress);
+        };
+        return (jsx(AutocompleteAddress, { address: address, apiKey: apiKey, manualAddressEntryTexts: manualAddressEntryTexts, onAddressChange: handleOnAddressChange, placeholders: placeholders, countryCode: countryCode }));
+    },
+    name: 'AutocompleteAddress',
 };
-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 }));
+var WithAddress = {
+    render: 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 }));
+    },
 };
-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 }));
+var WithLocalisationEntryText = {
+    render: function (_a) {
+        var apiKey = _a.apiKey, onAddressChange = _a.onAddressChange;
+        return (jsx(AutocompleteAddress, { apiKey: apiKey, manualAddressEntryTexts: {
+                preText: 'Oder ',
+                cta: 'Adresse direkt eingeben',
+            }, onAddressChange: onAddressChange }));
+    },
 };
-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 }));
+var WithLocalisationPlaceholders = {
+    render: 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 }));
+    },
 };
 var AddressType = function () {
     return (jsx("pre", { children: "interface Address {\n          street: string;\n          houseNumber: string;\n          postcode: string;\n          city: string;\n          additionalInformation?: string;\n          country: string;\n      }" }));
 };
 
-export default story;
-export { AddressType, AutocompleteAddressStory, WithAddress, WithLocalisationEntryText, WithLocalisationPlaceholders };
+export { AddressType, AutocompleteAddressStory, WithAddress, WithLocalisationEntryText, WithLocalisationPlaceholders, story as default };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"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      description:\n        '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:\n        '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:\n        '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:\n            '{ manualAddressEntry?: string; street: string?; houseNumber?: string; additionalInformation?: string; postcode?: string; city?: string; }',\n        },\n      },\n    },\n  },\n  args: {\n    apiKey: 'AIzaSyDg0DSrjYKt5smmsjkVasDz7c4T5rbOXT8',\n  },\n  parameters: {\n    componentSubtitle:\n      '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:\n          'This component is for now only restricted to \"address\" types and will restrict every query to Germany.',\n      },\n    }\n  },\n};\n\nexport const AutocompleteAddressStory = ({\n  address: defaultAddress,\n  apiKey,\n  manualAddressEntryTexts,\n  onAddressChange,\n  placeholders,\n  countryCode\n}: AutocompleteAddressProps) => {\n  const [address, setAddress] = useState<Partial<Address> | undefined>(\n    defaultAddress\n  );\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      countryCode={countryCode}\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 const AddressType = () => {\n  return (\n    <pre>\n      {`interface Address {\n          street: string;\n          houseNumber: string;\n          postcode: string;\n          city: string;\n          additionalInformation?: string;\n          country: string;\n      }`}\n    </pre>\n  )\n}\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}
+{"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      description:\n        '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:\n        '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:\n        '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:\n            '{ manualAddressEntry?: string; street: string?; houseNumber?: string; additionalInformation?: string; postcode?: string; city?: string; }',\n        },\n      },\n    },\n  },\n  args: {\n    apiKey: 'AIzaSyDg0DSrjYKt5smmsjkVasDz7c4T5rbOXT8',\n  },\n  parameters: {\n    componentSubtitle:\n      '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:\n          'This component is for now only restricted to \"address\" types and will restrict every query to Germany.',\n      },\n    },\n  },\n};\n\nexport const AutocompleteAddressStory = {\n  render: ({\n    address: defaultAddress,\n    apiKey,\n    manualAddressEntryTexts,\n    onAddressChange,\n    placeholders,\n    countryCode,\n  }: AutocompleteAddressProps) => {\n    const [address, setAddress] = useState<Partial<Address> | undefined>(\n      defaultAddress\n    );\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        countryCode={countryCode}\n      />\n    );\n  },\n\n  name: 'AutocompleteAddress',\n};\n\nexport const WithAddress = {\n  render: ({\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};\n\nexport const WithLocalisationEntryText = {\n  render: ({ apiKey, onAddressChange }: AutocompleteAddressProps) => (\n    <AutocompleteAddress\n      apiKey={apiKey}\n      manualAddressEntryTexts={{\n        preText: 'Oder ',\n        cta: 'Adresse direkt eingeben',\n      }}\n      onAddressChange={onAddressChange}\n    />\n  ),\n};\n\nexport const WithLocalisationPlaceholders = {\n  render: ({ apiKey, onAddressChange }: 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};\n\nexport const AddressType = () => {\n  return (\n    <pre>\n      {`interface Address {\n          street: string;\n          houseNumber: string;\n          postcode: string;\n          city: string;\n          additionalInformation?: string;\n          country: string;\n      }`}\n    </pre>\n  );\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -1,16 +1,18 @@
-import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, f as fireEvent } from '../../customRender-be47569b.js';
+import { f as fireEvent, c as customRender } from '../../customRender-DzdqZxUd.js';
 import { AutocompleteAddress } from './index.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../index-6ea95111.js';
-import '../../index-5e72c3d4.js';
+import '../../index-DLQEsiym.js';
+import '../../index-BClARCFl.js';
 import '../input/index.js';
-import '../../index-69a46657.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-CNcEE5dn.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-BYyiyH6K.js';
 
 var address = {
     street: 'Köpeniker Strasse',

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,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../index-6ea95111.js';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../index-DLQEsiym.js';
+import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 
 var css_248z = ".style-module_badge__7H1Jt {\n  border: 1px solid #fff;\n  position: relative;\n  gap: 6px;\n}\n.style-module_badge--xsmall__2lIav {\n  padding: 4px 10px;\n}\n.style-module_badge--small__cHO6v {\n  padding: 6px 12px;\n}\n.style-module_badge--medium__3CekE {\n  padding: 6px 16px;\n}\n.style-module_badge--large__3_tWC {\n  gap: 8px;\n  padding: 8px 16px;\n}\n.style-module_badge--white__QtwA_ {\n  background-color: #fff;\n  border-color: #f7f7fd;\n}\n.style-module_badge--neutral__7yAYx {\n  background-color: #f7f7fd;\n  border-color: #f2f2f8;\n}\n.style-module_badge--neutralStrong__1JHph {\n  background-color: #e7e7ed;\n  border-color: #e7e7ed;\n}\n.style-module_badge--information__1tegJ {\n  background-color: #E5F0FF;\n  border-color: #DAE8FC;\n}\n.style-module_badge--warning__2UCOz, .style-module_badge--primary__1JGTF {\n  background-color: #FEECD3;\n  border-color: #FCDAAB;\n}\n.style-module_badge--error__1g5DA {\n  background-color: #FEE6E6;\n  border-color: #FED7D7;\n}\n.style-module_badge--success__YJJ9N {\n  background-color: #E6FAF1;\n  border-color: #D5F6E7;\n}\n.style-module_badge--black__sdqec {\n  background-color: #26262e;\n  border-color: #26262e;\n  color: #fff;\n}\n.style-module_badge--secondary__1kblP {\n  background-color: #EEEEFE;\n  border-color: #E8E7FE;\n}\n.style-module_badge--secondaryStrong__33FDy {\n  background-color: #8883D8;\n  border-color: #8883D8;\n  color: #fff;\n}\n\n.style-module_badgeDot__N2_h5 {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.style-module_badgeDot--primary__q-_rt, .style-module_badgeDot--warning__1xu_H {\n  background-color: #C6824E;\n}\n.style-module_badgeDot--white__2Zi0j {\n  background-color: #b8b8c0;\n}\n.style-module_badgeDot--neutral__3Y6Z9 {\n  background-color: #919199;\n}\n.style-module_badgeDot--neutralStrong__3KzHS {\n  background-color: #696971;\n}\n.style-module_badgeDot--information__1t-rb {\n  background-color: #5F7BA0;\n}\n.style-module_badgeDot--error__3Lh5R {\n  background-color: #C64848;\n}\n.style-module_badgeDot--success__7tHPA {\n  background-color: #599278;\n}\n.style-module_badgeDot--black__2YWa7 {\n  background-color: #fff;\n}\n.style-module_badgeDot--secondary__RU2iJ {\n  background-color: #6A65AE;\n}\n.style-module_badgeDot--secondaryStrong__3AN6H {\n  background-color: #fff;\n}";
 var styles = {"badge":"style-module_badge__7H1Jt","badge--xsmall":"style-module_badge--xsmall__2lIav","badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC","badge--white":"style-module_badge--white__QtwA_","badge--neutral":"style-module_badge--neutral__7yAYx","badge--neutralStrong":"style-module_badge--neutralStrong__1JHph","badge--information":"style-module_badge--information__1tegJ","badge--warning":"style-module_badge--warning__2UCOz","badge--primary":"style-module_badge--primary__1JGTF","badge--error":"style-module_badge--error__1g5DA","badge--success":"style-module_badge--success__YJJ9N","badge--black":"style-module_badge--black__sdqec","badge--secondary":"style-module_badge--secondary__1kblP","badge--secondaryStrong":"style-module_badge--secondaryStrong__33FDy","badgeDot":"style-module_badgeDot__N2_h5","badgeDot--primary":"style-module_badgeDot--primary__q-_rt","badgeDot--warning":"style-module_badgeDot--warning__1xu_H","badgeDot--white":"style-module_badgeDot--white__2Zi0j","badgeDot--neutral":"style-module_badgeDot--neutral__3Y6Z9","badgeDot--neutralStrong":"style-module_badgeDot--neutralStrong__3KzHS","badgeDot--information":"style-module_badgeDot--information__1t-rb","badgeDot--error":"style-module_badgeDot--error__3Lh5R","badgeDot--success":"style-module_badgeDot--success__7tHPA","badgeDot--black":"style-module_badgeDot--black__2YWa7","badgeDot--secondary":"style-module_badgeDot--secondary__RU2iJ","badgeDot--secondaryStrong":"style-module_badgeDot--secondaryStrong__3AN6H"};

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  | 'white'\n  | 'neutral'\n  | 'neutralStrong'\n  | 'information'\n  | 'warning'\n  | 'primary'\n  | 'error'\n  | 'success'\n  | 'black'\n  | 'secondary'\n  | 'secondaryStrong';\n\nexport interface BadgeProps {\n  className?: string;\n  variant?: Variant;\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  children: ReactNode;\n  showDot?: boolean;\n}\n\nconst Badge = ({\n  className = '',\n  size = 'medium',\n  variant = 'information',\n  children,\n  showDot = false\n}: BadgeProps) => (\n  <div\n    role=\"status\" \n    className={classNames(\n      className,\n      'br8 d-inline-flex ai-center fw-bold p-p',\n      styles.badge,\n      styles[`badge--${size}`],\n      styles[`badge--${variant}`],\n      {\n        'p-p--small': size === 'small' || size === 'xsmall',\n      }\n    )}\n  >\n    {showDot && (\n      <span\n        className={classNames(\n          styles.badgeDot,\n          styles[`badgeDot--${variant}`]\n        )}\n      />\n    )}\n\n    {children}\n  </div>\n);\n\nexport { Badge };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;IAyBM,KAAK,GAAG,UAAC,EAMF;QALX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IACC,QAChBA,cACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,yCAAyC,EACzC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,iBAAU,IAAI,CAAE,CAAC,EACxB,MAAM,CAAC,iBAAU,OAAO,CAAE,CAAC,EAC3B;YACE,YAAY,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;SACpD,CACF,aAEA,OAAO,KACNC,cACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,QAAQ,EACf,MAAM,CAAC,oBAAa,OAAO,CAAE,CAAC,CAC/B,GACD,CACH,EAEA,QAAQ,IACL;AAxBU;;;;"}
+{"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  | 'white'\n  | 'neutral'\n  | 'neutralStrong'\n  | 'information'\n  | 'warning'\n  | 'primary'\n  | 'error'\n  | 'success'\n  | 'black'\n  | 'secondary'\n  | 'secondaryStrong';\n\nexport interface BadgeProps {\n  className?: string;\n  variant?: Variant;\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  children: ReactNode;\n  showDot?: boolean;\n}\n\nconst Badge = ({\n  className = '',\n  size = 'medium',\n  variant = 'information',\n  children,\n  showDot = false\n}: BadgeProps) => (\n  <div\n    role=\"status\" \n    className={classNames(\n      className,\n      'br8 d-inline-flex ai-center fw-bold p-p',\n      styles.badge,\n      styles[`badge--${size}`],\n      styles[`badge--${variant}`],\n      {\n        'p-p--small': size === 'small' || size === 'xsmall',\n      }\n    )}\n  >\n    {showDot && (\n      <span\n        className={classNames(\n          styles.badgeDot,\n          styles[`badgeDot--${variant}`]\n        )}\n      />\n    )}\n\n    {children}\n  </div>\n);\n\nexport { Badge };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAyBA,IAAM,KAAK,GAAG,UAAC,EAMF,EAAA;AALX,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACf,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACvB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;AACC,IAAA,QAChBA,IAAA,CAAA,KAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,yCAAyC,EACzC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,SAAA,CAAA,MAAA,CAAU,IAAI,CAAE,CAAC,EACxB,MAAM,CAAC,SAAA,CAAA,MAAA,CAAU,OAAO,CAAE,CAAC,EAC3B;AACE,YAAA,YAAY,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;SACpD,CACF,EAAA,QAAA,EAAA,CAEA,OAAO,KACNC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,QAAQ,EACf,MAAM,CAAC,YAAA,CAAA,MAAA,CAAa,OAAO,CAAE,CAAC,CAC/B,EAAA,CACD,CACH,EAEA,QAAQ,CAAA,EAAA,CACL;AAxBU;;;;"}

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

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Badge } from './index.js';
-import '../../index-6ea95111.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-DLQEsiym.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 
 var story = {
     title: 'JSX/Badge',
@@ -13,7 +14,7 @@ var story = {
         },
         className: {
             description: 'Class name for the most parent element',
-            control: 'text'
+            control: 'text',
         },
         size: {
             description: 'Define the size of the badge',
@@ -23,21 +24,23 @@ var story = {
         },
         showDot: {
             description: 'Whether to show a dot indicator',
-        }
+        },
     },
     args: {
         children: 'Value',
         className: '',
         size: 'medium',
         variant: 'information',
-        showDot: false
-    }
+        showDot: false,
+    },
 };
-var BadgeStory = function (_a) {
-    var children = _a.children, className = _a.className, size = _a.size, variant = _a.variant, showDot = _a.showDot;
-    return (jsx(Badge, { className: className, size: size, variant: variant, showDot: showDot, children: children }));
+var BadgeStory = {
+    render: function (_a) {
+        var children = _a.children, className = _a.className, size = _a.size, variant = _a.variant, showDot = _a.showDot;
+        return (jsx(Badge, { className: className, size: size, variant: variant, showDot: showDot, children: children }));
+    },
+    name: 'Badge',
 };
-BadgeStory.storyName = "Badge";
 var variants = [
     'white',
     'neutral',
@@ -51,11 +54,9 @@ var variants = [
     'secondaryStrong',
     'black',
 ];
-var Variants = function () { return (jsx("div", { className: 'd-flex fd-column gap16', children: variants.map(function (variant) { return (jsxs("div", { className: 'd-flex', children: [jsx("div", { className: 'ws3', children: jsx(Badge, { variant: variant, children: variant }) }), jsx("div", { className: 'ws3 ml32', children: jsx(Badge, { variant: variant, showDot: true, children: variant }) })] }, variant)); }) })); };
+var Variants = function () { return (jsx("div", { className: "d-flex fd-column gap16", children: variants.map(function (variant) { return (jsxs("div", { className: "d-flex", children: [jsx("div", { className: "ws3", children: jsx(Badge, { variant: variant, children: variant }) }), jsx("div", { className: "ws3 ml32", children: jsx(Badge, { variant: variant, showDot: true, children: variant }) })] }, variant)); }) })); };
 var sizes = ['xsmall', 'small', 'medium', 'large'];
-var Sizes = function () { return (jsx("div", { className: 'd-flex fd-column gap16', children: sizes.map(function (size) { return (jsxs("div", { className: 'd-flex', children: [jsx("div", { className: 'ws3', children: jsx(Badge, { size: size, children: size }) }), jsx("div", { className: 'ws3 ml32', children: jsx(Badge, { size: size, showDot: true, children: size }) })] }, size)); }) })); };
-BadgeStory.storyName = "Badge";
+var Sizes = function () { return (jsx("div", { className: "d-flex fd-column gap16", children: sizes.map(function (size) { return (jsxs("div", { className: "d-flex", children: [jsx("div", { className: "ws3", children: jsx(Badge, { size: size, children: size }) }), jsx("div", { className: "ws3 ml32", children: jsx(Badge, { size: size, showDot: true, children: size }) })] }, size)); }) })); };
 
-export default story;
-export { BadgeStory, Sizes, Variants };
+export { BadgeStory, Sizes, Variants, story as default };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/badge/index.stories.tsx"],"sourcesContent":["import { Badge, BadgeProps } from '.';\n\nconst story = {\n  title: 'JSX/Badge',\n  component: Badge,\n  argTypes: {\n    children: {\n      control: 'text',\n      description: 'Content that is displayed inside the badge',\n    },\n    className: {\n      description: 'Class name for the most parent element',\n      control: 'text'\n    },\n    size: {\n      description: 'Define the size of the badge',\n    },\n    variant: {\n      description: 'Variant that defines the style of the Badge',\n    },\n    showDot: {\n      description: 'Whether to show a dot indicator',\n    }\n  },\n  args: {\n    children: 'Value',\n    className: '',\n    size: 'medium',\n    variant: 'information',\n    showDot: false\n  }\n};\n \nexport const BadgeStory = ({\n  children,\n  className,\n  size,\n  variant,\n  showDot,\n}: BadgeProps) => (\n  <Badge\n    className={className}\n    size={size}\n    variant={variant}\n    showDot={showDot}\n  >\n    {children}\n  </Badge>\n);\n\nBadgeStory.storyName = \"Badge\";\n\nconst variants: BadgeProps['variant'][] = [\n  'white',\n  'neutral',\n  'neutralStrong',\n  'information',\n  'warning',\n  'primary',\n  'error',\n  'success',\n  'secondary',\n  'secondaryStrong',\n  'black',\n];\n\nexport const Variants = () => (\n  <div className='d-flex fd-column gap16'>\n    {variants.map((variant) => (\n      <div key={variant} className='d-flex'>\n        <div className='ws3'>\n          <Badge variant={variant}>\n            {variant}\n          </Badge>\n        </div>\n        <div className='ws3 ml32'>\n          <Badge\n            variant={variant}\n            showDot\n          >\n            {variant}\n          </Badge>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nconst sizes: BadgeProps['size'][] = ['xsmall', 'small', 'medium', 'large'];\n\nexport const Sizes = () => (\n  <div className='d-flex fd-column gap16'>\n    {sizes.map((size) => (\n      <div key={size} className='d-flex'>\n        <div className='ws3'>\n          <Badge size={size}>\n            {size}\n          </Badge>\n        </div>\n        <div className='ws3 ml32'>\n          <Badge size={size} showDot>\n            {size}\n          </Badge>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nBadgeStory.storyName = \"Badge\";\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4CAA4C;SAC1D;QACD,SAAS,EAAE;YACT,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,MAAM;SAChB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,8BAA8B;SAC5C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,6CAA6C;SAC3D;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iCAAiC;SAC/C;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,KAAK;KACf;EACD;IAEW,UAAU,GAAG,UAAC,EAMd;QALX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA;IACS,QAChBA,IAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACH;AARQ,EAShB;AAEF,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;AAE/B,IAAM,QAAQ,GAA4B;IACxC,OAAO;IACP,SAAS;IACT,eAAe;IACf,aAAa;IACb,SAAS;IACT,SAAS;IACT,OAAO;IACP,SAAS;IACT,WAAW;IACX,iBAAiB;IACjB,OAAO;CACR,CAAC;IAEW,QAAQ,GAAG,cAAM,QAC5BA,aAAK,SAAS,EAAC,wBAAwB,YACpC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,QACzBC,cAAmB,SAAS,EAAC,QAAQ,aACnCD,aAAK,SAAS,EAAC,KAAK,YAClBA,IAAC,KAAK,IAAC,OAAO,EAAE,OAAO,YACpB,OAAO,GACF,GACJ,EACNA,aAAK,SAAS,EAAC,UAAU,YACvBA,IAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,OAAO,kBAEN,OAAO,GACF,GACJ,KAbE,OAAO,CAcX,IACP,CAAC,GACE,KACN;AAEF,IAAM,KAAK,GAAyB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAE9D,KAAK,GAAG,cAAM,QACzBA,aAAK,SAAS,EAAC,wBAAwB,YACpC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnBC,cAAgB,SAAS,EAAC,QAAQ,aAChCD,aAAK,SAAS,EAAC,KAAK,YAClBA,IAAC,KAAK,IAAC,IAAI,EAAE,IAAI,YACd,IAAI,GACC,GACJ,EACNA,aAAK,SAAS,EAAC,UAAU,YACvBA,IAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,kBACvB,IAAI,GACC,GACJ,KAVE,IAAI,CAWR,IACP,CAAC,GACE,KACN;AAEF,UAAU,CAAC,SAAS,GAAG,OAAO;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/badge/index.stories.tsx"],"sourcesContent":["import { Badge, BadgeProps } from '.';\n\nconst story = {\n  title: 'JSX/Badge',\n  component: Badge,\n  argTypes: {\n    children: {\n      control: 'text',\n      description: 'Content that is displayed inside the badge',\n    },\n    className: {\n      description: 'Class name for the most parent element',\n      control: 'text',\n    },\n    size: {\n      description: 'Define the size of the badge',\n    },\n    variant: {\n      description: 'Variant that defines the style of the Badge',\n    },\n    showDot: {\n      description: 'Whether to show a dot indicator',\n    },\n  },\n  args: {\n    children: 'Value',\n    className: '',\n    size: 'medium',\n    variant: 'information',\n    showDot: false,\n  },\n};\n\nexport const BadgeStory = {\n  render: ({ children, className, size, variant, showDot }: BadgeProps) => (\n    <Badge\n      className={className}\n      size={size}\n      variant={variant}\n      showDot={showDot}\n    >\n      {children}\n    </Badge>\n  ),\n\n  name: 'Badge',\n};\n\nconst variants: BadgeProps['variant'][] = [\n  'white',\n  'neutral',\n  'neutralStrong',\n  'information',\n  'warning',\n  'primary',\n  'error',\n  'success',\n  'secondary',\n  'secondaryStrong',\n  'black',\n];\n\nexport const Variants = () => (\n  <div className=\"d-flex fd-column gap16\">\n    {variants.map((variant) => (\n      <div key={variant} className=\"d-flex\">\n        <div className=\"ws3\">\n          <Badge variant={variant}>{variant}</Badge>\n        </div>\n        <div className=\"ws3 ml32\">\n          <Badge variant={variant} showDot>\n            {variant}\n          </Badge>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nconst sizes: BadgeProps['size'][] = ['xsmall', 'small', 'medium', 'large'];\n\nexport const Sizes = () => (\n  <div className=\"d-flex fd-column gap16\">\n    {sizes.map((size) => (\n      <div key={size} className=\"d-flex\">\n        <div className=\"ws3\">\n          <Badge size={size}>{size}</Badge>\n        </div>\n        <div className=\"ws3 ml32\">\n          <Badge size={size} showDot>\n            {size}\n          </Badge>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,13 +1,14 @@
-import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../customRender-be47569b.js';
+import { c as customRender, s as screen } from '../../customRender-DzdqZxUd.js';
 import { Badge } from './index.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../index-6ea95111.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-DLQEsiym.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 
 describe('Badge component', function () {
     it('Should render content', function () { return __awaiter(void 0, void 0, void 0, function () {

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/badge/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Badge } from '.';\n\ndescribe('Badge component', () => {\n  it('Should render content', async () => {\n    render(<Badge>Content</Badge>);\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,uBAAuB,EAAE;;YAC1BA,YAAM,CAACC,IAAC,KAAK,0BAAgB,CAAC,CAAC;YAE/B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACzD,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/badge/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Badge } from '.';\n\ndescribe('Badge component', () => {\n  it('Should render content', async () => {\n    render(<Badge>Content</Badge>);\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;AAIA,QAAQ,CAAC,iBAAiB,EAAE,YAAA;IAC1B,EAAE,CAAC,uBAAuB,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;AAC1B,YAAAA,YAAM,CAACC,GAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAgB,CAAC;YAE9B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE;;;AACxD,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,7 +1,8 @@
-import { b as __rest, a as __assign } from '../../tslib.es6-a39f91fc.js';
+import { c as __rest, b as __assign } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../index-6ea95111.js';
+import { c as classNames } from '../../index-DLQEsiym.js';
 import React__default from 'react';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 
 var buttonTypeClassNameMap = {
     filledBlack: 'p-btn--secondary-black',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ReactElement, ReactNode } from 'react';\n\ntype ButtonVariant =\n  | 'filledBlack'\n  | 'filledGray'\n  | 'filledWhite'\n  | 'textBlack'\n  | 'textWhite'\n  | 'outlineGray'\n  | 'outlineWhite'\n  | 'filledError';\n\nconst buttonTypeClassNameMap: { [K in ButtonVariant]: string } = {\n  filledBlack: 'p-btn--secondary-black',\n  filledGray: 'p-btn--secondary-grey',\n  filledWhite: 'p-btn--secondary-white',\n  textBlack: 'p-btn--text-black',\n  textWhite: 'p-btn--secondary-inverted',\n  outlineWhite: 'p-btn--outline-white',\n  outlineGray: 'p-btn--outline-grey',\n  filledError: 'p-btn--danger',\n};\n\ntype ButtonProps = {\n  as?: React.ElementType\n  children: ReactNode;\n  variant?: ButtonVariant;\n  leftIcon?: ReactElement;\n  rightIcon?: ReactElement;\n  loading?: boolean;\n  hideLabel?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nconst buttonDefaultAsType = 'button' as const;\ntype ButtonDefaultAsType = typeof buttonDefaultAsType;\n\ntype Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;\ntype IntrinsicElement<E> = E extends PolymorphicButton ? IntrinsicElement<E> : never;\n\ninterface PolymorphicButton {\n  <As = ButtonDefaultAsType>(props:\n  As extends React.ComponentType<infer P> ? Merge<P, ButtonProps & {\n      as?: As;\n  }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], ButtonProps & {\n      as?: As;\n  }> : never): React.ReactElement | null;\n}\n\nconst Button = React.forwardRef((\n  {\n    as: ButtonTag = buttonDefaultAsType,\n    className,\n    loading = false,\n    children,\n    variant = 'filledBlack',\n    leftIcon,\n    rightIcon,\n    hideLabel,\n    ...props\n  }: ButtonProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>\n) => (\n    <ButtonTag\n      ref={ref}\n      className={classNames(\n        buttonTypeClassNameMap[variant], \n        className, {\n          'p-btn--loading': loading,\n          'tc-transparent': loading,\n          'p-btn--icon-only': hideLabel,\n        })}\n      data-testid=\"button\"\n      {...props}\n    >\n      {!loading && (leftIcon || rightIcon) ? (\n        <div className=\"d-flex jc-center ai-center\">\n          {leftIcon && (\n            <span\n              className={classNames('d-inline-flex', {\n                'mr8': !hideLabel\n              })}\n            >\n              {React.cloneElement(leftIcon, { \n                size: 20, \n                noMargin: true\n              })}\n            </span>\n          )}\n          \n          <div className={classNames({\n              'sr-only': hideLabel\n            })}\n          >\n            {children}\n          </div>\n\n          {rightIcon && (\n            <span\n              className={classNames('d-inline-flex', {\n                'ml8': !hideLabel\n              })}\n            >\n              {React.cloneElement(rightIcon, { \n                size: 20, \n                noMargin: true\n              })}\n            </span>\n          )}\n        </div>\n      ) : children}\n    </ButtonTag>\n  )\n) as PolymorphicButton;\n\nexport { Button };\nexport type { ButtonProps, ButtonVariant };\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;AAaA,IAAM,sBAAsB,GAAqC;IAC/D,WAAW,EAAE,wBAAwB;IACrC,UAAU,EAAE,uBAAuB;IACnC,WAAW,EAAE,wBAAwB;IACrC,SAAS,EAAE,mBAAmB;IAC9B,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,sBAAsB;IACpC,WAAW,EAAE,qBAAqB;IAClC,WAAW,EAAE,eAAe;CAC7B,CAAC;AAYF,IAAM,mBAAmB,GAAG,QAAiB,CAAC;IAexC,MAAM,GAAGA,cAAK,CAAC,UAAU,CAAC,UAC9B,EAUc,EACd,GAA2C;IAVzC,IAAA,UAAmC,EAA/B,SAAS,mBAAG,mBAAmB,KAAA,EACnC,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cATV,2FAUC,CADS;IAGP,QACDC,IAAC,SAAS,aACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,sBAAsB,CAAC,OAAO,CAAC,EAC/B,SAAS,EAAE;YACT,gBAAgB,EAAE,OAAO;YACzB,gBAAgB,EAAE,OAAO;YACzB,kBAAkB,EAAE,SAAS;SAC9B,CAAC,iBACQ,QAAQ,IAChB,KAAK,cAER,CAAC,OAAO,KAAK,QAAQ,IAAI,SAAS,CAAC,IAClCC,cAAK,SAAS,EAAC,4BAA4B,aACxC,QAAQ,KACPD,cACE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;wBACrC,KAAK,EAAE,CAAC,SAAS;qBAClB,CAAC,YAEDD,cAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;wBAC5B,IAAI,EAAE,EAAE;wBACR,QAAQ,EAAE,IAAI;qBACf,CAAC,GACG,CACR,EAEDC,aAAK,SAAS,EAAE,UAAU,CAAC;wBACvB,SAAS,EAAE,SAAS;qBACrB,CAAC,YAED,QAAQ,GACL,EAEL,SAAS,KACRA,cACE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;wBACrC,KAAK,EAAE,CAAC,SAAS;qBAClB,CAAC,YAEDD,cAAK,CAAC,YAAY,CAAC,SAAS,EAAE;wBAC7B,IAAI,EAAE,EAAE;wBACR,QAAQ,EAAE,IAAI;qBACf,CAAC,GACG,CACR,IACG,IACJ,QAAQ,IACF,EACb;CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ReactElement, ReactNode } from 'react';\n\ntype ButtonVariant =\n  | 'filledBlack'\n  | 'filledGray'\n  | 'filledWhite'\n  | 'textBlack'\n  | 'textWhite'\n  | 'outlineGray'\n  | 'outlineWhite'\n  | 'filledError';\n\nconst buttonTypeClassNameMap: { [K in ButtonVariant]: string } = {\n  filledBlack: 'p-btn--secondary-black',\n  filledGray: 'p-btn--secondary-grey',\n  filledWhite: 'p-btn--secondary-white',\n  textBlack: 'p-btn--text-black',\n  textWhite: 'p-btn--secondary-inverted',\n  outlineWhite: 'p-btn--outline-white',\n  outlineGray: 'p-btn--outline-grey',\n  filledError: 'p-btn--danger',\n};\n\ntype ButtonProps = {\n  as?: React.ElementType\n  children: ReactNode;\n  variant?: ButtonVariant;\n  leftIcon?: ReactElement;\n  rightIcon?: ReactElement;\n  loading?: boolean;\n  hideLabel?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nconst buttonDefaultAsType = 'button' as const;\ntype ButtonDefaultAsType = typeof buttonDefaultAsType;\n\ntype Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;\ntype IntrinsicElement<E> = E extends PolymorphicButton ? IntrinsicElement<E> : never;\n\ninterface PolymorphicButton {\n  <As = ButtonDefaultAsType>(props:\n  As extends React.ComponentType<infer P> ? Merge<P, ButtonProps & {\n      as?: As;\n  }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], ButtonProps & {\n      as?: As;\n  }> : never): React.ReactElement | null;\n}\n\nconst Button = React.forwardRef((\n  {\n    as: ButtonTag = buttonDefaultAsType,\n    className,\n    loading = false,\n    children,\n    variant = 'filledBlack',\n    leftIcon,\n    rightIcon,\n    hideLabel,\n    ...props\n  }: ButtonProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>\n) => (\n    <ButtonTag\n      ref={ref}\n      className={classNames(\n        buttonTypeClassNameMap[variant], \n        className, {\n          'p-btn--loading': loading,\n          'tc-transparent': loading,\n          'p-btn--icon-only': hideLabel,\n        })}\n      data-testid=\"button\"\n      {...props}\n    >\n      {!loading && (leftIcon || rightIcon) ? (\n        <div className=\"d-flex jc-center ai-center\">\n          {leftIcon && (\n            <span\n              className={classNames('d-inline-flex', {\n                'mr8': !hideLabel\n              })}\n            >\n              {React.cloneElement(leftIcon, { \n                size: 20, \n                noMargin: true\n              })}\n            </span>\n          )}\n          \n          <div className={classNames({\n              'sr-only': hideLabel\n            })}\n          >\n            {children}\n          </div>\n\n          {rightIcon && (\n            <span\n              className={classNames('d-inline-flex', {\n                'ml8': !hideLabel\n              })}\n            >\n              {React.cloneElement(rightIcon, { \n                size: 20, \n                noMargin: true\n              })}\n            </span>\n          )}\n        </div>\n      ) : children}\n    </ButtonTag>\n  )\n) as PolymorphicButton;\n\nexport { Button };\nexport type { ButtonProps, ButtonVariant };\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;AAaA,IAAM,sBAAsB,GAAqC;AAC/D,IAAA,WAAW,EAAE,wBAAwB;AACrC,IAAA,UAAU,EAAE,uBAAuB;AACnC,IAAA,WAAW,EAAE,wBAAwB;AACrC,IAAA,SAAS,EAAE,mBAAmB;AAC9B,IAAA,SAAS,EAAE,2BAA2B;AACtC,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,WAAW,EAAE,eAAe;CAC7B;AAYD,IAAM,mBAAmB,GAAG,QAAiB;AAe7C,IAAM,MAAM,GAAGA,cAAK,CAAC,UAAU,CAAC,UAC9B,EAUc,EACd,GAA2C,EAAA;AAVzC,IAAA,IAAA,UAAmC,EAA/B,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,mBAAmB,KAAA,EACnC,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,GAAA,EAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACvB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,KAAK,GAAA,MAAA,CAAA,EAAA,EATV,2FAUC,CADS;AAGP,IAAA,QACDC,GAAA,CAAC,SAAS,aACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,sBAAsB,CAAC,OAAO,CAAC,EAC/B,SAAS,EAAE;AACT,YAAA,gBAAgB,EAAE,OAAO;AACzB,YAAA,gBAAgB,EAAE,OAAO;AACzB,YAAA,kBAAkB,EAAE,SAAS;AAC9B,SAAA,CAAC,EAAA,aAAA,EACQ,QAAQ,EAAA,EAChB,KAAK,EAAA,EAAA,QAAA,EAER,CAAC,OAAO,KAAK,QAAQ,IAAI,SAAS,CAAC,IAClCC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,aACxC,QAAQ,KACPD,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;wBACrC,KAAK,EAAE,CAAC;AACT,qBAAA,CAAC,YAEDD,cAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;AAC5B,wBAAA,IAAI,EAAE,EAAE;AACR,wBAAA,QAAQ,EAAE;AACX,qBAAA,CAAC,GACG,CACR,EAEDC,aAAK,SAAS,EAAE,UAAU,CAAC;AACvB,wBAAA,SAAS,EAAE;AACZ,qBAAA,CAAC,EAAA,QAAA,EAED,QAAQ,EAAA,CACL,EAEL,SAAS,KACRA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE;wBACrC,KAAK,EAAE,CAAC;AACT,qBAAA,CAAC,YAEDD,cAAK,CAAC,YAAY,CAAC,SAAS,EAAE;AAC7B,wBAAA,IAAI,EAAE,EAAE;AACR,wBAAA,QAAQ,EAAE;qBACX,CAAC,EAAA,CACG,CACR,CAAA,EAAA,CACG,IACJ,QAAQ,EAAA,CAAA,CACF;AACb,CAAA;;;;"}

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

@@ -1,13 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from './index.js';
+import 'react';
+import '../../index-DLQEsiym.js';
 import InfoIcon from '../icon/icons/Info.js';
 import PlusIcon from '../icon/icons/Plus.js';
 import SendIcon from '../icon/icons/Send.js';
-import '../../tslib.es6-a39f91fc.js';
-import '../../index-6ea95111.js';
-import 'react';
+import '../../tslib.es6-CVlKGIvp.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 
 var story = {
     title: 'JSX/Button',
@@ -15,7 +16,7 @@ var story = {
     argTypes: {
         as: {
             control: { type: 'text' },
-            description: 'Allow wrapper element type to be custom defined'
+            description: 'Allow wrapper element type to be custom defined',
         },
         children: {
             control: 'text',
@@ -52,40 +53,55 @@ var story = {
     parameters: {
         design: {
             url: 'https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FMKs4cbojdVOBKUxv7okb93%2FDirty-Swan-Pattern-Library%3Fnode-id%3D251%253A26',
-            type: 'figma'
+            type: 'figma',
         },
     },
 };
-var ButtonStory = function (_a) {
-    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, variant = _a.variant, hideLabel = _a.hideLabel, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, disabled = _a.disabled;
-    return (jsx("div", { className: 'wmx6', children: jsx(Button, { className: className, loading: loading, variant: variant, hideLabel: hideLabel, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, children: children }) }));
+var ButtonStory = {
+    render: function (_a) {
+        var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, variant = _a.variant, hideLabel = _a.hideLabel, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, disabled = _a.disabled;
+        return (jsx("div", { className: "wmx6", children: jsx(Button, { className: className, loading: loading, variant: variant, hideLabel: hideLabel, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, children: children }) }));
+    },
+    name: 'Button',
 };
-ButtonStory.storyName = "Button";
-var ButtonVariants = function (_a) {
-    var children = _a.children, onClick = _a.onClick;
-    return (jsxs("div", { children: [jsx("h3", { className: 'p-h3 mb24', children: "Filled variants" }), jsx("div", { className: 'd-flex gap16 p24 bg-neutral-100 br8', children: ["filledBlack", "filledGray", "filledWhite"].map(function (variant) { return (jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: variant }), jsx(Button, { onClick: onClick, variant: variant, children: children })] }, variant)); }) }), jsx("h3", { className: 'p-h3 my24', children: "Text variants" }), jsx("div", { className: 'd-flex gap16 p24 bg-neutral-100 br8', children: ["textBlack", "textWhite"].map(function (variant, index) { return (jsxs("div", { className: variant === "textWhite" ? "bg-neutral-800 px32 pb16 br8" : "", children: [jsx("h4", { className: "p-h4 mb16 ".concat(variant === "textWhite" ? "tc-white" : ''), children: variant }), jsx(Button, { onClick: onClick, variant: variant, children: children })] }, variant)); }) }), jsx("h3", { className: 'p-h3 my24', children: "Outline variants" }), jsx("div", { className: 'd-flex gap16 p24 bg-neutral-100 br8', children: ["outlineGray", "outlineWhite"].map(function (variant, index) { return (jsx("div", { className: variant === "outlineWhite" ? "bg-neutral-800 px32 py16 br8" : "px32 py16", children: jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16 ".concat(variant === "outlineWhite" ? "tc-white" : ''), children: variant }), jsx(Button, { onClick: onClick, variant: variant, children: children })] }) }, variant)); }) }), jsx("h3", { className: 'p-h3 my24', children: "State variants" }), jsx("div", { className: 'd-flex gap16 p24 bg-neutral-100 br8', children: jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: "filledError" }), jsx(Button, { onClick: onClick, variant: "filledError", children: children })] }) })] }));
+var ButtonVariants = {
+    render: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return (jsxs("div", { children: [jsx("h3", { className: "p-h3 mb24", children: "Filled variants" }), jsx("div", { className: "d-flex gap16 p24 bg-neutral-100 br8", children: ['filledBlack', 'filledGray', 'filledWhite'].map(function (variant) { return (jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: variant }), jsx(Button, { onClick: onClick, variant: variant, children: children })] }, variant)); }) }), jsx("h3", { className: "p-h3 my24", children: "Text variants" }), jsx("div", { className: "d-flex gap16 p24 bg-neutral-100 br8", children: ['textBlack', 'textWhite'].map(function (variant, index) { return (jsxs("div", { className: variant === 'textWhite' ? 'bg-neutral-800 px32 pb16 br8' : '', children: [jsx("h4", { className: "p-h4 mb16 ".concat(variant === 'textWhite' ? 'tc-white' : ''), children: variant }), jsx(Button, { onClick: onClick, variant: variant, children: children })] }, variant)); }) }), jsx("h3", { className: "p-h3 my24", children: "Outline variants" }), jsx("div", { className: "d-flex gap16 p24 bg-neutral-100 br8", children: ['outlineGray', 'outlineWhite'].map(function (variant, index) { return (jsx("div", { className: variant === 'outlineWhite'
+                            ? 'bg-neutral-800 px32 py16 br8'
+                            : 'px32 py16', children: jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16 ".concat(variant === 'outlineWhite' ? 'tc-white' : ''), children: variant }), jsx(Button, { onClick: onClick, variant: variant, children: children })] }) }, variant)); }) }), jsx("h3", { className: "p-h3 my24", children: "State variants" }), jsx("div", { className: "d-flex gap16 p24 bg-neutral-100 br8", children: jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: "filledError" }), jsx(Button, { onClick: onClick, variant: "filledError", children: children })] }) })] }));
+    },
 };
-var ButtonWithIcons = function (_a) {
-    var children = _a.children, onClick = _a.onClick;
-    return (jsxs("div", { className: 'd-flex gap16', children: [jsx(Button, { leftIcon: jsx(SendIcon, {}), onClick: onClick, children: children }), jsx(Button, { rightIcon: jsx(SendIcon, {}), onClick: onClick, children: children })] }));
+var ButtonWithIcons = {
+    render: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return (jsxs("div", { className: "d-flex gap16", children: [jsx(Button, { leftIcon: jsx(SendIcon, {}), onClick: onClick, children: children }), jsx(Button, { rightIcon: jsx(SendIcon, {}), onClick: onClick, children: children })] }));
+    },
 };
-var ButtonWithIconOnly = function (_a) {
-    var children = _a.children, onClick = _a.onClick;
-    return (jsx(Button, { leftIcon: jsx(PlusIcon, {}), hideLabel: true, onClick: onClick, children: children }));
+var ButtonWithIconOnly = {
+    render: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return (jsx(Button, { leftIcon: jsx(PlusIcon, {}), hideLabel: true, onClick: onClick, children: children }));
+    },
 };
-var ButtonLoading = function (_a) {
-    var children = _a.children, onClick = _a.onClick;
-    return (jsx(Button, { loading: true, onClick: onClick, children: children }));
+var ButtonLoading = {
+    render: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return (jsx(Button, { loading: true, onClick: onClick, children: children }));
+    },
 };
-var ButtonDisabled = function (_a) {
-    var children = _a.children, onClick = _a.onClick;
-    return (jsx(Button, { disabled: true, onClick: onClick, children: children }));
+var ButtonDisabled = {
+    render: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return (jsx(Button, { disabled: true, onClick: onClick, children: children }));
+    },
 };
-var ButtonAsOtherComponents = function (_a) {
-    var children = _a.children; _a.as; var onClick = _a.onClick;
-    return (jsxs("div", { className: 'd-flex fd-column gap16 p24 bg-neutral-100', children: [jsx("h3", { className: 'p-h3', children: "As an anchor:" }), jsx(Button, { as: "a", href: "https://feather-insurance.com", target: "_blank", children: children }), jsx("h3", { className: 'p-h3', children: "As a button:" }), jsx(Button, { as: "button", onClick: onClick, children: children }), jsx("h3", { className: 'p-h3', children: "As a h3:" }), jsx(Button, { as: "h3", children: children }), jsxs("p", { className: 'p-p p-p--small fw-bold d-flex ai-center gap8 mt32', children: [jsx(InfoIcon, {}), "Inspect elements to see the different HTML tags being rendered."] })] }));
+var ButtonAsOtherComponents = {
+    render: function (_a) {
+        var children = _a.children; _a.as; var onClick = _a.onClick;
+        return (jsxs("div", { className: "d-flex fd-column gap16 p24 bg-neutral-100", children: [jsx("h3", { className: "p-h3", children: "As an anchor:" }), jsx(Button, { as: "a", href: "https://feather-insurance.com", target: "_blank", children: children }), jsx("h3", { className: "p-h3", children: "As a button:" }), jsx(Button, { as: "button", onClick: onClick, children: children }), jsx("h3", { className: "p-h3", children: "As a h3:" }), jsx(Button, { as: "h3", children: children }), jsxs("p", { className: "p-p p-p--small fw-bold d-flex ai-center gap8 mt32", children: [jsx(InfoIcon, {}), "Inspect elements to see the different HTML tags being rendered."] })] }));
+    },
 };
 
-export default story;
-export { ButtonAsOtherComponents, ButtonDisabled, ButtonLoading, ButtonStory, ButtonVariants, ButtonWithIconOnly, ButtonWithIcons };
+export { ButtonAsOtherComponents, ButtonDisabled, ButtonLoading, ButtonStory, ButtonVariants, ButtonWithIconOnly, ButtonWithIcons, story as default };
 //# sourceMappingURL=index.stories.js.map