@transferwise/components 46.119.4 → 46.120.0

package/src/statusIcon/StatusIcon.story.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Sentiment, Size, Status } from '../common';
 
 import StatusIcon, { StatusIconSentiment } from './StatusIcon';
-import { storyConfig } from '../test-utils';
+import { allModes } from '../../.storybook/modes';
 
 export default {
   component: StatusIcon,
@@ -29,45 +29,48 @@ export const Presentational: Story = {
   },
 };
 
-export const Variants = storyConfig(
-  {
-    parameters: {
-      padding: '0',
+export const Variants: Story = {
+  parameters: {
+    padding: '0',
+    variants: ['default', 'dark', 'bright-green', 'forest-green'],
+    chromatic: {
+      dark: allModes.dark,
+      brightGreen: allModes.brightGreen,
+      forestGreen: allModes.forestGreen,
     },
-    render: () => (
-      <span style={{ display: 'flex', justifyContent: 'space-between', maxWidth: '400px' }}>
-        {[
-          Sentiment.POSITIVE,
-          Sentiment.NEGATIVE,
-          Sentiment.WARNING,
-          Sentiment.NEUTRAL,
-          Sentiment.PENDING,
-          Status.PENDING,
-        ].map((sentiment) => {
-          return (
-            <span
-              key={sentiment}
-              style={{
-                display: 'flex',
-                justifyContent: 'space-between',
-                flexDirection: 'column',
-                minHeight: '150px',
-                alignItems: 'center',
-              }}
-            >
-              {([16, 24, 32, 40, 48, 56, 72] as const).map((size) => {
-                return (
-                  <StatusIcon key={size} size={size} sentiment={sentiment as StatusIconSentiment} />
-                );
-              })}
-            </span>
-          );
-        })}
-      </span>
-    ),
   },
-  { variants: ['default', 'dark', 'bright-green', 'forest-green'] },
-);
+  render: () => (
+    <span style={{ display: 'flex', justifyContent: 'space-between', maxWidth: '400px' }}>
+      {[
+        Sentiment.POSITIVE,
+        Sentiment.NEGATIVE,
+        Sentiment.WARNING,
+        Sentiment.NEUTRAL,
+        Sentiment.PENDING,
+        Status.PENDING,
+      ].map((sentiment) => {
+        return (
+          <span
+            key={sentiment}
+            style={{
+              display: 'flex',
+              justifyContent: 'space-between',
+              flexDirection: 'column',
+              minHeight: '150px',
+              alignItems: 'center',
+            }}
+          >
+            {([16, 24, 32, 40, 48, 56, 72] as const).map((size) => {
+              return (
+                <StatusIcon key={size} size={size} sentiment={sentiment as StatusIconSentiment} />
+              );
+            })}
+          </span>
+        );
+      })}
+    </span>
+  ),
+};
 
 export const LegacySizes: Story = {
   render: () => (

package/src/test-utils/index.tsx

@@ -1,6 +1,5 @@
 import { ReactElement, FC } from 'react';
 import { render, renderHook } from '@testing-library/react';
-import { renderToString } from 'react-dom/server';
 import { userEvent } from '@testing-library/user-event';
 
 import { Provider } from '..';
@@ -37,6 +36,5 @@ function customRenderHook(
 
 export * from '@testing-library/react';
 export * from './fake-data';
-export * from './story-config';
 export * from './window-mock';
 export { customRender as render, customRenderHook as renderHook, userEvent };

package/src/tokens/tokens.story.tsx

@@ -8,7 +8,7 @@ import Body from '../body';
 
 const meta: Meta = {
   title: 'Foundations/tokens',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
 };
 
 export default meta;

package/src/tooltip/Tooltip.story.tsx

@@ -2,9 +2,9 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within } from 'storybook/test';
 
 import Button from '../button';
-import { storyConfig } from '../test-utils';
 
 import Tooltip from './Tooltip';
+import { allModes } from '../../.storybook/modes';
 
 export default {
   component: Tooltip,
@@ -38,4 +38,12 @@ export const OpenedTooltip: Story = {
   },
 };
 
-export const OpenedTooltipDark: Story = storyConfig(OpenedTooltip, { variants: ['dark'] });
+export const OpenedTooltipDark: Story = {
+  ...OpenedTooltip,
+  parameters: {
+    variants: ['dark'],
+    chromatic: {
+      dark: allModes.dark,
+    },
+  },
+};

package/src/typeahead/Typeahead.css

@@ -103,6 +103,10 @@
   padding: 0;
   margin: 0;
 }
+.typeahead--prompt {
+  margin-top: 4px;
+  margin-top: var(--size-4);
+}
 .typeahead-sm.typeahead--multiple .typeahead__input-container {
   min-height: 32px;
 }

package/src/typeahead/Typeahead.less

@@ -122,6 +122,10 @@
     }
   }
 
+  &--prompt {
+    margin-top: var(--size-4);
+  }
+
   // SIZES
   &-sm {
     &.typeahead--multiple {
@@ -207,7 +211,7 @@
   }
 
   .np-theme-personal & {
-    .input-group:not(.disabled,:disabled,.input-group--has-error):focus-within .tw-icon-search {
+    .input-group:not(.disabled, :disabled, .input-group--has-error):focus-within .tw-icon-search {
       color: var(--color-interactive-primary);
     }
     .tw-icon-search {

package/src/typeahead/Typeahead.spec.tsx

@@ -102,7 +102,7 @@ describe('Typeahead', () => {
     expect(onChange).toHaveBeenCalledWith([]);
   });
 
-  it('shows InlineAlert when alert prop is provided', () => {
+  it('shows InlinePrompt when alert prop is provided', () => {
     render(
       <Typeahead
         id="test"

package/src/typeahead/Typeahead.story.tsx

@@ -1,15 +1,18 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Search as SearchIcon } from '@transferwise/icons';
 import { userEvent, within, fn } from 'storybook/test';
-
-import Typeahead, { type TypeaheadOption } from './Typeahead';
-import { Size } from '../common';
 import { useState } from 'react';
+
+import { Sentiment, Size } from '../common';
 import { Input } from '../inputs/Input';
 import { Field } from '../field/Field';
 import Button from '../button';
 import Modal from '../modal';
+import { InlinePromptProps } from '../prompt';
+import Typeahead, { type TypeaheadOption } from './Typeahead';
 
+// needed for SB to display correct name in the docs
+(Typeahead as React.FC).displayName = 'Typeahead';
 type Story = StoryObj<typeof Typeahead>;
 
 /**
@@ -37,6 +40,7 @@ const meta: Meta<typeof Typeahead> = {
     searchDelay: 200,
     showSuggestions: true,
     showNewEntry: true,
+    alert: undefined,
     size: Size.MEDIUM,
     initialValue: [],
     id: 'myTypeahead',
@@ -54,6 +58,17 @@ const meta: Meta<typeof Typeahead> = {
       control: 'inline-radio',
       options: [Size.MEDIUM, Size.LARGE],
     },
+    alert: {
+      description:
+        'Displays an [InlinePrompt](?path=/docs/prompts-inlineprompt--docs) below the input when provided. <blockquote class="m-0">**⚠️ DEPRECATED:** Please use [&lt;Field />](?path=/docs/forms-field--docs) component and its `message` and `sentiment` props instead. `error`, `info` and `success` alert types are no longer supported and will be soon removed.</blockquote>',
+      control: 'object',
+      table: {
+        type: {
+          summary:
+            '{ message: ReactNode; type?: "negative" | "neutral" | "positive" | "warning" | "proposition" }',
+        },
+      },
+    },
   },
 };
 export default meta;
@@ -237,6 +252,14 @@ export const Search: Story = {
 };
 
 export const AutoFocusInModal: Story = {
+  parameters: {
+    docs: {
+      story: {
+        inline: false,
+        iframeHeight: 500,
+      },
+    },
+  },
   render: function Render() {
     const [open, setOpen] = useState<boolean>(true);
     return (
@@ -279,3 +302,128 @@ export const AutoFocusInModal: Story = {
     );
   },
 };
+
+export const WithField: Story = {
+  args: {
+    autoFillOnBlur: undefined,
+    chipSeparators: undefined,
+    clearable: undefined,
+    initialValue: undefined,
+    inputAutoComplete: undefined,
+    minQueryLength: undefined,
+    onBlur: undefined,
+    onFocus: undefined,
+    onInputChange: undefined,
+    onSearch: undefined,
+    placeholder: undefined,
+    searchDelay: undefined,
+    showSuggestions: undefined,
+    showNewEntry: undefined,
+    size: undefined,
+  },
+  render: function Render(args) {
+    const options = [{ label: 'Option 1' }];
+
+    const alertTypes: InlinePromptProps['sentiment'][] = [
+      Sentiment.NEGATIVE,
+      Sentiment.WARNING,
+      Sentiment.NEUTRAL,
+      Sentiment.POSITIVE,
+      'proposition',
+    ];
+
+    return (
+      <>
+        <Field
+          id="typeahead"
+          label="Field label"
+          description="Additional information about the field"
+          required
+        >
+          <Typeahead {...args} name="typeahead" options={options} />
+        </Field>
+        {alertTypes.map((sentiment) => (
+          <Field
+            key={sentiment}
+            label="Field label"
+            id={`typeahead-${sentiment}`}
+            message={`This is a ${sentiment} message`}
+            sentiment={sentiment}
+          >
+            <Typeahead {...args} name={`typeahead-${sentiment}`} options={options} />
+          </Field>
+        ))}
+      </>
+    );
+  },
+  decorators: (Story) => (
+    <div className="d-flex flex-column">
+      <Story />
+    </div>
+  ),
+};
+
+/**
+ * > **⚠️ DEPRECATED:** Please use [&lt;Field />](?path=/docs/forms-field--docs) component and its `message` and `sentiment` props instead. <br/>`error`, `info` and `success` alert types are no longer supported and will be soon removed.
+ */
+export const WithAlert: Story = {
+  name: 'With Alert (deprecated)',
+  args: {
+    autoFillOnBlur: undefined,
+    chipSeparators: undefined,
+    clearable: undefined,
+    initialValue: undefined,
+    inputAutoComplete: undefined,
+    minQueryLength: undefined,
+    onBlur: undefined,
+    onFocus: undefined,
+    onInputChange: undefined,
+    onSearch: undefined,
+    placeholder: undefined,
+    searchDelay: undefined,
+    showSuggestions: undefined,
+    showNewEntry: undefined,
+    size: undefined,
+  },
+  parameters: {
+    docs: {
+      canvas: {
+        sourceState: 'hidden',
+      },
+    },
+  },
+  render: function Render(args) {
+    const options = [{ label: 'Option 1' }];
+
+    const alertTypes: InlinePromptProps['sentiment'][] = [
+      Sentiment.NEGATIVE,
+      Sentiment.WARNING,
+      Sentiment.NEUTRAL,
+      Sentiment.POSITIVE,
+      'proposition',
+    ];
+
+    return (
+      <>
+        {alertTypes.map((sentiment) => (
+          <Typeahead
+            key={sentiment}
+            {...args}
+            id={`typeahead-${sentiment}`}
+            name={`typeahead-${sentiment}`}
+            options={options}
+            alert={{
+              message: `This is a ${sentiment} message`,
+              type: sentiment,
+            }}
+          />
+        ))}
+      </>
+    );
+  },
+  decorators: (Story) => (
+    <div className="d-flex flex-column">
+      <Story />
+    </div>
+  ),
+};

package/src/typeahead/Typeahead.tsx

@@ -16,8 +16,7 @@ import {
   removeClickClassFromDocumentOnIos,
   stopPropagation,
 } from '../common';
-import InlineAlert from '../inlineAlert';
-import { InlineAlertProps } from '../inlineAlert/InlineAlert';
+import { InlinePrompt, InlinePromptProps } from '../prompt';
 import { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';
 
 import TypeaheadInput from './typeaheadInput/TypeaheadInput';
@@ -40,9 +39,17 @@ export interface TypeaheadProps<T> extends Partial<WrappedComponentProps> {
   id: string;
   name: string;
   addon?: ReactNode;
+  /**
+   * @deprecated Please use [`Field`](?path=/docs/forms-field--docs) component and its `message` and `sentiment` props instead.
+   * @deprecated `error`, `info` and `success` are deprecated as alert types and will be soon removed.
+   */
   alert?: {
-    message: InlineAlertProps['children'];
-    type?: InlineAlertProps['type'];
+    message: InlinePromptProps['children'];
+    type?:
+      | InlinePromptProps['sentiment']
+      | `${Sentiment.ERROR}`
+      | `${Sentiment.INFO}`
+      | `${Sentiment.SUCCESS}`;
   };
   allowNew?: boolean;
   autoFillOnBlur?: boolean;
@@ -474,9 +481,20 @@ class Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, Typea
       dropdownOpen,
     });
 
-    const alertType = alert?.type ?? Sentiment.NEUTRAL;
-    const hasError = errorState || (alert && alertType === Sentiment.ERROR);
-    const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);
+    const alertType = (() => {
+      if (!alert?.type || alert.type === Sentiment.INFO) {
+        return Sentiment.NEUTRAL;
+      }
+      if (alert.type === Sentiment.ERROR) {
+        return Sentiment.NEGATIVE;
+      }
+      if (alert.type === Sentiment.SUCCESS) {
+        return Sentiment.POSITIVE;
+      }
+      return alert.type;
+    })();
+    const hasError = errorState || (alert && alertType === Sentiment.NEGATIVE);
+    const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.NEGATIVE);
     const hasWarning = displayAlert && alertType === Sentiment.WARNING;
     const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;
     return (
@@ -494,7 +512,7 @@ class Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, Typea
         onClick={stopPropagation}
       >
         <div
-          className={clsx('form-group', {
+          className={clsx('form-group', 'form-group--typeahead', {
             'has-error': hasError,
             'has-warning': hasWarning,
             'has-info': hasInfo,
@@ -546,7 +564,13 @@ class Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, Typea
               </div>
             )}
           </div>
-          {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}
+          {displayAlert ? (
+            <InlinePrompt sentiment={alertType} className="typeahead--prompt" width="full">
+              {alert.message}
+            </InlinePrompt>
+          ) : (
+            menu
+          )}
         </div>
       </div>
     );

package/src/upload/Upload.story.tsx

@@ -71,7 +71,7 @@ const meta = {
     },
     errorIconLabel: {
       description:
-        "Override for the InlineAlert icon's default, accessible name announced by the screen readers",
+        "Override for the InlinePrompt icon's default, accessible name announced by the screen readers",
     },
     usHelpImage: {
       control: false,

package/src/upload/Upload.tests.story.tsx

@@ -1,4 +1,5 @@
-import type { Meta } from '@storybook/react-webpack5';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { userEvent, within, waitFor } from 'storybook/test';
 
 import Upload from '.';
 import { Field } from '../field/Field';
@@ -73,6 +74,40 @@ export const MaxSizes = () => {
   );
 };
 
+export const WithError: StoryObj<typeof meta> = {
+  render: () => (
+    <Field label="Upload a file">
+      <Upload
+        usAccept="*"
+        usLabel="Upload a file"
+        usPlaceholder="Maximum filesize is 1B"
+        usDisabled={false}
+        maxSize={1}
+        errorIconLabel="File too large error"
+        httpOptions={{
+          url: 'https://httpbin.org/post',
+          method: 'POST',
+        }}
+      />
+    </Field>
+  ),
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const fileInput = canvasElement.querySelector<HTMLInputElement>('input[type="file"]');
+
+    if (!fileInput) {
+      throw new Error('File input not found');
+    }
+
+    const file = new File(['This file content is definitely more than 1 byte'], 'test-file.txt', {
+      type: 'text/plain',
+    });
+
+    await userEvent.upload(fileInput, file);
+    await waitFor(async () => canvas.findByText(/Maximum filesize is/i), { timeout: 3000 });
+  },
+};
+
 export const AllVariants = () => {
   return (
     <div style={{ display: 'flex', gap: '1rem' }}>

package/src/upload/Upload.tsx

@@ -55,7 +55,7 @@ export interface UploadProps extends WrappedComponentProps {
   usLabel?: string;
   usPlaceholder?: string;
   /**
-   * Override for the [InlineAlert icon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)
+   * Override for the [InlinePrompt icon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)
    * announced by the screen readers
    * */
   errorIconLabel?: string;

package/src/upload/steps/uploadImageStep/uploadImageStep.tsx

@@ -2,7 +2,7 @@ import { Upload as UploadIcon } from '@transferwise/icons';
 import { createRef, PureComponent } from 'react';
 import StatusIcon from '../../../statusIcon';
 import { Sentiment, Size } from '../../../common';
-import InlineAlert from '../../../inlineAlert';
+import { InlinePrompt } from '../../../prompt/InlinePrompt/InlinePrompt';
 
 export interface UploadImageStepProps {
   fileDropped: (file: File) => void;
@@ -105,9 +105,13 @@ export default class UploadImageStep extends PureComponent<UploadImageStepProps>
           {errorMessage && (
             <div className="upload-error-message">
               <div className="m-t-3 has-error">
-                <InlineAlert type={Sentiment.NEGATIVE} iconLabel={errorIconLabel}>
+                <InlinePrompt
+                  sentiment={Sentiment.NEGATIVE}
+                  mediaLabel={errorIconLabel}
+                  width="full"
+                >
                   {errorMessage}
-                </InlineAlert>
+                </InlinePrompt>
               </div>
             </div>
           )}

package/src/withId/withId.story.tsx

@@ -27,7 +27,7 @@ DescribedButton.displayName = 'DescribedButton';
 export default {
   component: DescribedButton,
   title: 'HoCs/withId',
-  tags: ['docs-only'],
+  tags: ['docs-only', '!manifest'],
 } satisfies Meta<typeof withId>;
 
 export const WithoutId: Story = {};

package/build/types/accordion/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAE,MAAM,OAAO,CAAC;AAErC,OAAsB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAEnF,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IAChC,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsCjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/types/accordion/AccordionItem/AccordionItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/accordion/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,OAAO,EAAE,SAAS,CAAC;IACnB,6EAA6E;IAC7E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,IAAI,EAAE,OAAO,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6DzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/types/accordion/AccordionItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/accordion/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/build/types/accordion/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/build/types/actionButton/ActionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/actionButton/ActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAY,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE3F;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;IAClE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,QAAA,MAAM,YAAY;eAVL,eAAe,GAAG,iBAAiB,GAAG,gBAAgB;IACjE;;OAEG;WACI,MAAM;+FAuCd,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/types/actionButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/build/types/actionOption/ActionOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionOption.d.ts","sourceRoot":"","sources":["../../../src/actionOption/ActionOption.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,iBAAiB,EACjB,WAAW,EAEX,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAInB,KAAK,oBAAoB,GACrB,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,GAAG,WAAW,GACb,iBAAiB,CAAC;AAEpB;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,GAAI,+LAgBnB,iBAAiB,gCAiEnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/types/actionOption/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actionOption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/build/types/alert/Alert.d.ts

@@ -1,51 +0,0 @@
-import { Sentiment, Size, Status } from '../common';
-export type AlertAction = {
-    'aria-label'?: string;
-    href?: string;
-    target?: string;
-    text: React.ReactNode;
-    onClick?: () => void;
-};
-/** @deprecated Use `"top" | "bottom"` instead. */
-type AlertTypeDeprecated = `${Sentiment.SUCCESS | Sentiment.INFO | Sentiment.ERROR}`;
-type AlertTypeResolved = `${Sentiment.POSITIVE | Sentiment.NEUTRAL | Sentiment.WARNING | Sentiment.NEGATIVE | Sentiment.PENDING | Status.PENDING}`;
-export type AlertType = AlertTypeResolved | AlertTypeDeprecated;
-export declare enum AlertArrowPosition {
-    TOP_LEFT = "up-left",
-    TOP = "up-center",
-    TOP_RIGHT = "up-right",
-    BOTTOM_LEFT = "down-left",
-    BOTTOM = "down-center",
-    BOTTOM_RIGHT = "down-right"
-}
-export interface AlertProps {
-    /** An optional call to action to sit under the main body of the alert. If your label is short, use aria-label to provide more context */
-    action?: AlertAction;
-    className?: string;
-    /** An optional icon. If not provided, we will default the icon to something appropriate for the type */
-    icon?: React.ReactNode;
-    /**
-     * Override for [StatusIcon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)
-     * announced by the screen readers
-     * */
-    statusIconLabel?: string;
-    /** Title for the alert component */
-    title?: string;
-    /** The main body of the alert. Accepts plain text and bold words specified with **double stars */
-    message?: string;
-    /** The presence of the onDismiss handler will trigger the visibility of the close button */
-    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
-    /** The type dictates which icon and colour will be used */
-    type?: AlertType;
-    /** @deprecated Use `InlineAlert` instead. */
-    arrow?: `${AlertArrowPosition}`;
-    /** @deprecated Use `message` instead. Be aware `message` only accepts plain text or text with **bold** markdown. */
-    children?: React.ReactNode;
-    /** @deprecated Use `onDismiss` instead. */
-    dismissible?: boolean;
-    /** @deprecated Alert component doesn't support `size` anymore, please remove this prop. */
-    size?: `${Size}`;
-}
-export default function Alert({ action, className, icon, statusIconLabel, onDismiss, message, title, type, arrow, children, size, dismissible, }: AlertProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=Alert.d.ts.map

package/build/types/alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/alert/Alert.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,SAAS,EACT,IAAI,EACJ,MAAM,EAGP,MAAM,WAAW,CAAC;AAUnB,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,kDAAkD;AAClD,KAAK,mBAAmB,GAAG,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;AACrF,KAAK,iBAAiB,GAAG,GACrB,SAAS,CAAC,QAAQ,GAClB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,QAAQ,GAElB,SAAS,CAAC,OAAO,GACjB,MAAM,CAAC,OAAO,EAAE,CAAC;AACrB,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEhE,oBAAY,kBAAkB;IAC5B,QAAQ,YAAY;IACpB,GAAG,cAAc;IACjB,SAAS,aAAa;IACtB,WAAW,cAAc;IACzB,MAAM,gBAAgB;IACtB,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,yIAAyI;IACzI,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;SAGK;IACL,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAChC,oHAAoH;IACpH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;CAClB;AAeD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,MAAM,EACN,SAAS,EACT,IAAI,EACJ,eAAe,EACf,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAgB,EAChB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,GACZ,EAAE,UAAU,+BAsJZ"}

package/build/types/alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/build/types/alert/inlineMarkdown/InlineMarkdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/alert/inlineMarkdown/InlineMarkdown.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAEhE"}

package/build/types/alert/inlineMarkdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/alert/inlineMarkdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/build/types/avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,KAAK,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEhD,KAAK,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD;;GAEG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}