@ultraviolet/ui 1.7.0 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/index.d.ts +11 -6
  2. package/dist/src/components/Banner/assets/default-image-small.svg.js +5 -0
  3. package/dist/src/components/Banner/assets/default-image.svg.js +5 -0
  4. package/dist/src/components/Banner/assets/intro-compact-left-pattern.svg.js +5 -0
  5. package/dist/src/components/Banner/assets/intro-compact-right-pattern.svg.js +5 -0
  6. package/dist/src/components/Banner/assets/intro-pattern.svg.js +5 -0
  7. package/dist/src/components/Banner/assets/promotion-compact-left-pattern.svg.js +5 -0
  8. package/dist/src/components/Banner/assets/promotion-compact-right-pattern.svg.js +5 -0
  9. package/dist/src/components/Banner/assets/promotion-pattern.svg.js +5 -0
  10. package/dist/src/components/Banner/index.js +83 -22
  11. package/dist/src/components/Radio/index.js +104 -143
  12. package/dist/src/components/SelectableCard/index.js +24 -4
  13. package/dist/src/components/TagList/index.js +10 -7
  14. package/dist/src/components/Text/index.js +5 -1
  15. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ReactNode, SVGProps, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, ReactElement, Ref, RefObject, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, HTMLAttributes, ElementType, KeyboardEventHandler, TextareaHTMLAttributes } from 'react';
2
+ import react__default, { ReactNode, SVGProps, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, ReactElement, Ref, RefObject, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, HTMLAttributes, ElementType, KeyboardEventHandler, TextareaHTMLAttributes } from 'react';
3
3
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
4
4
  import * as _emotion_styled from '@emotion/styled';
5
5
  import * as _emotion_react from '@emotion/react';
