@ultraviolet/ui 1.51.1 → 1.51.2

package/dist/components/ActionBar/index.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+type ActionBarProps = {
+    children: ReactNode;
+    /**
+     * The position of the bar (start at 0)
+     */
+    rank?: number;
+    role?: string;
+    className?: string;
+    'data-testid'?: string;
+};
+/**
+ * The ActionBar is a floating bar that appears at the bottom of a page.
+ * It can be used to display important actions or information to the user, and can be configured to display a variety of different content types.
+ *
+ * **Note:** ActionBar is added into a portal at the end of the body element. This means that it will always be on top of other elements without `z-index`,
+ * and will not be affected by the layout of the page it is on.
+ */
+export declare const ActionBar: ({ children, role, rank, className, "data-testid": dataTestId, }: ActionBarProps) => import("react").ReactPortal;
+export {};

package/dist/components/ActionBar/index.js

@@ -0,0 +1,40 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { createPortal } from "react-dom";
+import { fadeIn } from "../../utils/animations.js";
+const HEIGHT = 56;
+const SPACING = 20;
+const StyledDiv = styled.div`
+  background: ${({ theme }) => theme.colors.neutral.backgroundWeakElevated};
+  border-radius: ${({ theme }) => theme.radii.default};
+  bottom: ${({ rank }) => SPACING + rank * (HEIGHT + SPACING)}px;
+  box-shadow: ${({ theme }) => theme.shadows.defaultShadow};
+  height: ${HEIGHT}px;
+  left: 50%;
+  position: fixed;
+  transform: translate(-50%, 0);
+  width: 600px;
+  animation: ${fadeIn} 0.2s ease-in-out;
+`;
+const ActionBar = ({
+  children,
+  role = "dialog",
+  rank = 0,
+  className,
+  "data-testid": dataTestId
+}) => createPortal(
+  /* @__PURE__ */ jsx(
+    StyledDiv,
+    {
+      rank,
+      role,
+      className,
+      "data-testid": dataTestId,
+      children
+    }
+  ),
+  document.body
+);
+export {
+  ActionBar
+};

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Button } from '../Button';
+export declare const ALERT_SENTIMENTS: readonly ["danger", "info", "success", "warning"];
+type AlertSentiment = (typeof ALERT_SENTIMENTS)[number];
+type AlertProps = {
+    children: ReactNode;
+    /**
+     * Add a title at the top of your alert.
+     */
+    title?: string;
+    sentiment?: AlertSentiment;
+    buttonText?: ComponentProps<typeof Button>['children'];
+    onClickButton?: () => void;
+    onClose?: () => void;
+    closable?: boolean;
+    className?: string;
+    'data-testid'?: string;
+    /**
+     * Disabled the alert button.
+     */
+    disabled?: boolean;
+};
+/**
+ * Alert component is used to display a short, important message in a way that attracts the user's attention without interrupting the user's task.
+ */
+export declare const Alert: ({ children, title, sentiment, buttonText, onClickButton, closable, onClose, className, disabled, "data-testid": dataTestId, }: AlertProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Alert/index.js

@@ -0,0 +1,126 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Icon } from "@ultraviolet/icons";
+import { useState } from "react";
+import { Button } from "../Button/index.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+const alertStyles = ({
+  theme,
+  sentiment
+}) => {
+  const sentimentColor = theme.colors[sentiment];
+  return css`
+    background-color: ${sentimentColor.background};
+    color: ${sentimentColor.text};
+    border-left: 4px solid ${sentimentColor.border};
+  `;
+};
+const typesDefaultIcons = {
+  warning: "alert",
+  info: "information-outline",
+  success: "checkbox-circle-outline",
+  danger: "alert"
+};
+const StyledStackContainer = styled(Stack, {
+  shouldForwardProp: (prop) => !["sentiment"].includes(prop)
+})`
+  border-radius: ${({ theme }) => theme.radii.default};
+  padding: ${({ theme }) => theme.space["2"]};
+  ${alertStyles};
+`;
+const TextStack = styled(Stack)`
+  color: ${({ theme }) => theme.colors.neutral.text};
+  flex-wrap: wrap;
+`;
+const WrapStack = styled(Stack)`
+  flex-wrap: wrap;
+  width: 100%;
+`;
+const StyledButton = styled(Button)`
+  margin-left: ${({ theme }) => theme.space["5"]};
+`;
+const CloseButton = styled(Button)`
+  align-self: start;
+`;
+const Alert = ({
+  children,
+  title,
+  sentiment = "danger",
+  buttonText,
+  onClickButton,
+  closable,
+  onClose,
+  className,
+  disabled,
+  "data-testid": dataTestId
+}) => {
+  const [opened, setOpened] = useState(true);
+  if (!opened)
+    return null;
+  return /* @__PURE__ */ jsxs(
+    StyledStackContainer,
+    {
+      gap: 1,
+      direction: "row",
+      sentiment,
+      className,
+      "data-testid": dataTestId,
+      children: [
+        /* @__PURE__ */ jsxs(
+          WrapStack,
+          {
+            direction: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 2,
+            children: [
+              /* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: 2, children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: typesDefaultIcons[sentiment],
+                    size: 24,
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(TextStack, { gap: 0.5, direction: "row", children: [
+                  title ? /* @__PURE__ */ jsx(Text, { variant: "bodyStronger", as: "span", sentiment, children: title }) : null,
+                  typeof children === "string" ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children }) : children
+                ] })
+              ] }),
+              buttonText ? /* @__PURE__ */ jsx(
+                StyledButton,
+                {
+                  sentiment,
+                  onClick: onClickButton,
+                  size: "small",
+                  disabled,
+                  children: buttonText
+                }
+              ) : null
+            ]
+          }
+        ),
+        closable || onClose ? /* @__PURE__ */ jsx(
+          CloseButton,
+          {
+            variant: "ghost",
+            size: "small",
+            onClick: () => {
+              setOpened(false);
+              onClose?.();
+            },
+            icon: "close",
+            sentiment: "neutral",
+            "aria-label": "close"
+          }
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  Alert
+};

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,43 @@
+import type { XOR } from '../../types';
+type AvatarProps = {
+    /**
+     * Size of the component
+     */
+    size?: number;
+    /**
+     * Background color when `text` prop is specified
+     */
+    textBgColor?: string;
+    /**
+     * Text color when `text` prop is specified
+     */
+    textColor?: string;
+    /**
+     * Text size when `text` prop is specified or size of the lock when `lock` is true
+     */
+    textSize?: number;
+    /**
+     * Used only when `text` prop is specified
+     */
+    lock?: boolean;
+    className?: string;
+    'data-testid'?: string;
+} & XOR<[
+    {
+        /**
+         * **`image` or `text` property is required**
+         */
+        image: string;
+    },
+    {
+        /**
+         * **`image` or `text` property is required**
+         */
+        text: string;
+    }
+]>;
+/**
+ * Avatar component is used to display a user's profile picture or initials.
+ */
+export declare const Avatar: ({ image, size, text, textBgColor, textColor, textSize, lock, className, "data-testid": dataTestId, }: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Avatar/index.js

@@ -0,0 +1,54 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Icon } from "@ultraviolet/icons";
+const formatTextToAvatar = (text) => {
+  if (!text)
+    return "";
+  const textCleaned = text.replace(/\s+/g, " ").trim();
+  if (textCleaned.length <= 2) {
+    return textCleaned.toUpperCase();
+  }
+  if (textCleaned.split(" ").length > 1) {
+    const [a, b] = textCleaned.split(" ");
+    return `${a[0]}${b[0]}`.toUpperCase();
+  }
+  return textCleaned.substring(0, 2).toUpperCase();
+};
+const StyledTextAvatar = styled.span`
+  align-items: center;
+  background-color: ${({ lock, theme, textBgColor }) => lock ? theme.colors.neutral.backgroundStrong : theme.colors[textBgColor]?.backgroundStrong || textBgColor};
+  border-radius: ${({ theme }) => theme.radii.circle};
+  color: ${({ theme, textColor }) => theme.colors[textColor]?.textStronger || theme.colors[textColor]?.textStrong || textColor};
+  font-size: ${({ textSize }) => textSize}px;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+`;
+const AvatarContainer = styled.div`
+  height: ${({ size }) => size}px;
+  width: ${({ size }) => size}px;
+`;
+const Avatar = ({
+  image,
+  size = 32,
+  text,
+  textBgColor = "secondary",
+  textColor = "neutral",
+  textSize = 10,
+  lock = false,
+  className,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ jsx(AvatarContainer, { size, className, "data-testid": dataTestId, children: text || !text && !image ? /* @__PURE__ */ jsx(
+  StyledTextAvatar,
+  {
+    lock,
+    textBgColor,
+    textColor,
+    textSize,
+    children: lock ? /* @__PURE__ */ jsx(Icon, { name: "lock", color: "neutral", prominence: "weak" }) : formatTextToAvatar(text)
+  }
+) : /* @__PURE__ */ jsx("img", { width: "100%", height: "100%", src: image ?? "", alt: "" }) });
+export {
+  Avatar
+};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,31 @@
+import { Icon } from '@ultraviolet/icons';
+import type { ComponentProps, ReactNode } from 'react';
+import type { Color } from '../../theme';
+type IconName = ComponentProps<typeof Icon>['name'];
+export declare const SIZES: {
+    large: number;
+    medium: number;
+    small: number;
+};
+export declare const PROMINENCES: {
+    default: string;
+    strong: string;
+};
+type BadgeProps = {
+    sentiment?: Color;
+    size?: keyof typeof SIZES;
+    prominence?: keyof typeof PROMINENCES;
+    /**
+     * Defines icon to display on left side of badge. **Only available on medium and large sizes**.
+     */
+    icon?: IconName;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+    'data-testid'?: string;
+};
+/**
+ * Badge component is used to display a status or a label in a small container.
+ */
+export declare const Badge: ({ sentiment, size, prominence, icon, disabled, className, children, "data-testid": dataTestId, }: BadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Badge/index.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useTheme } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Icon } from "@ultraviolet/icons";
+import { useMemo } from "react";
+import { SENTIMENTS_WITHOUT_NEUTRAL } from "../../theme/index.js";
+import capitalize from "../../utils/capitalize.js";
+import { Text } from "../Text/index.js";
+const TEXT_SIZES = {
+  large: 14,
+  medium: 12,
+  small: 10
+};
+const SIZES = {
+  large: 32,
+  medium: 24,
+  small: 16
+};
+const PROMINENCES = {
+  default: "default",
+  strong: "strong"
+};
+const generateStyles = ({
+  prominence,
+  theme
+}) => {
+  const definedProminence = prominence === PROMINENCES.strong ? capitalize(PROMINENCES.strong) : "";
+  const text = `text${definedProminence}`;
+  const background = `background${definedProminence}`;
+  return {
+    ...SENTIMENTS_WITHOUT_NEUTRAL.reduce(
+      (reducer, sentiment) => ({
+        ...reducer,
+        [sentiment]: `
+      color: ${theme.colors[sentiment][text]};
+      background: ${theme.colors[sentiment][background]};
+      border: 1px solid ${theme.colors[sentiment][background]};
+    `
+      }),
+      {}
+    ),
+    disabled: `
+      color: ${theme.colors.neutral.textWeak};
+      background: ${theme.colors.neutral.backgroundStrong};
+      border: none;
+    `,
+    neutral: `
+      color: ${prominence === PROMINENCES.strong ? theme.colors.neutral.textStronger : theme.colors.neutral.text};
+      background: ${prominence === PROMINENCES.strong ? theme.colors.neutral.backgroundStronger : theme.colors.neutral.backgroundWeak};
+      border: 1px solid ${prominence === PROMINENCES.strong ? theme.colors.neutral.borderStronger : theme.colors.neutral.border};
+    `
+  };
+};
+const StyledSpan = styled(Text, {
+  shouldForwardProp: (prop) => !["sentimentStyles", "size", "fontSize"].includes(prop)
+})`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: ${({ theme }) => theme.radii.xlarge};
+  padding: 0
+    ${({ theme, size }) => size === SIZES.small ? theme.space["1"] : theme.space["2"]};
+  gap: ${({ theme, size }) => size === SIZES.small ? theme.space["0.5"] : theme.space["1"]};
+  width: fit-content;
+  height: ${({ size }) => size}px;
+  text-transform: uppercase;
+  font-size: ${({ fontSize }) => fontSize}px;
+  color: inherit;
+  ${({ sentimentStyles }) => sentimentStyles}
+`;
+const Badge = ({
+  sentiment = "neutral",
+  size = "medium",
+  prominence = "default",
+  icon,
+  disabled = false,
+  className,
+  children,
+  "data-testid": dataTestId
+}) => {
+  const theme = useTheme();
+  const ariaLabel = useMemo(
+    () => ["neutral", "primary"].some((baseSentiment) => baseSentiment === sentiment) ? void 0 : sentiment,
+    [sentiment]
+  );
+  const generatedStyles = useMemo(
+    () => generateStyles({ prominence, theme }),
+    [prominence, theme]
+  );
+  const sizeValue = SIZES[size];
+  return /* @__PURE__ */ jsxs(
+    StyledSpan,
+    {
+      "aria-label": ariaLabel,
+      sentimentStyles: disabled ? generatedStyles["disabled"] : generatedStyles[sentiment],
+      size: sizeValue,
+      variant: "bodyStrong",
+      as: "span",
+      fontSize: TEXT_SIZES[size],
+      prominence: disabled ? "weak" : "default",
+      className,
+      "data-testid": dataTestId,
+      children: [
+        icon && sizeValue !== SIZES.small ? /* @__PURE__ */ jsx(Icon, { name: icon, size: 16 }) : null,
+        children
+      ]
+    }
+  );
+};
+export {
+  Badge,
+  PROMINENCES,
+  SIZES
+};

package/dist/components/Banner/assets/default-image-small.svg.js

@@ -0,0 +1,4 @@
+const defaultIllustrationSmall = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='74'%20fill='none'%3e%3cg%20%3e%3cpath%20fill='url(%23b)'%20d='M48.673%2030.122c-5.451-8.997-13.4-14.099-17.876-11.548l1.136%201.914c3.954-2.253%2010.982%202.266%2015.805%2010.217%204.89%208.047%205.664%2016.568%201.736%2019.024-.026.014-.066.028-.093.055l1.149%201.913s.067-.04.107-.054c4.435-2.782%203.567-12.416-1.964-21.521'/%3e%3cpath%20fill='url(%23c)'%20d='M27.385%2063.597s.094-2.076.12-2.74c.027-.665.094-1.167-.801-2.497-.895-1.33-2.231-3.379-2.231-3.379l-3.848%201.913-1.43.706s1.55%201.737%201.63%202.971c.08%201.235-.267%201.9.695%203.094s7.388%208.02%207.388%208.02l4.008-2.022-5.53-6.066Z'/%3e%3cpath%20fill='url(%23d)'%20d='m28.593%2062.62-1.202.978%205.53%206.065%201.203-.977z'/%3e%3cpath%20fill='url(%23e)'%20d='M28.724%2059.879c.027-.665.094-1.167-.802-2.497-.895-1.33-2.23-3.379-2.23-3.379l-5.278%202.62s.094.094.227.27l3.848-1.913s1.336%202.05%202.231%203.38c.895%201.329.842%201.831.802%202.496-.027.665-.12%202.74-.12%202.74l1.215-.976s.094-2.076.12-2.741z'/%3e%3cpath%20fill='url(%23f)'%20d='M28.66%2024.477s-5.397%2013.868-12.732%2018.617l-3.648%202.361c-1.696%201.1-3.353%205.374-.975%209.54%202.392%204.192%207.228%204.939%209.526%203.73a94.519%2094.519%200%200%201%202.94-1.546c1.736-.882%2013.293-7.83%2021.255-6.188%207.95%201.642-16.34-26.5-16.34-26.5z'/%3e%3cpath%20fill='url(%23g)'%20d='M11.29%2054.98c-2.378-4.165-.721-8.44.976-9.539-3.06%201.981-3.234%202.076-3.942%202.51-.935.57-3.527%204.533-1.536%208.577%201.99%204.043%206.346%206.377%2010.501%204.097%201.63-.895%202.712-1.479%203.527-1.926-2.284%201.22-7.12.474-9.526-3.732z'/%3e%3cpath%20fill='url(%23h)'%20d='M49.47%2049.727c3.927-2.457%203.15-10.976-1.735-19.028-4.885-8.052-12.028-12.587-15.954-10.13-3.926%202.457-3.15%2010.976%201.736%2019.028%204.884%208.051%2012.027%2012.587%2015.953%2010.13'/%3e%3cpath%20fill='url(%23i)'%20d='m40.352%2030.964-8.778%204.885a35.83%2035.83%200%200%200%201.95%203.745c1.123%201.845%202.352%203.5%203.648%204.925l7.562-6.336-4.382-7.233z'/%3e%3cpath%20fill='url(%23j)'%20d='M44.744%2038.195c.974-.61.781-2.722-.43-4.72-1.212-1.996-2.983-3.121-3.957-2.512-.974.61-.781%202.722.43%204.72%201.212%201.996%202.983%203.121%203.957%202.512'/%3e%3cpath%20fill='url(%23k)'%20d='M66.207%205.277a1.84%201.84%200%200%200-1.83%201.859c0%20.38.12.732.307%201.03l-18.397%2014.63V17.53c0-1.507.401-2.266%201.897-3.528%201.377-1.167%206.306-4.994%207.375-5.821.294.217.668.339%201.056.339a1.84%201.84%200%200%200%201.83-1.86%201.839%201.839%200%200%200-1.83-1.858%201.84%201.84%200%200%200-1.83%201.859c0%20.38.106.732.307%201.017-1.203.937-5.972%204.641-7.322%205.795-1.643%201.397-2.137%202.333-2.137%204.043v5.794L30.549%2035.306l.414.529L65.165%208.642c.294.217.655.34%201.056.34a1.84%201.84%200%200%200%201.83-1.86%201.84%201.84%200%200%200-1.83-1.859zm-9.592.203c.641%200%201.162.53%201.162%201.18%200%20.652-.521%201.181-1.162%201.181a1.172%201.172%200%200%201-1.163-1.18c0-.652.521-1.18%201.163-1.18Zm9.592%202.823c-.641%200-1.162-.53-1.162-1.18%200-.652.521-1.181%201.162-1.181.642%200%201.163.529%201.163%201.18%200%20.651-.521%201.18-1.163%201.18Z'/%3e%3cpath%20fill='url(%23l)'%20d='M61.756%2027.802a1.783%201.783%200%200%200-1.39.176%201.772%201.772%200%200%200-.854%201.126%201.915%201.915%200%200%200%20.214%201.466l-21.31%2016.215.4.543%205.706-4.342c.52.15%204.181%201.153%205.584%201.56.495.136.949.217%201.363.217.962%200%201.83-.38%203.046-1.234%201.31-.923%202.886-2.144%203.514-2.62a1.79%201.79%200%200%200%201.082.367%201.84%201.84%200%200%200%201.764-1.37%201.862%201.862%200%200%200-.174-1.412%201.787%201.787%200%200%200-1.109-.868c-.975-.271-1.977.312-2.245%201.303a1.868%201.868%200%200%200%20.228%201.492c-.655.502-2.165%201.656-3.434%202.551-1.59%201.127-2.418%201.33-3.848.923a992.04%20992.04%200%200%201-5.09-1.425L60.18%2031.072c.174.136.387.244.614.312.16.04.321.068.481.068.802%200%201.537-.543%201.764-1.37a1.862%201.862%200%200%200-.174-1.412%201.752%201.752%200%200%200-1.109-.868M57.99%2039.105a1.17%201.17%200%200%201%201.43-.828c.293.082.547.285.707.557.16.271.188.597.107.895-.173.624-.815%201.004-1.43.828a1.19%201.19%200%200%201-.814-1.452m4.409-9.2c-.174.624-.815%201.004-1.43.828a1.19%201.19%200%200%201-.815-1.452%201.17%201.17%200%200%201%201.43-.828c.294.082.547.285.708.556.147.272.187.598.107.896'/%3e%3cpath%20fill='url(%23m)'%20d='M36.666%2025.305a1.84%201.84%200%200%200%201.83-1.86%201.84%201.84%200%200%200-1.83-1.858%201.84%201.84%200%200%200-1.83%201.859c0%20.38.12.733.307%201.031l-6.44%205.116.414.529%206.493-5.17c.294.217.655.34%201.056.34zm0-3.04c.641%200%201.162.53%201.162%201.18%200%20.652-.52%201.181-1.162%201.181a1.172%201.172%200%200%201-1.162-1.18c0-.651.52-1.18%201.162-1.18Z'/%3e%3cpath%20fill='url(%23n)'%20d='M37.165%2044.532a34.545%2034.545%200%200%201-3.647-4.925%2033.464%2033.464%200%200%201-1.95-3.745c-3.047-6.799-3.1-13.203.226-15.28.054-.027.107-.054.147-.08l-1.135-1.914s-.107.054-.16.095c-4.436%202.782-3.568%2012.416%201.963%2021.52%205.478%209.038%2013.467%2014.153%2017.93%2011.521l-1.15-1.913c-3.032%201.79-7.909-.462-12.21-5.252z'/%3e%3cpath%20fill='url(%23o)'%20d='m24.488%2041.86.842-.503s1.55%203.257%203.794%205.835l-.775.502-3.607-1.737-.254-4.111z'/%3e%3cpath%20fill='url(%23p)'%20d='M15.111%2049.146s7.562-5.116%209.38-7.287c0%200%201.308%203.216%203.874%205.835%200%200-6.908%203.31-10.702%205.645%200%200-2.325-1.656-2.538-4.193z'/%3e%3cpath%20stroke='%23fff'%20stroke-miterlimit='10'%20stroke-width='.536'%20d='M56.622%2056.253c6.25-3.911%205.017-17.468-2.756-30.28-7.772-12.811-19.14-20.026-25.39-16.114-6.25%203.911-5.017%2017.468%202.755%2030.28%207.773%2012.81%2019.14%2020.026%2025.391%2016.114Z'%20style='mix-blend-mode:overlay'/%3e%3cpath%20stroke='%23fff'%20stroke-miterlimit='10'%20stroke-width='.268'%20d='M64.34%2056.088c7.136-4.466%205.723-19.95-3.156-34.587C52.304%206.865%2039.32-1.379%2032.185%203.086c-7.136%204.466-5.723%2019.951%203.156%2034.587%208.88%2014.637%2021.863%2022.881%2029%2018.415Z'%20style='mix-blend-mode:overlay'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='91.092'%20x2='34.151'%20y1='28.683'%20y2='35.54'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='28.922'%20x2='17.156'%20y1='60.192'%20y2='73.838'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.02'%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%238230D7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='25.066'%20x2='32.466'%20y1='60.07'%20y2='67.716'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.02'%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%238230D7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='20.107'%20x2='28.737'%20y1='51.615'%20y2='62.177'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.02'%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%238230D7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='f'%20x1='37.959'%20x2='18.966'%20y1='62.485'%20y2='39.039'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='g'%20x1='23.568'%20x2='8.639'%20y1='68.591'%20y2='50.649'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='h'%20x1='29.284'%20x2='51.97'%20y1='35.15'%20y2='35.15'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='i'%20x1='40.085'%20x2='35.136'%20y1='40.544'%20y2='32.279'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='j'%20x1='49.398'%20x2='41.427'%20y1='31.141'%20y2='35.019'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='k'%20x1='19.326'%20x2='39.313'%20y1='39.702'%20y2='24.601'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='l'%20x1='31.99'%20x2='51.976'%20y1='56.474'%20y2='41.386'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='m'%20x1='18.015'%20x2='38.001'%20y1='37.979'%20y2='22.877'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='n'%20x1='91.141'%20x2='34.187'%20y1='29.063'%20y2='35.92'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='o'%20x1='24.168'%20x2='27.201'%20y1='51.548'%20y2='43.723'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='p'%20x1='24.049'%20x2='18.766'%20y1='53.271'%20y2='43.433'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h74v74H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  defaultIllustrationSmall as default
+};

