@transferwise/components 0.0.0-experimental-45bc551 → 0.0.0-experimental-358e009

package/build/types/prompt/PrimitivePrompt/PrimitivePrompt.d.ts

@@ -1,30 +0,0 @@
-import { Sentiment } from '../../sentimentSurface';
-import { ReactNode } from 'react';
-export type PrimitivePromptProps = {
-    /**
-     * The sentiment determines the colour scheme
-     * @default success
-     */
-    sentiment?: Sentiment;
-    /**
-     * Media to be displayed on the prompt (icon/image/etc).
-     */
-    media: ReactNode;
-    /**
-     * Any actions to be displayed on the prompt.
-     */
-    actions?: ReactNode;
-    /**
-     * Handler called when the close button is clicked. If not provided, then the close button is hidden.
-     */
-    onDismiss?: () => void;
-    id?: string;
-    className?: string;
-    'data-testid'?: string;
-    children: ReactNode;
-};
-/**
- * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.
- * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding. */
-export declare const PrimitivePrompt: ({ sentiment, media, actions, onDismiss, className, children, ...restProps }: PrimitivePromptProps) => import("react").JSX.Element;
-//# sourceMappingURL=PrimitivePrompt.d.ts.map

package/build/types/prompt/PrimitivePrompt/PrimitivePrompt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimitivePrompt.d.ts","sourceRoot":"","sources":["../../../../src/prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"names":[],"mappings":"AAEA,OAAyB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAIrE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;8GAE8G;AAC9G,eAAO,MAAM,eAAe,GAAI,6EAQ7B,oBAAoB,gCA0BtB,CAAC"}

package/build/types/prompt/PrimitivePrompt/index.d.ts

@@ -1,3 +0,0 @@
-export type { PrimitivePromptProps } from './PrimitivePrompt';
-export { PrimitivePrompt } from './PrimitivePrompt';
-//# sourceMappingURL=index.d.ts.map

package/build/types/prompt/PrimitivePrompt/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/prompt/PrimitivePrompt/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/src/prompt/PrimitivePrompt/PrimitivePrompt.css

@@ -1,41 +0,0 @@
-.wds-prompt {
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-  display: flex;
-  word-wrap: break-word;
-  padding: 8px;
-  padding: var(--Prompt-padding, var(--padding-x-small));
-  text-align: left;
-  word-break: break-word;
-}
-.wds-prompt__content-wrapper {
-  display: grid;
-  grid-gap: 16px;
-  grid-gap: var(--Prompt-gap, var(--size-16));
-  gap: 16px;
-  gap: var(--Prompt-gap, var(--size-16));
-  grid-template-columns: auto 1fr;
-  width: 100%;
-}
-.wds-prompt__media-wrapper {
-  align-self: flex-start;
-  padding-top: calc(4px - 1px);
-  padding-top: calc(var(--size-4) - 1px);
-}
-.wds-prompt__media-wrapper .tw-icon-tags,
-.wds-prompt__media-wrapper .tw-icon-confetti {
-  color: var(--color-sentiment-content-primary);
-}
-.wds-prompt__actions-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  gap: var(--Prompt-actions-gap, var(--size-8));
-  grid-column-start: 2;
-}
-@media (max-width: 991px) {
-  .wds-prompt__actions-wrapper {
-    grid-column: span 2;
-    width: 100%;
-  }
-}

package/src/prompt/PrimitivePrompt/PrimitivePrompt.less

@@ -1,37 +0,0 @@
-.wds-prompt {
-  border-radius: var(--radius-small);
-  display: flex;
-  overflow-wrap: break-word;
-  padding: var(--Prompt-padding, var(--padding-x-small));
-  text-align: left;
-  word-break: break-word;
-
-  &__content-wrapper {
-    display: grid;
-    gap: var(--Prompt-gap, var(--size-16));
-    grid-template-columns: auto 1fr;
-    width: 100%;
-  }
-
-  &__media-wrapper {
-    align-self: flex-start;
-    padding-top: calc(var(--size-4) - 1px);
-
-    .tw-icon-tags,
-    .tw-icon-confetti {
-      color: var(--color-sentiment-content-primary);
-    }
-  }
-
-  &__actions-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--Prompt-actions-gap, var(--size-8));
-    grid-column-start: 2;
-
-    @media (--screen-md-max) {
-      grid-column: span 2;
-      width: 100%;
-    }
-  }
-}

package/src/prompt/PrimitivePrompt/PrimitivePrompt.tsx

@@ -1,70 +0,0 @@
-import { Cross } from '@transferwise/icons';
-import { clsx } from 'clsx';
-import SentimentSurface, { Sentiment } from '../../sentimentSurface';
-import IconButton from '../../iconButton';
-import { useIntl } from 'react-intl';
-import closeBtnMessages from '../../common/closeButton/CloseButton.messages';
-import { ReactNode } from 'react';
-
-export type PrimitivePromptProps = {
-  /**
-   * The sentiment determines the colour scheme
-   * @default success
-   */
-  sentiment?: Sentiment;
-  /**
-   * Media to be displayed on the prompt (icon/image/etc).
-   */
-  media: ReactNode;
-  /**
-   * Any actions to be displayed on the prompt.
-   */
-  actions?: ReactNode;
-  /**
-   * Handler called when the close button is clicked. If not provided, then the close button is hidden.
-   */
-  onDismiss?: () => void;
-  id?: string;
-  className?: string;
-  'data-testid'?: string;
-  children: ReactNode;
-};
-
-/**
- * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.
- * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding. */
-export const PrimitivePrompt = ({
-  sentiment = 'success',
-  media,
-  actions,
-  onDismiss,
-  className,
-  children,
-  ...restProps
-}: PrimitivePromptProps) => {
-  const intl = useIntl();
-
-  return (
-    <SentimentSurface
-      sentiment={sentiment}
-      className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}
-      {...restProps}
-    >
-      <div className="wds-prompt__content-wrapper">
-        <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>
-        {children}
-        {actions && <div className="wds-prompt__actions-wrapper">{actions}</div>}
-      </div>
-      {onDismiss && (
-        <IconButton
-          size={24}
-          priority="secondary"
-          aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}
-          onClick={onDismiss}
-        >
-          <Cross />
-        </IconButton>
-      )}
-    </SentimentSurface>
-  );
-};

package/src/prompt/PrimitivePrompt/index.ts

@@ -1,2 +0,0 @@
-export type { PrimitivePromptProps } from './PrimitivePrompt';
-export { PrimitivePrompt } from './PrimitivePrompt';