@@ -1786,16 +1786,16 @@ declare const ProgressBar: ({ progress, value, sentiment, className, "data-testi
1786
1786
  type RadioProps = {
1787
1787
  error?: string | ReactNode;
1788
1788
  checked?: boolean;
1789
- size?: number;
1790
1789
  value: string | number;
1790
+ helper?: ReactNode;
1791
1791
  className?: string;
1792
1792
  'data-testid'?: string;
1793
1793
  } & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'disabled' | 'autoFocus' | 'onKeyDown' | 'id' | 'name' | 'required'> & ({
1794
1794
  'aria-label': string;
1795
- children?: never;
1795
+ label?: never;
1796
1796
  } | {
1797
1797
  'aria-label'?: never;
1798
- children: ReactNode;
1798
+ label: ReactNode;
1799
1799
  });
1800
1800
  declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
1801
1801
 
@@ -2237,7 +2237,10 @@ type TagListProps = {
2237
2237
  * This property define maximum characters length of all tags until it hide tags into tooltip.
2238
2238
  */
2239
2239
  maxLength?: number;
2240
- tags?: string[];
2240
+ tags?: (string | {
2241
+ label: string;
2242
+ icon: NonNullable<ComponentProps<typeof Tag>['icon']>;
2243
+ })[];
2241
2244
  /**
2242
2245
  * This property define maximum characters length of all tags until it hide tags into tooltip.
2243
2246
  */
@@ -2262,10 +2265,12 @@ declare const PROMINENCES: {
2262
2265
  weak: string;
2263
2266
  };
2264
2267
  type ProminenceProps = keyof typeof PROMINENCES;
2268
+ type PlacementProps = react__default.CSSProperties['textAlign'];
2265
2269
  type TextVariant = keyof typeof typography;
2266
2270
  type TextProps = {
2267
2271
  className?: string;
2268
2272
  children: ReactNode;
2273
+ placement?: PlacementProps;
2269
2274
  variant: TextVariant;
2270
2275
  color?: Color;
2271
2276
  prominence?: ProminenceProps;
@@ -2279,7 +2284,7 @@ type TextProps = {
2279
2284
  htmlFor?: string;
2280
2285
  'data-testid'?: string;
2281
2286
  };
2282
- declare const Text: ({ variant, children, as, color, oneLine, prominence, className, disabled, italic, underline, id, dir, htmlFor, "data-testid": dataTestId, }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
2287
+ declare const Text: ({ variant, children, as, color, oneLine, placement, prominence, className, disabled, italic, underline, id, dir, htmlFor, "data-testid": dataTestId, }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
2283
2288
 
2284
2289
  declare const inputSizes: {
2285
2290
  medium: {
package/dist/src/components/Banner/assets/default-image-small.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var defaultIllustrationSmall = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2274%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M48.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.521Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M27.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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23d%29%22%20d%3D%22m28.593%2062.62-1.202.978%205.53%206.065%201.203-.977-5.531-6.065Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23e%29%22%20d%3D%22M28.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.741h-.013Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23f%29%22%20d%3D%22M28.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.5l-.026-.014Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23g%29%22%20d%3D%22M11.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.732v.014Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23h%29%22%20d%3D%22M49.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.13Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23i%29%22%20d%3D%22m40.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.233v.014Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23j%29%22%20d%3D%22M44.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.512Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23k%29%22%20d%3D%22M66.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.859l-.014.014Zm-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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23l%29%22%20d%3D%22M61.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-.868ZM57.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.452Zm4.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.896Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M36.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.34v.013Zm0-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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23n%29%22%20d%3D%22M37.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.252l-.014-.027Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23o%29%22%20d%3D%22m24.488%2041.86.842-.503s1.55%203.257%203.794%205.835l-.775.502-3.607-1.737-.254-4.111v.014Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23p%29%22%20d%3D%22M15.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.193h-.014Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.536%22%20d%3D%22M56.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%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.268%22%20d%3D%22M64.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%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22b%22%20x1%3D%2291.092%22%20x2%3D%2234.151%22%20y1%3D%2228.683%22%20y2%3D%2235.54%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22c%22%20x1%3D%2228.922%22%20x2%3D%2217.156%22%20y1%3D%2260.192%22%20y2%3D%2273.838%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22d%22%20x1%3D%2225.066%22%20x2%3D%2232.466%22%20y1%3D%2260.07%22%20y2%3D%2267.716%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22e%22%20x1%3D%2220.107%22%20x2%3D%2228.737%22%20y1%3D%2251.615%22%20y2%3D%2262.177%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22f%22%20x1%3D%2237.959%22%20x2%3D%2218.966%22%20y1%3D%2262.485%22%20y2%3D%2239.039%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2223.568%22%20x2%3D%228.639%22%20y1%3D%2268.591%22%20y2%3D%2250.649%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22h%22%20x1%3D%2229.284%22%20x2%3D%2251.97%22%20y1%3D%2235.15%22%20y2%3D%2235.15%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22i%22%20x1%3D%2240.085%22%20x2%3D%2235.136%22%20y1%3D%2240.544%22%20y2%3D%2232.279%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22j%22%20x1%3D%2249.398%22%20x2%3D%2241.427%22%20y1%3D%2231.141%22%20y2%3D%2235.019%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22k%22%20x1%3D%2219.326%22%20x2%3D%2239.313%22%20y1%3D%2239.702%22%20y2%3D%2224.601%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22l%22%20x1%3D%2231.99%22%20x2%3D%2251.976%22%20y1%3D%2256.474%22%20y2%3D%2241.386%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22m%22%20x1%3D%2218.015%22%20x2%3D%2238.001%22%20y1%3D%2237.979%22%20y2%3D%2222.877%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22n%22%20x1%3D%2291.141%22%20x2%3D%2234.187%22%20y1%3D%2229.063%22%20y2%3D%2235.92%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22o%22%20x1%3D%2224.168%22%20x2%3D%2227.201%22%20y1%3D%2251.548%22%20y2%3D%2243.723%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224.049%22%20x2%3D%2218.766%22%20y1%3D%2253.271%22%20y2%3D%2243.433%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h74v74H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { defaultIllustrationSmall as default };
package/dist/src/components/Banner/assets/default-image.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var defaultIllustration = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.607%2019.498c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173ZM8.748%2055.052c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173Zm18.244%2023.126c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173ZM16.04%20119.409c-.738%200-.738%201.172%200%201.172.74%200%20.74-1.172%200-1.172Zm24.913%200c-.74%200-.74%201.172%200%201.172.739%200%20.739-1.172%200-1.172Zm29.215-15.925c-.74%200-.74%201.173%200%201.173.738%200%20.738-1.173%200-1.173Zm.441%2018.315c-.739%200-.739%201.172%200%201.172s.739-1.172%200-1.172ZM107.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.173ZM85.853%207.044c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173ZM79.41%2018.396c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173ZM56.642%208.568c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173Zm66.809%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173Zm-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.173Zm111.282%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173ZM65.23%20138.828c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M57.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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M88.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.564Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23d%29%22%20d%3D%22m14.867%2046.54%206.835-14.565%2015.518-1.689-6.835%2014.564-15.518%201.69Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23e%29%22%20d%3D%22M39.743%2056.39%2030.39%2044.85l6.835-14.564%209.444%2011.797-6.927%2014.306Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23f%29%22%20d%3D%22M24.196%2058.077%2014.867%2046.54l15.518-1.69%209.352%2011.54-15.54%201.688Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23g%29%22%20d%3D%22m101.027%20100.293%2017.873%205.324%204.827%2017.941-17.873-5.324-4.827-17.941Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23h%29%22%20d%3D%22m94.473%20131.392%2011.384-13.157%2017.873%205.324-11.638%2013.274-17.62-5.441Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23i%29%22%20d%3D%22m89.644%20113.451%2011.385-13.157%204.826%2017.941-11.384%2013.158-4.827-17.942Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23j%29%22%20d%3D%22M45.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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23k%29%22%20d%3D%22M8.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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23l%29%22%20d%3D%22M36.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.644Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M94.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.197Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23n%29%22%20d%3D%22M57.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.494-9.56-10.484Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23o%29%22%20d%3D%22m59.32%20116.875-2.078%201.689%209.56%2010.484%202.078-1.689-9.56-10.484Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23p%29%22%20d%3D%22M59.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.737h-.023Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23q%29%22%20d%3D%22M59.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.804l-.046-.023Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23r%29%22%20d%3D%22M29.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.45v.024Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23s%29%22%20d%3D%22M95.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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23t%29%22%20d%3D%22m79.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.5v.023Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23u%29%22%20d%3D%22M87.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.343Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23v%29%22%20d%3D%22M124.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.213l-.024.023Zm-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.04Zm16.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.04Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23w%29%22%20d%3D%22M116.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.501Zm-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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23x%29%22%20d%3D%22M73.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%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23y%29%22%20d%3D%22M74.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.077l-.023-.047Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23z%29%22%20d%3D%22m52.227%2080.991%201.454-.867s2.679%205.628%206.558%2010.084l-1.339.868-6.235-3.002-.438-7.106v.023Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23A%29%22%20d%3D%22M36.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.247h-.023Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.173%22%20d%3D%22M107.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%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.586%22%20d%3D%22M121.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%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22d%22%20x1%3D%2214.867%22%20x2%3D%2237.22%22%20y1%3D%2238.424%22%20y2%3D%2238.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22e%22%20x1%3D%2230.391%22%20x2%3D%2246.67%22%20y1%3D%2243.349%22%20y2%3D%2243.349%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22f%22%20x1%3D%22-16.076%22%20x2%3D%2239.737%22%20y1%3D%2251.464%22%20y2%3D%2251.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%22101.027%22%20x2%3D%22123.727%22%20y1%3D%22111.925%22%20y2%3D%22111.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22h%22%20x1%3D%2294.473%22%20x2%3D%22-13.759%22%20y1%3D%22127.546%22%20y2%3D%22127.546%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22i%22%20x1%3D%2289.644%22%20x2%3D%22105.855%22%20y1%3D%22115.843%22%20y2%3D%22115.843%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22m%22%20x1%3D%22167.348%22%20x2%3D%2268.933%22%20y1%3D%2258.219%22%20y2%3D%2270.07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22n%22%20x1%3D%2259.891%22%20x2%3D%2239.555%22%20y1%3D%22112.677%22%20y2%3D%22136.265%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22o%22%20x1%3D%2253.224%22%20x2%3D%2266.014%22%20y1%3D%22112.466%22%20y2%3D%22125.683%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2244.654%22%20x2%3D%2259.572%22%20y1%3D%2297.854%22%20y2%3D%22116.109%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22q%22%20x1%3D%2275.509%22%20x2%3D%2242.682%22%20y1%3D%22116.64%22%20y2%3D%2276.118%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22r%22%20x1%3D%2250.638%22%20x2%3D%2224.834%22%20y1%3D%22127.194%22%20y2%3D%2296.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22s%22%20x1%3D%2260.514%22%20x2%3D%2299.725%22%20y1%3D%2269.395%22%20y2%3D%2269.395%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22t%22%20x1%3D%2279.186%22%20x2%3D%2270.633%22%20y1%3D%2278.718%22%20y2%3D%2264.434%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22u%22%20x1%3D%2295.279%22%20x2%3D%2281.503%22%20y1%3D%2262.466%22%20y2%3D%2269.168%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22v%22%20x1%3D%2243.3%22%20x2%3D%2277.844%22%20y1%3D%2277.263%22%20y2%3D%2251.162%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22w%22%20x1%3D%2265.194%22%20x2%3D%2299.737%22%20y1%3D%22106.251%22%20y2%3D%2280.174%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22x%22%20x1%3D%2241.036%22%20x2%3D%2275.581%22%20y1%3D%2274.284%22%20y2%3D%2248.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22y%22%20x1%3D%22167.425%22%20x2%3D%2268.987%22%20y1%3D%2258.876%22%20y2%3D%2270.727%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22z%22%20x1%3D%2251.672%22%20x2%3D%2256.916%22%20y1%3D%2297.737%22%20y2%3D%2284.212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22A%22%20x1%3D%2251.47%22%20x2%3D%2242.338%22%20y1%3D%22100.715%22%20y2%3D%2283.711%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2884.2622%200%200%2085.5805%2038.376%2035.563%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2839.6256%200%200%2040.2456%2079.224%20113.122%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22j%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2823.877%200%200%2024.2505%2050.644%2016.589%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22k%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2819.6512%200%200%2019.9586%2011.87%2075.409%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22l%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2814.5941%200%200%2014.8224%2038.1%20127.429%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h140v140H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { defaultIllustration as default };
package/dist/src/components/Banner/assets/intro-compact-left-pattern.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var introCompactLeftPattern = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22202%22%20height%3D%22108%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20fill%3D%22%23521094%22%20clip-path%3D%22url%28%23a%29%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M173.935%202.647c.347-1.288-1.584-1.808-1.931-.52-.347%201.287%201.584%201.807%201.931.52Z%22%20opacity%3D%22.6%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M49.965%2015.65c.52-1.932-2.376-2.712-2.897-.78-.52%201.93%202.377%202.71%202.897.78Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M25.441%209.16c.347-1.288-1.584-1.808-1.931-.52-.347%201.287%201.584%201.807%201.931.52Zm90.873%2078.502c.347-1.288-1.584-1.808-1.931-.52-.347%201.287%201.584%201.807%201.931.52Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M102.721%2071.935c.174-.643-.834-.915-1.007-.271-.174.644.834.915%201.007.271Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M173.211%2071.653c.521-1.932-2.376-2.712-2.896-.781-.521%201.931%202.376%202.712%202.896.78Z%22%20opacity%3D%22.5%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M160.567%2058.13c.27-1.002-1.298-1.424-1.568-.422-.27%201.001%201.298%201.424%201.568.422Zm21.529-27.585c.174-.643-.792-.904-.965-.26-.174.644.792.904.965.26Zm-50-20c.174-.643-.792-.904-.965-.26-.174.644.792.904.965.26Zm-79.08%2074.147c.52-1.932-2.376-2.712-2.897-.78-.52%201.93%202.377%202.71%202.897.78Zm-.507-16.928c.27-1.001-1.299-1.424-1.569-.422-.27%201.001%201.299%201.424%201.569.422Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.307%2087.302c.27-1.001-1.298-1.424-1.568-.422-.27%201.001%201.298%201.424%201.568.422Z%22%20opacity%3D%22.4%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M202%20108H0V0h202z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { introCompactLeftPattern as default };
package/dist/src/components/Banner/assets/intro-compact-right-pattern.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var introCompactRightPattern = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22202%22%20height%3D%22108%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20fill%3D%22%23521094%22%20clip-path%3D%22url%28%23a%29%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.065%20100.353c-.347%201.288%201.584%201.808%201.931.521.347-1.288-1.584-1.808-1.931-.521Z%22%20opacity%3D%22.6%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M152.035%2087.35c-.521%201.932%202.376%202.712%202.896.78.521-1.93-2.376-2.71-2.896-.78Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M176.559%2093.84c-.347%201.288%201.584%201.808%201.931.52.347-1.287-1.584-1.807-1.931-.52ZM85.686%2015.338c-.347%201.288%201.584%201.808%201.931.52.347-1.287-1.584-1.807-1.931-.52Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M99.278%2031.065c-.173.643.835.915%201.008.271.174-.644-.834-.915-1.008-.271Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.789%2031.348c-.52%201.93%202.376%202.711%202.896.78.52-1.931-2.376-2.712-2.896-.78Z%22%20opacity%3D%22.5%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M41.433%2044.87c-.27%201.002%201.298%201.424%201.568.422.27-1.001-1.298-1.424-1.568-.422ZM19.904%2072.455c-.174.643.792.904.965.26.174-.644-.792-.904-.965-.26Zm49.999%2020c-.173.643.793.904.966.26.174-.644-.792-.904-.966-.26Zm91.081-80.146c-.52%201.93%202.376%202.711%202.897.78.52-1.931-2.377-2.712-2.897-.78Zm-11.493%2022.927c-.269%201.001%201.299%201.424%201.569.422.269-1.001-1.299-1.424-1.569-.422Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M191.693%2015.698c-.27%201.001%201.298%201.424%201.568.422.27-1.001-1.299-1.424-1.568-.422Z%22%20opacity%3D%22.4%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M197.31%20107.477c-.27%201.001%201.298%201.424%201.568.422.27-1.001-1.298-1.424-1.568-.422Z%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h202v108H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { introCompactRightPattern as default };
package/dist/src/components/Banner/assets/intro-pattern.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var introPattern = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22500%22%20height%3D%22188%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20clip-path%3D%22url%28%23a%29%22%20opacity%3D%22.2%22%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23B824F9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M355.836%209.738c0-4.41%203.308-8.01%207.396-8.01l.034.054c4.071%200%207.396%203.601%207.396%208.01%200%204.41-3.308%208.011-7.396%208.011-1.696%200-3.24-.643-4.495-1.69L185.336%20149.188c5.361%201.69%2022.07%207.018%2028.363%209.296%206.684%202.426%2018.338%202.683%2035.878-9.719%2015.318-10.843%2084.728-63.563%2097.634-73.366h.001l1.398-1.062a8.412%208.412%200%200%201-1.357-4.594c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-1.883%200-3.596-.79-4.903-2.058-6.785%205.163-83.07%2063.148-99.253%2074.594-12.315%208.709-21.883%2011.336-28.957%2011.336-3.341%200-6.14-.588-8.397-1.396-6.171-2.245-22.487-7.44-28.065-9.217l-1.519-.484-101.577%2077.938-.984-1.507%20155.674-119.442V77.313c0-9.7%202.307-17.969%2013.486-26.714%2010.449-8.158%2046.887-34.523%2052.349-38.473a8.39%208.39%200%200%201-1.086-4.115c0-4.41%203.325-8.011%207.396-8.011%204.072%200%207.397%203.601%207.397%208.01%200%204.41-3.308%208.011-7.397%208.011-2.069%200-3.952-.937-5.292-2.443-5.191%203.748-41.9%2030.296-52.366%2038.49-10.637%208.305-12.774%2015.82-12.774%2025.227v28.9l119.135-91.423a8.413%208.413%200%200%201-1.68-5.034Zm-41.323-1.764c0-3.4-2.544-6.173-5.7-6.173-3.138%200-5.699%202.774-5.699%206.173s2.561%206.173%205.699%206.173c3.139%200%205.7-2.774%205.7-6.173Zm45.819%2061.733c0-3.4-2.545-6.174-5.7-6.174-3.138%200-5.7%202.775-5.7%206.174%200%203.399%202.562%206.173%205.7%206.173%203.138%200%205.7-2.774%205.7-6.173Zm-2.816-59.951c0%203.399%202.561%206.173%205.699%206.173%203.139%200%205.7-2.774%205.7-6.173s-2.561-6.173-5.7-6.173c-3.138%200-5.699%202.774-5.699%206.173Zm247.453-.018c0-4.41%203.308-8.01%207.396-8.01l.034.054c4.072%200%207.396%203.601%207.396%208.01%200%204.41-3.307%208.011-7.396%208.011-1.696%200-3.24-.643-4.495-1.69L434.469%20149.188c5.361%201.69%2022.07%207.018%2028.363%209.296%206.684%202.426%2018.338%202.683%2035.878-9.719%2015.303-10.833%2084.596-63.463%2097.598-73.338l.01-.008.008-.006.007-.005%201.41-1.071a8.412%208.412%200%200%201-1.357-4.594c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-1.883%200-3.596-.79-4.903-2.058-6.785%205.163-83.07%2063.148-99.253%2074.594-12.315%208.709-21.883%2011.336-28.957%2011.336-3.341%200-6.14-.588-8.396-1.396-6.172-2.244-22.486-7.44-28.064-9.216l-.002-.001-1.519-.484-101.577%2077.938-.984-1.507%20155.674-119.442V77.313c0-9.7%202.307-17.969%2013.486-26.714%2010.449-8.158%2046.887-34.523%2052.349-38.473a8.4%208.4%200%200%201-1.086-4.115c0-4.41%203.325-8.011%207.397-8.011%204.071%200%207.396%203.601%207.396%208.01%200%204.41-3.308%208.011-7.396%208.011-2.07%200-3.953-.937-5.293-2.443-5.191%203.748-41.9%2030.296-52.366%2038.49-10.636%208.305-12.774%2015.82-12.774%2025.227v28.9l119.135-91.423a8.413%208.413%200%200%201-1.68-5.034Zm-41.323-1.764c0-3.4-2.544-6.173-5.699-6.173-3.139%200-5.7%202.774-5.7%206.173s2.561%206.173%205.7%206.173c3.138%200%205.699-2.774%205.699-6.173Zm45.819%2061.733c0-3.4-2.545-6.174-5.7-6.174-3.138%200-5.7%202.775-5.7%206.174%200%203.399%202.562%206.173%205.7%206.173%203.138%200%205.7-2.774%205.7-6.173Zm-2.816-59.951c0%203.399%202.561%206.173%205.699%206.173%203.139%200%205.7-2.774%205.7-6.173s-2.561-6.173-5.7-6.173c-3.138%200-5.699%202.774-5.699%206.173ZM455.01%2092.654c0%204.41-3.307%208.011-7.396%208.011l.034-.018c-1.984%200-3.783-.864-5.106-2.242L273.111%20228.412l-.984-1.507%20109.567-84.074V94.694c0-8.158%201.052-17.62%2013.486-26.733%2010.636-7.771%2058.728-41.467%2066.718-47.053a8.42%208.42%200%200%201-1.069-4.079c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-2.103%200-3.986-.955-5.327-2.462l-.732.513-.006.004-.01.007-.004.003c-9.655%206.763-55.666%2038.995-66.033%2046.581-11.755%208.617-12.739%2017.179-12.739%2025.226v46.833l58.049-44.536a8.355%208.355%200%200%201-1.205-4.355c0-4.41%203.325-8.01%207.396-8.01%204.072%200%207.396%203.6%207.396%208.01Zm18.881-75.825c0-3.399-2.545-6.173-5.7-6.173-3.138%200-5.7%202.774-5.7%206.173%200%203.4%202.562%206.174%205.7%206.174%203.138%200%205.7-2.774%205.7-6.174Zm-20.577%2075.807c0-3.399-2.561-6.173-5.7-6.173-3.138%200-5.699%202.774-5.699%206.173s2.561%206.173%205.699%206.173c3.139%200%205.7-2.774%205.7-6.173ZM324.745%20138.44c-4.088%200-7.396%203.601-7.396%208.01%200%201.911.645%203.638%201.679%205.016l-106.971%2082.09.983%201.507%20107.227-82.274c1.255%201.047%202.799%201.69%204.495%201.69%204.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011l-.017-.018Zm0%2014.202c-3.155%200-5.7-2.775-5.7-6.173%200-3.399%202.562-6.174%205.7-6.174%203.138%200%205.7%202.775%205.7%206.174%200%203.398-2.562%206.173-5.7%206.173Zm-126.244-51.977c4.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011s-7.396%203.6-7.396%208.01c0%201.599.441%203.105%201.204%204.355l-58.049%2044.536V94.712c0-8.047.984-16.609%2012.74-25.226%2010.373-7.591%2056.437-39.86%2066.051-46.594h.002l.732-.514c1.34%201.507%203.223%202.462%205.327%202.462%204.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011-4.072%200-7.397%203.6-7.397%208.01%200%201.489.408%202.885%201.069%204.08-7.99%205.585-56.081%2039.28-66.717%2047.052-12.435%209.113-13.486%2018.575-13.486%2026.733v48.137L23.014%20226.905l.983%201.507L193.43%2098.405c1.323%201.378%203.121%202.242%205.106%202.242l-.034.018Zm20.577-90.009c3.155%200%205.699%202.774%205.699%206.173%200%203.4-2.561%206.174-5.699%206.174-3.139%200-5.7-2.775-5.7-6.174%200-3.399%202.561-6.173%205.7-6.173Zm-20.577%2075.807c3.138%200%205.7%202.774%205.7%206.173s-2.562%206.173-5.7%206.173c-3.138%200-5.7-2.774-5.7-6.173s2.562-6.173%205.7-6.173ZM65.495%20146.45c0-4.409%203.308-8.01%207.396-8.01l.017.018c4.072%200%207.397%203.601%207.397%208.011%200%204.409-3.308%208.01-7.397%208.01-1.696%200-3.24-.643-4.495-1.69l-107.226%2082.274-.984-1.507%20106.972-82.09a8.318%208.318%200%200%201-1.68-5.016Zm1.697.019c0%203.398%202.544%206.173%205.7%206.173%203.138%200%205.7-2.775%205.7-6.173%200-3.399-2.562-6.174-5.7-6.174-3.139%200-5.7%202.775-5.7%206.174Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h500v188H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { introPattern as default };
package/dist/src/components/Banner/assets/promotion-compact-left-pattern.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var promotionCompactLeftPattern = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22202%22%20height%3D%22108%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20fill%3D%22%23fff%22%20clip-path%3D%22url%28%23a%29%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M173.935%202.647c.347-1.288-1.584-1.808-1.931-.52-.347%201.287%201.584%201.807%201.931.52Z%22%20opacity%3D%22.6%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M49.965%2015.65c.52-1.932-2.376-2.712-2.897-.781-.52%201.931%202.377%202.711%202.897.78Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M25.441%209.16c.347-1.288-1.584-1.808-1.931-.52-.347%201.287%201.584%201.807%201.931.52Zm90.873%2078.502c.347-1.288-1.584-1.808-1.931-.52-.347%201.287%201.584%201.807%201.931.52Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M102.721%2071.935c.174-.643-.834-.915-1.007-.271-.174.644.834.915%201.007.271Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M173.211%2071.652c.521-1.93-2.376-2.711-2.896-.78-.521%201.93%202.376%202.711%202.896.78Z%22%20opacity%3D%22.5%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M160.567%2058.13c.27-1.002-1.298-1.424-1.568-.422-.27%201.001%201.298%201.424%201.568.422Zm21.529-27.585c.174-.643-.792-.904-.965-.26-.174.644.792.904.965.26Zm-50-20c.174-.643-.792-.904-.965-.26-.174.644.792.904.965.26Zm-79.08%2074.146c.52-1.93-2.376-2.711-2.897-.78-.52%201.93%202.377%202.711%202.897.78Zm-.507-16.927c.27-1.001-1.299-1.424-1.569-.422-.27%201.001%201.299%201.424%201.569.422Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.307%2087.302c.27-1.001-1.298-1.424-1.568-.422-.27%201.001%201.298%201.424%201.568.422Z%22%20opacity%3D%22.4%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M202%20108H0V0h202z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { promotionCompactLeftPattern as default };
package/dist/src/components/Banner/assets/promotion-compact-right-pattern.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var promotionCompactRightPattern = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22202%22%20height%3D%22108%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20fill%3D%22%23fff%22%20clip-path%3D%22url%28%23a%29%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.065%20100.353c-.347%201.288%201.584%201.808%201.931.521.347-1.288-1.584-1.808-1.931-.521Z%22%20opacity%3D%22.6%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M152.035%2087.35c-.521%201.932%202.376%202.712%202.896.781.521-1.931-2.376-2.711-2.896-.78Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M176.559%2093.84c-.347%201.288%201.584%201.808%201.931.52.347-1.287-1.584-1.807-1.931-.52ZM85.686%2015.338c-.347%201.288%201.584%201.808%201.931.52.347-1.287-1.584-1.807-1.931-.52Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M99.278%2031.065c-.173.643.835.915%201.008.271.174-.644-.834-.915-1.008-.271Z%22%20opacity%3D%22.7%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.789%2031.348c-.52%201.93%202.376%202.711%202.896.78.52-1.93-2.376-2.711-2.896-.78Z%22%20opacity%3D%22.5%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M41.433%2044.87c-.27%201.002%201.298%201.424%201.568.422.27-1.001-1.298-1.424-1.568-.422ZM19.904%2072.455c-.174.643.792.904.965.26.174-.644-.792-.904-.965-.26Zm49.999%2020c-.173.643.793.904.966.26.174-.644-.792-.904-.966-.26Zm91.081-80.146c-.52%201.93%202.376%202.711%202.897.78.52-1.93-2.377-2.711-2.897-.78Zm-11.493%2022.927c-.269%201.001%201.299%201.424%201.569.422.269-1.001-1.299-1.424-1.569-.422Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M191.693%2015.698c-.27%201.001%201.298%201.424%201.568.422.27-1.001-1.299-1.424-1.568-.422Z%22%20opacity%3D%22.4%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M197.31%20107.477c-.27%201.002%201.298%201.424%201.568.423.27-1.002-1.298-1.424-1.568-.423Z%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h202v108H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { promotionCompactRightPattern as default };
package/dist/src/components/Banner/assets/promotion-pattern.svg.js ADDED
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+
3
+ var promotionPattern = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22500%22%20height%3D%22188%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20fill-rule%3D%22evenodd%22%20clip-path%3D%22url%28%23a%29%22%20clip-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M355.836%209.738c0-4.41%203.308-8.01%207.396-8.01l.034.054c4.071%200%207.396%203.601%207.396%208.01%200%204.41-3.308%208.011-7.396%208.011-1.696%200-3.24-.643-4.495-1.69L185.336%20149.188c5.361%201.69%2022.07%207.018%2028.363%209.296%206.684%202.426%2018.338%202.683%2035.878-9.719%2015.318-10.843%2084.728-63.563%2097.634-73.366h.001l1.398-1.062a8.412%208.412%200%200%201-1.357-4.594c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-1.883%200-3.596-.79-4.903-2.058-6.785%205.163-83.07%2063.148-99.253%2074.594-12.315%208.709-21.883%2011.336-28.957%2011.336-3.341%200-6.14-.588-8.397-1.396-6.171-2.245-22.487-7.44-28.065-9.217l-1.519-.484-101.577%2077.938-.984-1.507%20155.674-119.442V77.313c0-9.7%202.307-17.969%2013.486-26.714%2010.449-8.158%2046.887-34.523%2052.349-38.473a8.39%208.39%200%200%201-1.086-4.115c0-4.41%203.325-8.011%207.396-8.011%204.072%200%207.397%203.601%207.397%208.01%200%204.41-3.308%208.011-7.397%208.011-2.069%200-3.952-.937-5.292-2.443-5.191%203.748-41.9%2030.296-52.366%2038.49-10.637%208.305-12.774%2015.82-12.774%2025.227v28.9l119.135-91.423a8.413%208.413%200%200%201-1.68-5.034Zm-41.323-1.764c0-3.4-2.544-6.173-5.7-6.173-3.138%200-5.699%202.774-5.699%206.173s2.561%206.173%205.699%206.173c3.139%200%205.7-2.774%205.7-6.173Zm45.819%2061.733c0-3.4-2.545-6.174-5.7-6.174-3.138%200-5.7%202.775-5.7%206.174%200%203.399%202.562%206.173%205.7%206.173%203.138%200%205.7-2.774%205.7-6.173Zm-2.816-59.951c0%203.399%202.561%206.173%205.699%206.173%203.139%200%205.7-2.774%205.7-6.173s-2.561-6.173-5.7-6.173c-3.138%200-5.699%202.774-5.699%206.173Zm247.453-.018c0-4.41%203.308-8.01%207.396-8.01l.034.054c4.072%200%207.396%203.601%207.396%208.01%200%204.41-3.307%208.011-7.396%208.011-1.696%200-3.24-.643-4.495-1.69L434.469%20149.188c5.361%201.69%2022.07%207.018%2028.363%209.296%206.684%202.426%2018.338%202.683%2035.878-9.719%2015.303-10.833%2084.596-63.463%2097.598-73.338l.01-.008.008-.006.007-.005%201.41-1.071a8.412%208.412%200%200%201-1.357-4.594c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-1.883%200-3.596-.79-4.903-2.058-6.785%205.163-83.07%2063.148-99.253%2074.594-12.315%208.709-21.883%2011.336-28.957%2011.336-3.341%200-6.14-.588-8.396-1.396-6.172-2.244-22.486-7.44-28.064-9.216l-.002-.001-1.519-.484-101.577%2077.938-.984-1.507%20155.674-119.442V77.313c0-9.7%202.307-17.969%2013.486-26.714%2010.449-8.158%2046.887-34.523%2052.349-38.473a8.4%208.4%200%200%201-1.086-4.115c0-4.41%203.325-8.011%207.397-8.011%204.071%200%207.396%203.601%207.396%208.01%200%204.41-3.308%208.011-7.396%208.011-2.07%200-3.953-.937-5.293-2.443-5.191%203.748-41.9%2030.296-52.366%2038.49-10.636%208.305-12.774%2015.82-12.774%2025.227v28.9l119.135-91.423a8.413%208.413%200%200%201-1.68-5.034Zm-41.323-1.764c0-3.4-2.544-6.173-5.699-6.173-3.139%200-5.7%202.774-5.7%206.173s2.561%206.173%205.7%206.173c3.138%200%205.699-2.774%205.699-6.173Zm45.819%2061.733c0-3.4-2.545-6.174-5.7-6.174-3.138%200-5.7%202.775-5.7%206.174%200%203.399%202.562%206.173%205.7%206.173%203.138%200%205.7-2.774%205.7-6.173Zm-2.816-59.951c0%203.399%202.561%206.173%205.699%206.173%203.139%200%205.7-2.774%205.7-6.173s-2.561-6.173-5.7-6.173c-3.138%200-5.699%202.774-5.699%206.173ZM455.01%2092.654c0%204.41-3.307%208.011-7.396%208.011l.034-.018c-1.984%200-3.783-.864-5.106-2.242L273.111%20228.412l-.984-1.507%20109.567-84.074V94.694c0-8.158%201.052-17.62%2013.486-26.733%2010.636-7.771%2058.728-41.467%2066.718-47.053a8.42%208.42%200%200%201-1.069-4.079c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-2.103%200-3.986-.955-5.327-2.462l-.732.513-.006.004-.01.007-.004.003c-9.655%206.763-55.666%2038.995-66.033%2046.581-11.755%208.617-12.739%2017.179-12.739%2025.226v46.833l58.049-44.536a8.355%208.355%200%200%201-1.205-4.355c0-4.41%203.325-8.01%207.396-8.01%204.072%200%207.396%203.6%207.396%208.01Zm18.881-75.825c0-3.399-2.545-6.173-5.7-6.173-3.138%200-5.7%202.774-5.7%206.173%200%203.4%202.562%206.174%205.7%206.174%203.138%200%205.7-2.774%205.7-6.174Zm-20.577%2075.807c0-3.399-2.561-6.173-5.7-6.173-3.138%200-5.699%202.774-5.699%206.173s2.561%206.173%205.699%206.173c3.139%200%205.7-2.774%205.7-6.173ZM324.745%20138.44c-4.088%200-7.396%203.601-7.396%208.01%200%201.911.645%203.638%201.679%205.016l-106.971%2082.09.983%201.507%20107.227-82.274c1.255%201.047%202.799%201.69%204.495%201.69%204.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011l-.017-.018Zm0%2014.202c-3.155%200-5.7-2.775-5.7-6.173%200-3.399%202.562-6.174%205.7-6.174%203.138%200%205.7%202.775%205.7%206.174%200%203.398-2.562%206.173-5.7%206.173Zm-126.244-51.977c4.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011s-7.396%203.6-7.396%208.01c0%201.599.441%203.105%201.204%204.355l-58.049%2044.536V94.712c0-8.047.984-16.609%2012.74-25.226%2010.373-7.591%2056.437-39.86%2066.051-46.594h.002l.732-.514c1.34%201.507%203.223%202.462%205.327%202.462%204.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011-4.072%200-7.397%203.6-7.397%208.01%200%201.489.408%202.885%201.069%204.08-7.99%205.585-56.081%2039.28-66.717%2047.052-12.435%209.113-13.486%2018.575-13.486%2026.733v48.137L23.014%20226.905l.983%201.507L193.43%2098.405c1.323%201.378%203.121%202.242%205.106%202.242l-.034.018Zm20.577-90.009c3.155%200%205.699%202.774%205.699%206.173%200%203.4-2.561%206.174-5.699%206.174-3.139%200-5.7-2.775-5.7-6.174%200-3.399%202.561-6.173%205.7-6.173Zm-20.577%2075.807c3.138%200%205.7%202.774%205.7%206.173s-2.562%206.173-5.7%206.173c-3.138%200-5.7-2.774-5.7-6.173s2.562-6.173%205.7-6.173ZM65.495%20146.45c0-4.409%203.308-8.01%207.396-8.01l.017.018c4.072%200%207.397%203.601%207.397%208.011%200%204.409-3.308%208.01-7.397%208.01-1.696%200-3.24-.643-4.495-1.69l-107.226%2082.274-.984-1.507%20106.972-82.09a8.318%208.318%200%200%201-1.68-5.016Zm1.697.019c0%203.398%202.544%206.173%205.7%206.173%203.138%200%205.7-2.775%205.7-6.173%200-3.399-2.562-6.174-5.7-6.174-3.139%200-5.7%202.775-5.7%206.174Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M355.836%209.738c0-4.41%203.308-8.01%207.396-8.01l.034.054c4.071%200%207.396%203.601%207.396%208.01%200%204.41-3.308%208.011-7.396%208.011-1.696%200-3.24-.643-4.495-1.69L185.336%20149.188c5.361%201.69%2022.07%207.018%2028.363%209.296%206.684%202.426%2018.338%202.683%2035.878-9.719%2015.318-10.843%2084.728-63.563%2097.634-73.366h.001l1.398-1.062a8.412%208.412%200%200%201-1.357-4.594c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-1.883%200-3.596-.79-4.903-2.058-6.785%205.163-83.07%2063.148-99.253%2074.594-12.315%208.709-21.883%2011.336-28.957%2011.336-3.341%200-6.14-.588-8.397-1.396-6.171-2.245-22.487-7.44-28.065-9.217l-1.519-.484-101.577%2077.938-.984-1.507%20155.674-119.442V77.313c0-9.7%202.307-17.969%2013.486-26.714%2010.449-8.158%2046.887-34.523%2052.349-38.473a8.39%208.39%200%200%201-1.086-4.115c0-4.41%203.325-8.011%207.396-8.011%204.072%200%207.397%203.601%207.397%208.01%200%204.41-3.308%208.011-7.397%208.011-2.069%200-3.952-.937-5.292-2.443-5.191%203.748-41.9%2030.296-52.366%2038.49-10.637%208.305-12.774%2015.82-12.774%2025.227v28.9l119.135-91.423a8.413%208.413%200%200%201-1.68-5.034Zm-41.323-1.764c0-3.4-2.544-6.173-5.7-6.173-3.138%200-5.699%202.774-5.699%206.173s2.561%206.173%205.699%206.173c3.139%200%205.7-2.774%205.7-6.173Zm45.819%2061.733c0-3.4-2.545-6.174-5.7-6.174-3.138%200-5.7%202.775-5.7%206.174%200%203.399%202.562%206.173%205.7%206.173%203.138%200%205.7-2.774%205.7-6.173Zm-2.816-59.951c0%203.399%202.561%206.173%205.699%206.173%203.139%200%205.7-2.774%205.7-6.173s-2.561-6.173-5.7-6.173c-3.138%200-5.699%202.774-5.699%206.173Zm247.453-.018c0-4.41%203.308-8.01%207.396-8.01l.034.054c4.072%200%207.396%203.601%207.396%208.01%200%204.41-3.307%208.011-7.396%208.011-1.696%200-3.24-.643-4.495-1.69L434.469%20149.188c5.361%201.69%2022.07%207.018%2028.363%209.296%206.684%202.426%2018.338%202.683%2035.878-9.719%2015.303-10.833%2084.596-63.463%2097.598-73.338l.01-.008.008-.006.007-.005%201.41-1.071a8.412%208.412%200%200%201-1.357-4.594c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-1.883%200-3.596-.79-4.903-2.058-6.785%205.163-83.07%2063.148-99.253%2074.594-12.315%208.709-21.883%2011.336-28.957%2011.336-3.341%200-6.14-.588-8.396-1.396-6.172-2.244-22.486-7.44-28.064-9.216l-.002-.001-1.519-.484-101.577%2077.938-.984-1.507%20155.674-119.442V77.313c0-9.7%202.307-17.969%2013.486-26.714%2010.449-8.158%2046.887-34.523%2052.349-38.473a8.4%208.4%200%200%201-1.086-4.115c0-4.41%203.325-8.011%207.397-8.011%204.071%200%207.396%203.601%207.396%208.01%200%204.41-3.308%208.011-7.396%208.011-2.07%200-3.953-.937-5.293-2.443-5.191%203.748-41.9%2030.296-52.366%2038.49-10.636%208.305-12.774%2015.82-12.774%2025.227v28.9l119.135-91.423a8.413%208.413%200%200%201-1.68-5.034Zm-41.323-1.764c0-3.4-2.544-6.173-5.699-6.173-3.139%200-5.7%202.774-5.7%206.173s2.561%206.173%205.7%206.173c3.138%200%205.699-2.774%205.699-6.173Zm45.819%2061.733c0-3.4-2.545-6.174-5.7-6.174-3.138%200-5.7%202.775-5.7%206.174%200%203.399%202.562%206.173%205.7%206.173%203.138%200%205.7-2.774%205.7-6.173Zm-2.816-59.951c0%203.399%202.561%206.173%205.699%206.173%203.139%200%205.7-2.774%205.7-6.173s-2.561-6.173-5.7-6.173c-3.138%200-5.699%202.774-5.699%206.173ZM455.01%2092.654c0%204.41-3.307%208.011-7.396%208.011l.034-.018c-1.984%200-3.783-.864-5.106-2.242L273.111%20228.412l-.984-1.507%20109.567-84.074V94.694c0-8.158%201.052-17.62%2013.486-26.733%2010.636-7.771%2058.728-41.467%2066.718-47.053a8.42%208.42%200%200%201-1.069-4.079c0-4.409%203.325-8.01%207.396-8.01s7.396%203.601%207.396%208.01c0%204.41-3.308%208.011-7.396%208.011-2.103%200-3.986-.955-5.327-2.462l-.732.513-.006.004-.01.007-.004.003c-9.655%206.763-55.666%2038.995-66.033%2046.581-11.755%208.617-12.739%2017.179-12.739%2025.226v46.833l58.049-44.536a8.355%208.355%200%200%201-1.205-4.355c0-4.41%203.325-8.01%207.396-8.01%204.072%200%207.396%203.6%207.396%208.01Zm18.881-75.825c0-3.399-2.545-6.173-5.7-6.173-3.138%200-5.7%202.774-5.7%206.173%200%203.4%202.562%206.174%205.7%206.174%203.138%200%205.7-2.774%205.7-6.174Zm-20.577%2075.807c0-3.399-2.561-6.173-5.7-6.173-3.138%200-5.699%202.774-5.699%206.173s2.561%206.173%205.699%206.173c3.139%200%205.7-2.774%205.7-6.173ZM324.745%20138.44c-4.088%200-7.396%203.601-7.396%208.01%200%201.911.645%203.638%201.679%205.016l-106.971%2082.09.983%201.507%20107.227-82.274c1.255%201.047%202.799%201.69%204.495%201.69%204.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011l-.017-.018Zm0%2014.202c-3.155%200-5.7-2.775-5.7-6.173%200-3.399%202.562-6.174%205.7-6.174%203.138%200%205.7%202.775%205.7%206.174%200%203.398-2.562%206.173-5.7%206.173Zm-126.244-51.977c4.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011s-7.396%203.6-7.396%208.01c0%201.599.441%203.105%201.204%204.355l-58.049%2044.536V94.712c0-8.047.984-16.609%2012.74-25.226%2010.373-7.591%2056.437-39.86%2066.051-46.594h.002l.732-.514c1.34%201.507%203.223%202.462%205.327%202.462%204.088%200%207.396-3.601%207.396-8.01%200-4.41-3.325-8.011-7.396-8.011-4.072%200-7.397%203.6-7.397%208.01%200%201.489.408%202.885%201.069%204.08-7.99%205.585-56.081%2039.28-66.717%2047.052-12.435%209.113-13.486%2018.575-13.486%2026.733v48.137L23.014%20226.905l.983%201.507L193.43%2098.405c1.323%201.378%203.121%202.242%205.106%202.242l-.034.018Zm20.577-90.009c3.155%200%205.699%202.774%205.699%206.173%200%203.4-2.561%206.174-5.699%206.174-3.139%200-5.7-2.775-5.7-6.174%200-3.399%202.561-6.173%205.7-6.173Zm-20.577%2075.807c3.138%200%205.7%202.774%205.7%206.173s-2.562%206.173-5.7%206.173c-3.138%200-5.7-2.774-5.7-6.173s2.562-6.173%205.7-6.173ZM65.495%20146.45c0-4.409%203.308-8.01%207.396-8.01l.017.018c4.072%200%207.397%203.601%207.397%208.011%200%204.409-3.308%208.01-7.397%208.01-1.696%200-3.24-.643-4.495-1.69l-107.226%2082.274-.984-1.507%20106.972-82.09a8.318%208.318%200%200%201-1.68-5.016Zm1.697.019c0%203.398%202.544%206.173%205.7%206.173%203.138%200%205.7-2.775%205.7-6.173%200-3.399-2.562-6.174-5.7-6.174-3.139%200-5.7%202.775-5.7%206.174Z%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22b%22%20x1%3D%22-401.611%22%20x2%3D%22-399.915%22%20y1%3D%22186.742%22%20y2%3D%22186.742%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22c%22%20x1%3D%22137.754%22%20x2%3D%2228.15%22%20y1%3D%2210.384%22%20y2%3D%22267.529%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23C43BFF%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.891%22%20stop-color%3D%22%23521094%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h500v188H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
4
+
5
+ export { promotionPattern as default };
package/dist/src/components/Banner/index.js CHANGED
@@ -1,43 +1,90 @@
1
1
  import _styled from '@emotion/styled/base';
2
+ import { useTheme, css } from '@emotion/react';
2
3
  import { useState } from 'react';
3
4
  import { Button } from '../Button/index.js';
4
5
  import { Link } from '../Link/index.js';
5
6
  import { Stack } from '../Stack/index.js';
6
7
  import { Text } from '../Text/index.js';
8
+ import defaultIllustrationSmall from './assets/default-image-small.svg.js';
9
+ import defaultIllustration from './assets/default-image.svg.js';
10
+ import introCompactLeftPattern from './assets/intro-compact-left-pattern.svg.js';
11
+ import introCompactRightPattern from './assets/intro-compact-right-pattern.svg.js';
12
+ import introPattern from './assets/intro-pattern.svg.js';
13
+ import promotionCompactLeftPattern from './assets/promotion-compact-left-pattern.svg.js';
14
+ import promotionCompactRightPattern from './assets/promotion-compact-right-pattern.svg.js';
15
+ import promotionPattern from './assets/promotion-pattern.svg.js';
7
16
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
8
17
 
18
+ const styles = _ref => {
19
+ let {
20
+ theme,
21
+ variant,
22
+ size
23
+ } = _ref;
24
+ if (size === 'small') {
25
+ if (variant === 'intro') {
26
+ return /*#__PURE__*/css("background:", theme.colors.primary.background, ";background-image:url(", introCompactLeftPattern, "),url(", introCompactRightPattern, ");background-position:left,right;background-repeat:no-repeat,no-repeat;background-size:contain,contain;");
27
+ }
28
+ if (variant === 'promotional') {
29
+ return /*#__PURE__*/css("background-image:url(", promotionCompactLeftPattern, "),url(", promotionCompactRightPattern, "),", theme.colors.other.gradients.background.purple, ";background-position:left,right;background-repeat:no-repeat,no-repeat;background-size:contain,contain;");
30
+ }
31
+ }
32
+ if (size === 'medium') {
33
+ if (variant === 'intro') {
34
+ return /*#__PURE__*/css("background:", theme.colors.primary.background, ";background-image:url(", introPattern, ");background-position:right;background-repeat:no-repeat;background-size:contain;");
35
+ }
36
+ if (variant === 'promotional') {
37
+ return /*#__PURE__*/css("background-image:url(", promotionPattern, "),", theme.colors.other.gradients.background.purple, ";background-position:right;background-repeat:no-repeat;background-size:contain;");
38
+ }
39
+ }
40
+ return null;
41
+ };
9
42
  const Container = /*#__PURE__*/_styled('div', {
10
43
  shouldForwardProp: prop => !['variant', 'size'].includes(prop),
11
- target: "e1kdwp5x0"
12
- })("padding:", _ref => {
44
+ target: "e1kdwp5x1"
45
+ })("padding:", _ref2 => {
13
46
  let {
14
47
  theme,
15
48
  size
16
- } = _ref;
49
+ } = _ref2;
17
50
  return theme.space[size === 'small' ? '2' : '3'];
18
- }, ";border-radius:", _ref2 => {
51
+ }, ";border-radius:", _ref3 => {
19
52
  let {
20
53
  theme
21
- } = _ref2;
22
- return theme.radii.large;
23
- }, ";background:", _ref3 => {
24
- let {
25
- theme,
26
- variant
27
54
  } = _ref3;
28
- return variant === 'intro' ? theme.colors.primary.background : theme.colors.primary.backgroundStrong;
55
+ return theme.radii.large;
29
56
  }, ";display:flex;flex-direction:row;justify-content:space-between;gap:", _ref4 => {
30
57
  let {
31
58
  theme
32
59
  } = _ref4;
33
60
  return theme.space['2'];
34
- }, ";>svg:first-child,>img{height:", _ref5 => {
61
+ }, ";", _ref5 => {
35
62
  let {
63
+ theme,
64
+ variant,
36
65
  size
37
66
  } = _ref5;
67
+ return styles({
68
+ theme,
69
+ variant,
70
+ size
71
+ });
72
+ }, ";>svg:first-child,>img{height:", _ref6 => {
73
+ let {
74
+ size
75
+ } = _ref6;
38
76
  return size === 'medium' ? '140px' : '100px';
39
- }, ";align-self:center;}");
40
- const Banner = _ref6 => {
77
+ }, ";align-self:center;}button[name='close']{background:none;&:hover{background:none;}}");
78
+ const ImageStack = /*#__PURE__*/_styled(Stack, {
79
+ shouldForwardProp: prop => !['size'].includes(prop),
80
+ target: "e1kdwp5x0"
81
+ })("width:", _ref7 => {
82
+ let {
83
+ size
84
+ } = _ref7;
85
+ return size === 'medium' ? '140px' : '74px';
86
+ }, ";");
87
+ const Banner = _ref8 => {
41
88
  let {
42
89
  variant = 'intro',
43
90
  size = 'medium',
@@ -51,14 +98,25 @@ const Banner = _ref6 => {
51
98
  linkHref,
52
99
  image,
53
100
  className
54
- } = _ref6;
101
+ } = _ref8;
102
+ const {
103
+ theme
104
+ } = useTheme();
105
+ const defaultImage = size === 'small' ? defaultIllustrationSmall : defaultIllustration;
55
106
  const [opened, setOpened] = useState(true);
56
107
  if (!opened) return null;
57
108
  return jsxs(Container, {
58
109
  variant: variant,
59
110
  size: size,
60
111
  className: className,
61
- children: [image, jsxs(Stack, {
112
+ children: [jsx(ImageStack, {
113
+ size: size,
114
+ justifyContent: "center",
115
+ children: image ?? jsx("img", {
116
+ src: defaultImage,
117
+ alt: ""
118
+ })
119
+ }), jsxs(Stack, {
62
120
  direction: direction,
63
121
  gap: 2,
64
122
  justifyContent: "space-between",
@@ -74,38 +132,41 @@ const Banner = _ref6 => {
74
132
  children: [jsx(Text, {
75
133
  as: "p",
76
134
  variant: size === 'medium' ? 'headingSmall' : 'bodyStronger',
77
- color: "primary",
135
+ color: variant === 'promotional' && theme !== 'light' ? 'neutral' : 'primary',
78
136
  prominence: variant === 'intro' ? 'default' : 'strong',
79
137
  children: title
80
138
  }), jsx(Text, {
81
139
  as: "p",
82
140
  variant: "body",
83
141
  color: "neutral",
84
- prominence: variant === 'intro' ? 'default' : 'stronger',
142
+ prominence: variant === 'intro' || variant === 'promotional' && theme !== 'light' ? 'default' : 'stronger',
85
143
  children: children
86
144
  })]
87
145
  }), jsxs(Stack, {
88
146
  direction: "row",
89
147
  gap: 2,
148
+ alignItems: "center",
90
149
  children: [buttonText ? jsx(Button, {
91
150
  size: "medium",
92
151
  sentiment: variant === 'intro' ? 'primary' : 'neutral',
152
+ variant: "filled",
93
153
  onClick: onClickButton,
94
154
  children: buttonText
95
- }) : null, linkText && direction === 'column' ? jsx(Link, {
96
- sentiment: "primary",
155
+ }) : null, linkText ? jsx(Link, {
156
+ sentiment: theme !== 'light' ? 'neutral' : 'primary',
97
157
  size: "small",
98
158
  target: "_blank",
99
159
  href: linkHref ?? '',
100
- prominence: variant === 'intro' ? 'default' : 'strong',
160
+ prominence: variant === 'intro' || theme !== 'light' ? 'default' : 'strong',
101
161
  children: linkText
102
162
  }) : null]
103
163
  })]
104
164
  }), jsx(Button, {
105
165
  icon: "close",
106
166
  size: "small",
167
+ name: "close",
107
168
  variant: variant === 'intro' ? 'ghost' : 'filled',
108
- sentiment: variant === 'intro' ? 'neutral' : 'primary',
169
+ sentiment: variant === 'intro' || variant === 'promotional' && theme !== 'light' ? 'neutral' : 'primary',
109
170
  onClick: () => {
110
171
  setOpened(false);
111
172
  onClose?.();
package/dist/src/components/Radio/index.js CHANGED
@@ -1,180 +1,135 @@
1
1
  import _styled from '@emotion/styled/base';
2
2
  import { forwardRef, useId } from 'react';
3
+ import { Stack } from '../Stack/index.js';
4
+ import { Text } from '../Text/index.js';
3
5
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
4
6
 
7
+ const SIZE = 24;
5
8
  const InnerCircleRing = /*#__PURE__*/_styled("circle", {
6
- target: "ehkrmld4"
7
- })("fill:", _ref => {
8
- let {
9
- theme
10
- } = _ref;
11
- return theme.colors.neutral.borderStrong;
12
- }, ";");
9
+ target: "ehkrmld5"
10
+ })();
13
11
  const RadioMark = /*#__PURE__*/_styled("circle", {
14
- target: "ehkrmld3"
12
+ target: "ehkrmld4"
15
13
  })();
16
14
  const RadioMarkedIcon = () => jsxs("g", {
17
15
  children: [jsx("circle", {
18
16
  cx: "12",
19
17
  cy: "12",
20
- r: "8",
18
+ r: "10",
21
19
  strokeWidth: "2"
22
20
  }), jsx(InnerCircleRing, {
23
21
  cx: "12",
24
22
  cy: "12",
25
- r: "6"
23
+ r: "8"
26
24
  }), jsx(RadioMark, {
27
25
  cx: "12",
28
26
  cy: "12",
29
- r: "4"
27
+ r: "5"
30
28
  })]
31
29
  });
32
- const StyledIcon = /*#__PURE__*/_styled("svg", {
33
- target: "ehkrmld2"
34
- })("height:", _ref2 => {
30
+ const Ring = /*#__PURE__*/_styled("svg", {
31
+ target: "ehkrmld3"
32
+ })("height:", SIZE, "px;width:", SIZE, "px;min-width:", SIZE, "px;min-height:", SIZE, "px;border-radius:", _ref => {
35
33
  let {
36
- size
34
+ theme
35
+ } = _ref;
36
+ return theme.radii.circle;
37
+ }, ";fill:", _ref2 => {
38
+ let {
39
+ theme
37
40
  } = _ref2;
38
- return size;
39
- }, "px;width:", _ref3 => {
41
+ return theme.colors.neutral.border;
42
+ }, ";", InnerCircleRing, "{fill:", _ref3 => {
40
43
  let {
41
- size
44
+ theme
42
45
  } = _ref3;
43
- return size;
44
- }, "px;min-width:", _ref4 => {
46
+ return theme.colors.neutral.background;
47
+ }, ";}");
48
+ const RadioInput = /*#__PURE__*/_styled("input", {
49
+ target: "ehkrmld2"
50
+ })("cursor:pointer;position:absolute;height:", SIZE, "px;width:", SIZE, "px;opacity:0;white-space:nowrap;border-width:0;&+", Ring, "{", RadioMark, "{transform-origin:center;transition:200ms transform ease-in-out;transform:scale(0);}}&:checked+svg{", RadioMark, "{transform:scale(1);}}&:checked[aria-disabled='false'][aria-invalid='false']+", Ring, "{fill:", _ref4 => {
45
51
  let {
46
- size
52
+ theme
47
53
  } = _ref4;
48
- return size;
49
- }, "px;min-height:", _ref5 => {
54
+ return theme.colors.primary.backgroundStrong;
55
+ }, ";}&[aria-invalid='true']:not([aria-disabled='true'])+", Ring, "{fill:", _ref5 => {
50
56
  let {
51
- size
57
+ theme
52
58
  } = _ref5;
53
- return size;
54
- }, "px;border-radius:", _ref6 => {
59
+ return theme.colors.danger.backgroundStrong;
60
+ }, ";}&[aria-disabled='false']:active+", Ring, "{background-color:#5e127e40;fill:", _ref6 => {
55
61
  let {
56
62
  theme
57
63
  } = _ref6;
58
- return theme.radii.circle;
59
- }, ";fill:", _ref7 => {
64
+ return theme.colors.primary.backgroundStrong;
65
+ }, ";", InnerCircleRing, "{fill:", _ref7 => {
60
66
  let {
61
67
  theme
62
68
  } = _ref7;
63
- return theme.colors.neutral.borderStrong;
64
- }, ";", InnerCircleRing, "{fill:", _ref8 => {
69
+ return theme.colors.primary.background;
70
+ }, ";}}&[aria-disabled='false']:focus-visible+", Ring, "{outline:-webkit-focus-ring-color auto 1px;}&[aria-invalid='true']:focus+", Ring, "{background-color:#f91b6c40;fill:", _ref8 => {
65
71
  let {
66
72
  theme
67
73
  } = _ref8;
68
- return theme.colors.neutral.backgroundWeak;
69
- }, ";}");
70
- const RadioInput = /*#__PURE__*/_styled('input', {
71
- shouldForwardProp: prop => !['size'].includes(prop),
72
- target: "ehkrmld1"
73
- })("cursor:pointer;position:absolute;height:", _ref9 => {
74
+ return theme.colors.danger.backgroundStrong;
75
+ }, ";", InnerCircleRing, "{fill:", _ref9 => {
74
76
  let {
75
- size
77
+ theme
76
78
  } = _ref9;
77
- return size;
78
- }, "px;width:", _ref10 => {
79
+ return theme.colors.danger.background;
80
+ }, ";}}");
81
+ const RadioContainer = /*#__PURE__*/_styled("div", {
82
+ target: "ehkrmld1"
83
+ })("position:relative;display:flex;align-items:flex-start;gap:", _ref10 => {
79
84
  let {
80
- size
85
+ theme
81
86
  } = _ref10;
82
- return size;
83
- }, "px;opacity:0;white-space:nowrap;border-width:0;&+", StyledIcon, "{", RadioMark, "{transform-origin:center;transition:200ms transform ease-in-out;transform:scale(0);}}&:checked+svg{", RadioMark, "{transform:scale(1);}}&:checked[aria-disabled='false'][aria-invalid='false']+", StyledIcon, "{fill:", _ref11 => {
87
+ return theme.space['1'];
88
+ }, ";&[aria-disabled='false'],&[aria-disabled='false']>label{cursor:pointer;}&[aria-disabled='true'][data-checked='false']{color:", _ref11 => {
84
89
  let {
85
90
  theme
86
91
  } = _ref11;
87
- return theme.colors.primary.backgroundStrong;
88
- }, ";}&[aria-invalid='true']:not([aria-disabled='true'])+", StyledIcon, "{fill:", _ref12 => {
92
+ return theme.colors.neutral.textDisabled;
93
+ }, ";}:hover[aria-disabled='false']{", RadioInput, "+", Ring, "{fill:", _ref12 => {
89
94
  let {
90
95
  theme
91
96
  } = _ref12;
92
- return theme.colors.danger.text;
93
- }, ";}&:focus+", StyledIcon, "{background-color:", _ref13 => {
97
+ return theme.colors.primary.border;
98
+ }, ";", InnerCircleRing, "{fill:", _ref13 => {
94
99
  let {
95
100
  theme
96
101
  } = _ref13;
97
- return theme.colors.primary.background;
98
- }, ";fill:", _ref14 => {
102
+ return theme.colors.primary.backgroundHover;
103
+ }, ";}}", RadioInput, "[aria-invalid='true']+", Ring, "{fill:", _ref14 => {
99
104
  let {
100
105
  theme
101
106
  } = _ref14;
102
- return theme.colors.primary.backgroundStrong;
107
+ return theme.colors.danger.border;
103
108
  }, ";", InnerCircleRing, "{fill:", _ref15 => {
104
109
  let {
105
110
  theme
106
111
  } = _ref15;
107
- return theme.colors.primary.background;
108
- }, ";}}&[aria-invalid='true']:focus+", StyledIcon, "{background-color:", _ref16 => {
112
+ return theme.colors.danger.backgroundHover;
113
+ }, ";}}}&[aria-disabled='true']{cursor:not-allowed;&>label,", RadioInput, "{cursor:not-allowed;}", Ring, "{fill:", _ref16 => {
109
114
  let {
110
115
  theme
111
116
  } = _ref16;
112
- return theme.colors.danger.background;
113
- }, ";fill:", _ref17 => {
117
+ return theme.colors.neutral.borderDisabled;
118
+ }, ";cursor:not-allowed;", InnerCircleRing, "{fill:", _ref17 => {
114
119
  let {
115
120
  theme
116
121
  } = _ref17;
117
- return theme.colors.danger.text;
118
- }, ";", InnerCircleRing, "{fill:", _ref18 => {
119
- let {
120
- theme
121
- } = _ref18;
122
- return theme.colors.danger.background;
123
- }, ";}}");
124
- const RadioContainer = /*#__PURE__*/_styled("div", {
122
+ return theme.colors.neutral.backgroundDisabled;
123
+ }, ";}}}");
124
+ const MargedText = /*#__PURE__*/_styled(Text, {
125
125
  target: "ehkrmld0"
126
- })("position:relative;display:flex;align-items:flex-start;gap:", _ref19 => {
127
- let {
128
- theme
129
- } = _ref19;
130
- return theme.space['1'];
131
- }, ";&[aria-disabled='false'],&[aria-disabled='false']>label{cursor:pointer;}:hover[aria-disabled='false']{", RadioInput, "+", StyledIcon, "{background-color:", _ref20 => {
132
- let {
133
- theme
134
- } = _ref20;
135
- return theme.colors.primary.background;
136
- }, ";fill:", _ref21 => {
126
+ })("margin-left:", _ref18 => {
137
127
  let {
138
128
  theme
139
- } = _ref21;
140
- return theme.colors.primary.backgroundStrong;
141
- }, ";", InnerCircleRing, "{fill:", _ref22 => {
142
- let {
143
- theme
144
- } = _ref22;
145
- return theme.colors.primary.background;
146
- }, ";}}", RadioInput, "[aria-invalid='true']+", StyledIcon, "{background-color:", _ref23 => {
147
- let {
148
- theme
149
- } = _ref23;
150
- return theme.colors.danger.background;
151
- }, ";fill:", _ref24 => {
152
- let {
153
- theme
154
- } = _ref24;
155
- return theme.colors.danger.text;
156
- }, ";", InnerCircleRing, "{fill:", _ref25 => {
157
- let {
158
- theme
159
- } = _ref25;
160
- return theme.colors.danger.background;
161
- }, ";}}}&[aria-disabled='true']{cursor:not-allowed;color:", _ref26 => {
162
- let {
163
- theme
164
- } = _ref26;
165
- return theme.colors.neutral.textDisabled;
166
- }, ";&>label{cursor:not-allowed;}", StyledIcon, "{fill:", _ref27 => {
167
- let {
168
- theme
169
- } = _ref27;
170
- return theme.colors.neutral.borderStrongDisabled;
171
- }, ";", InnerCircleRing, "{fill:", _ref28 => {
172
- let {
173
- theme
174
- } = _ref28;
175
- return theme.colors.neutral.backgroundDisabled;
176
- }, ";}}}");
177
- const Radio = /*#__PURE__*/forwardRef((_ref29, ref) => {
129
+ } = _ref18;
130
+ return theme.space['4'];
131
+ }, ";");
132
+ const Radio = /*#__PURE__*/forwardRef((_ref19, ref) => {
178
133
  let {
179
134
  checked = false,
180
135
  onChange,
@@ -184,46 +139,52 @@ const Radio = /*#__PURE__*/forwardRef((_ref29, ref) => {
184
139
  error,
185
140
  name,
186
141
  value,
187
- size = 24,
188
- children,
142
+ label,
143
+ helper,
189
144
  className,
190
145
  autoFocus,
191
146
  onKeyDown,
192
147
  'aria-label': ariaLabel,
193
148
  'data-testid': dataTestId
194
- } = _ref29;
149
+ } = _ref19;
195
150
  const id = useId();
196
151
  const computedName = name ?? id;
197
- return jsxs(RadioContainer, {
198
- "aria-disabled": disabled,
199
- className: className,
200
- "data-checked": checked,
201
- "data-error": error,
202
- "data-testid": dataTestId,
203
- children: [jsx(RadioInput, {
204
- type: "radio",
205
- "aria-invalid": !!error,
152
+ return jsxs(Stack, {
153
+ gap: 0.5,
154
+ children: [jsxs(RadioContainer, {
206
155
  "aria-disabled": disabled,
207
- "aria-label": ariaLabel,
208
- checked: checked,
209
- id: `${computedName}-${value}`,
210
- onChange: onChange,
211
- onFocus: onFocus,
212
- onKeyDown: onKeyDown,
213
- onBlur: onBlur,
214
- value: value,
215
- disabled: disabled,
216
- name: computedName,
217
- autoFocus: autoFocus,
218
- ref: ref,
219
- size: size
220
- }), jsx(StyledIcon, {
221
- size: size,
222
- viewBox: "0 0 24 24",
223
- children: jsx(RadioMarkedIcon, {})
224
- }), children ? jsx("label", {
225
- htmlFor: `${computedName}-${value}`,
226
- children: children
156
+ className: className,
157
+ "data-checked": checked,
158
+ "data-error": error,
159
+ "data-testid": dataTestId,
160
+ children: [jsx(RadioInput, {
161
+ type: "radio",
162
+ "aria-invalid": !!error,
163
+ "aria-disabled": disabled,
164
+ "aria-label": ariaLabel,
165
+ checked: checked,
166
+ id: `${computedName}-${value}`,
167
+ onChange: onChange,
168
+ onFocus: onFocus,
169
+ onKeyDown: onKeyDown,
170
+ onBlur: onBlur,
171
+ value: value,
172
+ disabled: disabled,
173
+ name: computedName,
174
+ autoFocus: autoFocus,
175
+ ref: ref
176
+ }), jsx(Ring, {
177
+ viewBox: "0 0 24 24",
178
+ children: jsx(RadioMarkedIcon, {})
179
+ }), label ? jsx("label", {
180
+ htmlFor: `${computedName}-${value}`,
181
+ children: label
182
+ }) : null]
183
+ }), helper ? jsx(MargedText, {
184
+ as: "p",
185
+ variant: "bodySmall",
186
+ prominence: "weak",
187
+ children: helper
227
188
  }) : null]
228
189
  });
229
190
  });
package/dist/src/components/SelectableCard/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _styled from '@emotion/styled/base';
2
- import { forwardRef, useMemo, useRef } from 'react';
2
+ import { forwardRef, useRef } from 'react';
3
3
  import { Checkbox } from '../Checkbox/index.js';
4
4
  import { Radio } from '../Radio/index.js';
5
5
  import { Tooltip } from '../Tooltip/index.js';
@@ -68,7 +68,7 @@ const Container = /*#__PURE__*/_styled("div", {
68
68
  } = _ref12;
69
69
  return theme.shadows.hoverPrimary;
70
70
  }, ";}}}");
71
- const StyledElement = element => /*#__PURE__*/_styled(element, {
71
+ const StyledElement = /*#__PURE__*/_styled('div', {
72
72
  shouldForwardProp: prop => !['showTick', 'hasLabel'].includes(prop),
73
73
  target: "e1s5n3hj0"
74
74
  })("display:inline-flex;align-items:start;&[data-checked='true']{color:", _ref13 => {
@@ -98,6 +98,12 @@ const StyledElement = element => /*#__PURE__*/_styled(element, {
98
98
  } = _ref17;
99
99
  return !showTick && !hasLabel ? `display: none;` : null;
100
100
  }, ";}");
101
+ const StyledRadio = /*#__PURE__*/StyledElement.withComponent(Radio, {
102
+ target: "e1s5n3hj2"
103
+ });
104
+ const StyledCheckbox = /*#__PURE__*/StyledElement.withComponent(Checkbox, {
105
+ target: "e1s5n3hj3"
106
+ });
101
107
  const SelectableCard = /*#__PURE__*/forwardRef((_ref18, ref) => {
102
108
  let {
103
109
  name,
@@ -117,7 +123,6 @@ const SelectableCard = /*#__PURE__*/forwardRef((_ref18, ref) => {
117
123
  label,
118
124
  'data-testid': dataTestId
119
125
  } = _ref18;
120
- const Element = useMemo(() => StyledElement(type === 'radio' ? Radio : Checkbox), [type]);
121
126
  const innerRef = useRef(null);
122
127
  return jsx(Tooltip, {
123
128
  text: tooltip,
@@ -133,7 +138,22 @@ const SelectableCard = /*#__PURE__*/forwardRef((_ref18, ref) => {
133
138
  "data-error": isError,
134
139
  "data-testid": dataTestId,
135
140
  ref: ref,
136
- children: [jsx(Element, {
141
+ children: [type === 'radio' ? jsx(StyledRadio, {
142
+ name: name,
143
+ value: value,
144
+ onChange: onChange,
145
+ showTick: showTick,
146
+ checked: checked,
147
+ disabled: disabled,
148
+ error: isError,
149
+ onFocus: onFocus,
150
+ onBlur: onBlur,
151
+ hasLabel: !!label,
152
+ id: id,
153
+ ref: innerRef,
154
+ "data-error": isError,
155
+ label: label
156
+ }) : jsx(StyledCheckbox, {
137
157
  name: name,
138
158
  value: value,
139
159
  onChange: onChange,
package/dist/src/components/TagList/index.js CHANGED
@@ -42,6 +42,7 @@ const StyledTagContainer = /*#__PURE__*/_styled("div", {
42
42
  return multiline && `flex-wrap: wrap;`;
43
43
  }, ";");
44
44
  const DEFAULT_TAGS = [];
45
+ const getTagLabel = tag => typeof tag === 'object' ? tag.label : tag;
45
46
  const TagList = _ref5 => {
46
47
  let {
47
48
  maxLength = 600,
@@ -56,7 +57,7 @@ const TagList = _ref5 => {
56
57
  'data-testid': dataTestId
57
58
  } = _ref5;
58
59
  let tmpThreshold = threshold;
59
- if (tags.length > 0 && tags.slice(0, tmpThreshold).reduce((_, tag) => _ + tag).length > maxLength) {
60
+ if (tags.length > 0 && tags.slice(0, tmpThreshold).reduce((acc, tag) => acc + getTagLabel(tag), '').length > maxLength) {
60
61
  // If total tags length in characters is above maxLength,
61
62
  // threshold is decremented in order to prevent too many long tags displayed.
62
63
  tmpThreshold -= 1;
@@ -79,9 +80,10 @@ const TagList = _ref5 => {
79
80
  copiable: copiable,
80
81
  copyText: copyText,
81
82
  copiedText: copiedText,
82
- children: tag
83
- }, `${tag}-${index}`))
84
- }), hasManyTags && jsx(Popover, {
83
+ icon: typeof tag === 'object' ? tag.icon : undefined,
84
+ children: getTagLabel(tag)
85
+ }, `${getTagLabel(tag)}-${index}`))
86
+ }), hasManyTags ? jsx(Popover, {
85
87
  title: popoverTitle,
86
88
  visible: isVisible,
87
89
  size: "small",
@@ -95,15 +97,16 @@ const TagList = _ref5 => {
95
97
  copiable: copiable,
96
98
  copyText: copyText,
97
99
  copiedText: copiedText,
98
- children: tag
99
- }, `${tag}-${index}`))
100
+ icon: typeof tag === 'object' ? tag.icon : undefined,
101
+ children: getTagLabel(tag)
102
+ }, `${getTagLabel(tag)}-${index}`))
100
103
  }),
101
104
  children: jsxs(TagsWrapper, {
102
105
  "data-testid": `${dataTestId ?? 'taglist'}-open`,
103
106
  onClick: () => setIsVisible(true),
104
107
  children: ["+", tags.length - tmpThreshold]
105
108
  })
106
- })]
109
+ }) : null]
107
110
  });
108
111
  };
109
112
 
package/dist/src/components/Text/index.js CHANGED
@@ -17,6 +17,7 @@ const PROMINENCES = {
17
17
  */
18
18
  const generateStyles = _ref => {
19
19
  let {
20
+ placement,
20
21
  prominence,
21
22
  color,
22
23
  variant,
@@ -40,6 +41,7 @@ const generateStyles = _ref => {
40
41
  line-height: ${theme.typography[variant].lineHeight};
41
42
  text-transform: ${theme.typography[variant].textCase};
42
43
  text-decoration: ${theme.typography[variant].textDecoration};
44
+ ${placement ? ` text-align: ${placement};` : ''}
43
45
 
44
46
  ${oneLine ? `white-space: nowrap;
45
47
  text-overflow: ellipsis;
@@ -49,7 +51,7 @@ const generateStyles = _ref => {
49
51
  `;
50
52
  };
51
53
  const StyledText = /*#__PURE__*/_styled('div', {
52
- shouldForwardProp: prop => !['as', 'variant', 'color', 'prominence', 'oneLine', 'disabled', 'italic', 'underline'].includes(prop),
54
+ shouldForwardProp: prop => !['as', 'placement', 'variant', 'color', 'prominence', 'oneLine', 'disabled', 'italic', 'underline'].includes(prop),
53
55
  target: "e13y3mga0"
54
56
  })(generateStyles);
55
57
  const Text = _ref2 => {
@@ -59,6 +61,7 @@ const Text = _ref2 => {
59
61
  as,
60
62
  color = 'neutral',
61
63
  oneLine = false,
64
+ placement,
62
65
  prominence = 'default',
63
66
  className,
64
67
  disabled = false,
@@ -86,6 +89,7 @@ const Text = _ref2 => {
86
89
  children: jsx(StyledText, {
87
90
  ref: elementRef,
88
91
  as: as,
92
+ placement: placement,
89
93
  prominence: prominence,
90
94
  color: color,
91
95
  variant: variant,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ultraviolet/ui",
3
- "version": "1.7.0",
3
+ "version": "1.8.1",
4
4
  "description": "Ultraviolet UI",
5
5
  "homepage": "https://github.com/scaleway/ultraviolet#readme",
6
6
  "repository": {
@@ -39,7 +39,7 @@
39
39
  "react-dom": "18.2.0"
40
40
  },
41
41
  "devDependencies": {
42
- "@babel/core": "7.22.8",
42
+ "@babel/core": "7.22.9",
43
43
  "@emotion/babel-plugin": "11.11.0",
44
44
  "@emotion/react": "11.11.1",
45
45
  "@emotion/styled": "11.11.0",