package/dist/components/Banner/assets/default-image.svg.js

@@ -0,0 +1,4 @@
+const defaultIllustration = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%20fill='none'%3e%3cg%20%3e%3cpath%20fill='%23fff'%20d='M38.607%2019.498c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M8.748%2055.052c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173m18.244%2023.126c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M16.04%20119.409c-.738%200-.738%201.172%200%201.172.74%200%20.74-1.172%200-1.172m24.913%200c-.74%200-.74%201.172%200%201.172.739%200%20.739-1.172%200-1.172m29.215-15.925c-.74%200-.74%201.173%200%201.173.738%200%20.738-1.173%200-1.173m.441%2018.315c-.739%200-.739%201.172%200%201.172s.739-1.172%200-1.172M107.765%2043.7c-.739%200-.739%201.173%200%201.173s.739-1.172%200-1.172Zm-7.941%2012.431c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M85.853%207.044c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M79.41%2018.396c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M56.642%208.568c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173m66.809%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173m-17.389-3.706c-.739%200-.739%201.173%200%201.173s.739-1.172%200-1.172ZM16.04%2030.614c-.738%200-.738%201.173%200%201.173.74%200%20.74-1.173%200-1.173m111.282%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M65.23%20138.828c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173'/%3e%3cpath%20fill='url(%23b)'%20d='M57.958%2088.708c16.834%200%2030.481-13.86%2030.481-30.958S74.792%2026.79%2057.958%2026.79c-16.834%200-30.481%2013.86-30.481%2030.959%200%2017.097%2013.646%2030.958%2030.48%2030.958Z'/%3e%3cpath%20fill='url(%23c)'%20d='M88.438%20138.123c7.92%200%2014.34-6.52%2014.34-14.564s-6.42-14.564-14.34-14.564-14.34%206.52-14.34%2014.564%206.42%2014.564%2014.34%2014.564'/%3e%3cpath%20fill='url(%23d)'%20d='m14.867%2046.54%206.835-14.565%2015.518-1.689-6.835%2014.564z'/%3e%3cpath%20fill='url(%23e)'%20d='M39.743%2056.39%2030.39%2044.85l6.835-14.564%209.444%2011.797-6.927%2014.306Z'/%3e%3cpath%20fill='url(%23f)'%20d='M24.196%2058.077%2014.867%2046.54l15.518-1.69%209.352%2011.54-15.54%201.688Z'/%3e%3cpath%20fill='url(%23g)'%20d='m101.027%20100.293%2017.873%205.324%204.827%2017.941-17.873-5.324z'/%3e%3cpath%20fill='url(%23h)'%20d='m94.473%20131.392%2011.384-13.157%2017.873%205.324-11.638%2013.274-17.62-5.441Z'/%3e%3cpath%20fill='url(%23i)'%20d='m89.644%20113.451%2011.385-13.157%204.826%2017.941-11.384%2013.158z'/%3e%3cpath%20fill='url(%23j)'%20d='M45.17%2016.776c2.13%200%203.857-1.753%203.857-3.916%200-2.164-1.726-3.917-3.856-3.917s-3.856%201.753-3.856%203.917c0%202.163%201.726%203.916%203.856%203.916Z'/%3e%3cpath%20fill='url(%23k)'%20d='M8.105%2089.223c4.477%200%208.105-3.686%208.105-8.232%200-4.547-3.628-8.233-8.105-8.233C3.63%2072.758%200%2076.445%200%2080.992c0%204.546%203.629%208.232%208.105%208.232Z'/%3e%3cpath%20fill='url(%23l)'%20d='M36.715%20134.676c2.525%200%204.572-2.079%204.572-4.644s-2.047-4.644-4.572-4.644-4.572%202.079-4.572%204.644%202.047%204.644%204.572%204.644'/%3e%3cpath%20fill='url(%23m)'%20d='M94.032%2060.705C84.61%2045.155%2070.87%2036.338%2063.135%2040.747l1.963%203.307c6.835-3.894%2018.981%203.916%2027.317%2017.66%208.452%2013.907%209.791%2028.636%203.002%2032.881-.046.023-.115.047-.162.094l1.986%203.307s.116-.07.185-.094c7.667-4.808%206.166-21.46-3.394-37.197'/%3e%3cpath%20fill='url(%23n)'%20d='M57.235%20118.564s.162-3.588.208-4.737c.046-1.15.162-2.017-1.385-4.316-1.547-2.298-3.857-5.84-3.857-5.84l-6.65%203.307-2.47%201.22s2.678%203.002%202.816%205.136c.139%202.134-.462%203.284%201.201%205.347%201.663%202.064%2012.77%2013.861%2012.77%2013.861l6.927-3.494z'/%3e%3cpath%20fill='url(%23o)'%20d='m59.32%20116.875-2.078%201.689%209.56%2010.484%202.078-1.689z'/%3e%3cpath%20fill='url(%23p)'%20d='M59.549%20112.137c.046-1.15.161-2.017-1.386-4.316-1.547-2.298-3.856-5.84-3.856-5.84l-9.122%204.527s.162.164.393.469l6.65-3.307s2.31%203.541%203.857%205.84c1.547%202.298%201.455%203.166%201.385%204.315-.046%201.149-.207%204.738-.207%204.738l2.1-1.689s.163-3.588.209-4.737z'/%3e%3cpath%20fill='url(%23q)'%20d='M59.437%2050.948s-9.33%2023.97-22.007%2032.178c-2.678%201.735-4.71%203.049-6.304%204.08-2.932%201.9-5.796%209.288-1.685%2016.488%204.133%207.247%2012.492%208.537%2016.464%206.45%202.17-1.173%203.256-1.759%205.08-2.674%203.002-1.524%2022.977-13.532%2036.74-10.695%2013.739%202.838-28.242-45.804-28.242-45.804z'/%3e%3cpath%20fill='url(%23r)'%20d='M29.416%20103.671c-4.11-7.2-1.246-14.588%201.686-16.488-5.288%203.424-5.588%203.588-6.812%204.339-1.616.985-6.096%207.833-2.655%2014.822%203.44%206.989%2010.968%2011.023%2018.15%207.083%202.817-1.548%204.687-2.556%206.096-3.33-3.949%202.111-12.308.821-16.465-6.45z'/%3e%3cpath%20fill='url(%23s)'%20d='M95.405%2094.59c6.786-4.246%205.443-18.97-3-32.888-8.443-13.916-20.789-21.755-27.575-17.509-6.786%204.247-5.443%2018.971%203%2032.888%208.443%2013.917%2020.789%2021.756%2027.575%2017.51Z'/%3e%3cpath%20fill='url(%23t)'%20d='m79.648%2062.16-15.171%208.443a61.943%2061.943%200%200%200%203.371%206.473c1.94%203.19%204.064%206.051%206.304%208.514l13.07-10.953-7.574-12.5z'/%3e%3cpath%20fill='url(%23u)'%20d='M87.236%2074.658c1.683-1.053%201.35-4.705-.745-8.157-2.094-3.451-5.155-5.396-6.838-4.342-1.683%201.053-1.35%204.705.744%208.156%202.094%203.452%205.156%205.396%206.839%204.343'/%3e%3cpath%20fill='url(%23v)'%20d='M124.329%2017.762c-1.755%200-3.163%201.43-3.163%203.213%200%20.657.208%201.267.531%201.783L89.9%2048.04v-9.1c0-2.603.692-3.916%203.278-6.097%202.379-2.017%2010.9-8.631%2012.747-10.062a3.085%203.085%200%200%200%201.824.587c1.755%200%203.164-1.431%203.164-3.213%200-1.783-1.409-3.214-3.164-3.214-1.754%200-3.163%201.431-3.163%203.213%200%20.657.185%201.267.531%201.76-2.078%201.618-10.322%208.02-12.654%2010.014-2.84%202.416-3.695%204.034-3.695%206.989v10.014l-26.07%2020.733.715.915%2059.115-47a3.035%203.035%200%200%200%201.825.586c1.755%200%203.163-1.43%203.163-3.213%200-1.783-1.408-3.213-3.163-3.213zm-16.58.352c1.109%200%202.009.915%202.009%202.04%200%201.126-.9%202.04-2.009%202.04-1.108%200-2.009-.914-2.009-2.04%200-1.125.901-2.04%202.009-2.04m16.58%204.878c-1.108%200-2.009-.914-2.009-2.04s.901-2.04%202.009-2.04c1.109%200%202.009.914%202.009%202.04s-.9%202.04-2.009%202.04'/%3e%3cpath%20fill='url(%23w)'%20d='M116.642%2056.695a3.081%203.081%200%200%200-2.401.305%203.063%203.063%200%200%200-1.478%201.947%203.312%203.312%200%200%200%20.369%202.532L76.301%2089.506l.692.938%209.86-7.505c.901.258%207.229%201.994%209.653%202.697.855.235%201.64.375%202.356.375%201.662%200%203.163-.656%205.264-2.134%202.263-1.595%204.988-3.705%206.074-4.526.3.234.646.398%201.039.516a3.4%203.4%200%200%200%20.831.117c1.386%200%202.656-.938%203.048-2.369a3.215%203.215%200%200%200-.3-2.439%203.087%203.087%200%200%200-1.917-1.5c-1.685-.47-3.417.538-3.879%202.25-.254.915-.069%201.83.393%202.58-1.132.868-3.741%202.862-5.935%204.41-2.748%201.946-4.18%202.298-6.65%201.594a1696.11%201696.11%200%200%201-8.799-2.462l25.886-19.7c.301.234.67.421%201.063.539a3.4%203.4%200%200%200%20.831.117c1.385%200%202.656-.938%203.048-2.369a3.215%203.215%200%200%200-.3-2.439c-.416-.75-1.085-1.29-1.917-1.501m-6.512%2019.536a2.022%202.022%200%200%201%201.94-1.5c.185%200%20.346.023.531.07.508.14.947.492%201.224.961.277.47.323%201.032.185%201.548-.3%201.08-1.409%201.736-2.471%201.43a2.056%202.056%200%200%201-1.409-2.508Zm7.621-15.9c-.301%201.078-1.409%201.735-2.471%201.43a2.056%202.056%200%200%201-1.409-2.51%202.021%202.021%200%200%201%201.94-1.5c.185%200%20.346.023.531.07.508.14.947.492%201.224.961.254.47.323%201.032.185%201.548Z'/%3e%3cpath%20fill='url(%23x)'%20d='M73.272%2052.38c1.755%200%203.164-1.431%203.164-3.214%200-1.782-1.409-3.213-3.164-3.213-1.755%200-3.163%201.43-3.163%203.213%200%20.657.208%201.267.531%201.783L59.51%2059.79l.716.914%2011.222-8.935a3.033%203.033%200%200%200%201.825.586v.023Zm0-5.254c1.109%200%202.01.915%202.01%202.04%200%201.126-.901%202.04-2.01%202.04-1.108%200-2.009-.914-2.009-2.04%200-1.125.901-2.04%202.01-2.04Z'/%3e%3cpath%20fill='url(%23y)'%20d='M74.134%2085.612A59.697%2059.697%200%200%201%2067.83%2077.1a57.851%2057.851%200%200%201-3.371-6.473c-5.265-11.75-5.358-22.82.392-26.408a2.41%202.41%200%200%200%20.254-.141l-1.963-3.307s-.184.094-.277.164C55.2%2045.742%2056.7%2062.394%2066.26%2078.131c9.468%2015.62%2023.276%2024.461%2030.99%2019.912l-1.987-3.307c-5.242%203.096-13.67-.798-21.106-9.077z'/%3e%3cpath%20fill='url(%23z)'%20d='m52.227%2080.991%201.454-.867s2.679%205.628%206.558%2010.084l-1.339.868-6.235-3.002-.438-7.106z'/%3e%3cpath%20fill='url(%23A)'%20d='M36.022%2093.585s13.07-8.841%2016.21-12.594c0%200%202.263%205.558%206.697%2010.085%200%200-11.939%205.722-18.497%209.756%200%200-4.018-2.861-4.387-7.247z'/%3e%3cpath%20stroke='%23fff'%20stroke-miterlimit='10'%20stroke-width='1.173'%20d='M107.764%20105.87c10.803-6.761%208.671-30.192-4.763-52.336-13.434-22.143-33.082-34.613-43.885-27.852-10.803%206.76-8.671%2030.192%204.763%2052.335%2013.433%2022.144%2033.081%2034.614%2043.885%2027.853Z'%20style='mix-blend-mode:overlay'/%3e%3cpath%20stroke='%23fff'%20stroke-miterlimit='10'%20stroke-width='.586'%20d='M121.105%20105.585c12.335-7.718%209.892-34.483-5.455-59.78-15.347-25.297-37.787-39.548-50.122-31.829-12.334%207.72-9.891%2034.484%205.456%2059.781%2015.347%2025.297%2037.787%2039.547%2050.121%2031.828Z'%20style='mix-blend-mode:overlay'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='d'%20x1='14.867'%20x2='37.22'%20y1='38.424'%20y2='38.424'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='30.391'%20x2='46.67'%20y1='43.349'%20y2='43.349'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='f'%20x1='-16.076'%20x2='39.737'%20y1='51.464'%20y2='51.464'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='g'%20x1='101.027'%20x2='123.727'%20y1='111.925'%20y2='111.925'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFC700'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='h'%20x1='94.473'%20x2='-13.759'%20y1='127.546'%20y2='127.546'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFC700'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='i'%20x1='89.644'%20x2='105.855'%20y1='115.843'%20y2='115.843'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFC700'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='m'%20x1='167.348'%20x2='68.933'%20y1='58.219'%20y2='70.07'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='n'%20x1='59.891'%20x2='39.555'%20y1='112.677'%20y2='136.265'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.02'%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%238230D7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='o'%20x1='53.224'%20x2='66.014'%20y1='112.466'%20y2='125.683'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.02'%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%238230D7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='p'%20x1='44.654'%20x2='59.572'%20y1='97.854'%20y2='116.109'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.02'%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%238230D7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='q'%20x1='75.509'%20x2='42.682'%20y1='116.64'%20y2='76.118'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='r'%20x1='50.638'%20x2='24.834'%20y1='127.194'%20y2='96.183'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='s'%20x1='60.514'%20x2='99.725'%20y1='69.395'%20y2='69.395'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='t'%20x1='79.186'%20x2='70.633'%20y1='78.718'%20y2='64.434'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='u'%20x1='95.279'%20x2='81.503'%20y1='62.466'%20y2='69.168'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='v'%20x1='43.3'%20x2='77.844'%20y1='77.263'%20y2='51.162'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='w'%20x1='65.194'%20x2='99.737'%20y1='106.251'%20y2='80.174'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='x'%20x1='41.036'%20x2='75.581'%20y1='74.284'%20y2='48.183'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2303D3DE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='y'%20x1='167.425'%20x2='68.987'%20y1='58.876'%20y2='70.727'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2311053A'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='z'%20x1='51.672'%20x2='56.916'%20y1='97.737'%20y2='84.212'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='A'%20x1='51.47'%20x2='42.338'%20y1='100.715'%20y2='83.711'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3cradialGradient%20id='b'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(84.2622%200%200%2085.5805%2038.376%2035.563)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%238230D7'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2311053A'/%3e%3c/radialGradient%3e%3cradialGradient%20id='c'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(39.6256%200%200%2040.2456%2079.224%20113.122)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%238230D7'/%3e%3cstop%20offset='.52'%20stop-color='%234F0597'/%3e%3cstop%20offset='1'%20stop-color='%2311053A'/%3e%3c/radialGradient%3e%3cradialGradient%20id='j'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(23.877%200%200%2024.2505%2050.644%2016.589)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF0CD0'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%2311053A'/%3e%3c/radialGradient%3e%3cradialGradient%20id='k'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(19.6512%200%200%2019.9586%2011.87%2075.409)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFC700'/%3e%3cstop%20offset='1'%20stop-color='%23FF0CD0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='l'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(14.5941%200%200%2014.8224%2038.1%20127.429)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF0CD0'/%3e%3cstop%20offset='.52'%20stop-color='%234F0599'/%3e%3cstop%20offset='1'%20stop-color='%2311053A'/%3e%3c/radialGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h140v140H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  defaultIllustration as default
+};

package/dist/components/Banner/index.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Button } from '../Button';
+type Variant = 'intro' | 'promotional';
+type BannerProps = {
+    variant?: Variant;
+    size?: 'small' | 'medium';
+    title: string;
+    children: ReactNode;
+    direction?: 'row' | 'column';
+    onClose?: () => void;
+    buttonText?: string;
+    onClickButton?: ComponentProps<typeof Button>['onClick'];
+    linkText?: string;
+    linkHref?: string;
+    image?: ReactNode;
+    closable?: boolean;
+    className?: string;
+    ['data-testid']?: string;
+};
+/**
+ * Banner component is used to display an informative message to the user with style.
+ */
+export declare const Banner: ({ variant, size, title, children, direction, onClose, buttonText, onClickButton, linkText, linkHref, image, className, closable, "data-testid": dataTestId, }: BannerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};