@ultraviolet/ui 1.7.0 → 1.8.0
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.
- package/dist/index.d.ts +7 -5
- package/dist/src/components/Banner/assets/default-image-small.svg.js +5 -0
- package/dist/src/components/Banner/assets/default-image.svg.js +5 -0
- package/dist/src/components/Banner/assets/intro-compact-left-pattern.svg.js +5 -0
- package/dist/src/components/Banner/assets/intro-compact-right-pattern.svg.js +5 -0
- package/dist/src/components/Banner/assets/intro-pattern.svg.js +5 -0
- package/dist/src/components/Banner/assets/promotion-compact-left-pattern.svg.js +5 -0
- package/dist/src/components/Banner/assets/promotion-compact-right-pattern.svg.js +5 -0
- package/dist/src/components/Banner/assets/promotion-pattern.svg.js +5 -0
- package/dist/src/components/Banner/index.js +83 -22
- package/dist/src/components/Radio/index.js +104 -143
- package/dist/src/components/SelectableCard/index.js +24 -4
- package/dist/src/components/Text/index.js +5 -1
- 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
|
-
|
|
1795
|
+
label?: never;
|
|
1796
1796
|
} | {
|
|
1797
1797
|
'aria-label'?: never;
|
|
1798
|
-
|
|
1798
|
+
label: ReactNode;
|
|
1799
1799
|
});
|
|
1800
1800
|
declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
|
|
1801
1801
|
|
|
@@ -2262,10 +2262,12 @@ declare const PROMINENCES: {
|
|
|
2262
2262
|
weak: string;
|
|
2263
2263
|
};
|
|
2264
2264
|
type ProminenceProps = keyof typeof PROMINENCES;
|
|
2265
|
+
type PlacementProps = react__default.CSSProperties['textAlign'];
|
|
2265
2266
|
type TextVariant = keyof typeof typography;
|
|
2266
2267
|
type TextProps = {
|
|
2267
2268
|
className?: string;
|
|
2268
2269
|
children: ReactNode;
|
|
2270
|
+
placement?: PlacementProps;
|
|
2269
2271
|
variant: TextVariant;
|
|
2270
2272
|
color?: Color;
|
|
2271
2273
|
prominence?: ProminenceProps;
|
|
@@ -2279,7 +2281,7 @@ type TextProps = {
|
|
|
2279
2281
|
htmlFor?: string;
|
|
2280
2282
|
'data-testid'?: string;
|
|
2281
2283
|
};
|
|
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;
|
|
2284
|
+
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
2285
|
|
|
2284
2286
|
declare const inputSizes: {
|
|
2285
2287
|
medium: {
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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: "
|
|
12
|
-
})("padding:",
|
|
44
|
+
target: "e1kdwp5x1"
|
|
45
|
+
})("padding:", _ref2 => {
|
|
13
46
|
let {
|
|
14
47
|
theme,
|
|
15
48
|
size
|
|
16
|
-
} =
|
|
49
|
+
} = _ref2;
|
|
17
50
|
return theme.space[size === 'small' ? '2' : '3'];
|
|
18
|
-
}, ";border-radius:",
|
|
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
|
|
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
|
-
}, "
|
|
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
|
|
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
|
-
} =
|
|
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: [
|
|
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:
|
|
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
|
|
96
|
-
sentiment:
|
|
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?.();
|
|
@@ -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: "
|
|
7
|
-
})(
|
|
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: "
|
|
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: "
|
|
18
|
+
r: "10",
|
|
21
19
|
strokeWidth: "2"
|
|
22
20
|
}), jsx(InnerCircleRing, {
|
|
23
21
|
cx: "12",
|
|
24
22
|
cy: "12",
|
|
25
|
-
r: "
|
|
23
|
+
r: "8"
|
|
26
24
|
}), jsx(RadioMark, {
|
|
27
25
|
cx: "12",
|
|
28
26
|
cy: "12",
|
|
29
|
-
r: "
|
|
27
|
+
r: "5"
|
|
30
28
|
})]
|
|
31
29
|
});
|
|
32
|
-
const
|
|
33
|
-
target: "
|
|
34
|
-
})("height:",
|
|
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
|
-
|
|
34
|
+
theme
|
|
35
|
+
} = _ref;
|
|
36
|
+
return theme.radii.circle;
|
|
37
|
+
}, ";fill:", _ref2 => {
|
|
38
|
+
let {
|
|
39
|
+
theme
|
|
37
40
|
} = _ref2;
|
|
38
|
-
return
|
|
39
|
-
}, "
|
|
41
|
+
return theme.colors.neutral.border;
|
|
42
|
+
}, ";", InnerCircleRing, "{fill:", _ref3 => {
|
|
40
43
|
let {
|
|
41
|
-
|
|
44
|
+
theme
|
|
42
45
|
} = _ref3;
|
|
43
|
-
return
|
|
44
|
-
}, "
|
|
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
|
-
|
|
52
|
+
theme
|
|
47
53
|
} = _ref4;
|
|
48
|
-
return
|
|
49
|
-
}, "
|
|
54
|
+
return theme.colors.primary.backgroundStrong;
|
|
55
|
+
}, ";}&[aria-invalid='true']:not([aria-disabled='true'])+", Ring, "{fill:", _ref5 => {
|
|
50
56
|
let {
|
|
51
|
-
|
|
57
|
+
theme
|
|
52
58
|
} = _ref5;
|
|
53
|
-
return
|
|
54
|
-
}, "
|
|
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.
|
|
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.
|
|
64
|
-
}, ";",
|
|
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.
|
|
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
|
-
|
|
77
|
+
theme
|
|
76
78
|
} = _ref9;
|
|
77
|
-
return
|
|
78
|
-
}, "
|
|
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
|
-
|
|
85
|
+
theme
|
|
81
86
|
} = _ref10;
|
|
82
|
-
return
|
|
83
|
-
}, "
|
|
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.
|
|
88
|
-
}, ";}
|
|
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.
|
|
93
|
-
}, ";
|
|
97
|
+
return theme.colors.primary.border;
|
|
98
|
+
}, ";", InnerCircleRing, "{fill:", _ref13 => {
|
|
94
99
|
let {
|
|
95
100
|
theme
|
|
96
101
|
} = _ref13;
|
|
97
|
-
return theme.colors.primary.
|
|
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.
|
|
107
|
+
return theme.colors.danger.border;
|
|
103
108
|
}, ";", InnerCircleRing, "{fill:", _ref15 => {
|
|
104
109
|
let {
|
|
105
110
|
theme
|
|
106
111
|
} = _ref15;
|
|
107
|
-
return theme.colors.
|
|
108
|
-
}, ";}}&[aria-
|
|
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.
|
|
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.
|
|
118
|
-
}, ";"
|
|
119
|
-
|
|
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
|
-
})("
|
|
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
|
-
} =
|
|
140
|
-
return theme.
|
|
141
|
-
}, ";"
|
|
142
|
-
|
|
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
|
-
|
|
188
|
-
|
|
142
|
+
label,
|
|
143
|
+
helper,
|
|
189
144
|
className,
|
|
190
145
|
autoFocus,
|
|
191
146
|
onKeyDown,
|
|
192
147
|
'aria-label': ariaLabel,
|
|
193
148
|
'data-testid': dataTestId
|
|
194
|
-
} =
|
|
149
|
+
} = _ref19;
|
|
195
150
|
const id = useId();
|
|
196
151
|
const computedName = name ?? id;
|
|
197
|
-
return jsxs(
|
|
198
|
-
|
|
199
|
-
|
|
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
|
-
|
|
208
|
-
checked: checked,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
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
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _styled from '@emotion/styled/base';
|
|
2
|
-
import { forwardRef,
|
|
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 =
|
|
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(
|
|
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,
|
|
@@ -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.
|
|
3
|
+
"version": "1.8.0",
|
|
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.
|
|
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",
|