@devtron-labs/devtron-fe-common-lib 1.20.1-pre-3 → 1.20.1-pre-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/{@code-editor-Azr9ZMMN.js → @code-editor-BIS90nLL.js} +4802 -4718
  2. package/dist/{@common-rjsf-CVmccE09.js → @common-rjsf-D6MpAfuH.js} +1 -1
  3. package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/PageHeader.d.ts +1 -0
  4. package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/constants.d.ts +2 -0
  5. package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/index.d.ts +1 -0
  6. package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/types.d.ts +12 -0
  7. package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/utils.d.ts +2 -0
  8. package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/index.d.ts +1 -0
  9. package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts +1 -1
  10. package/dist/Pages-Devtron-2.0/index.d.ts +1 -0
  11. package/dist/Shared/Components/Badge/utils.d.ts +2 -1
  12. package/dist/Shared/Components/Charts/index.d.ts +1 -0
  13. package/dist/Shared/Components/Charts/plugins.d.ts +5 -0
  14. package/dist/Shared/Components/Charts/types.d.ts +29 -5
  15. package/dist/Shared/Components/Charts/utils.d.ts +4 -3
  16. package/dist/Shared/Components/Icon/Icon.d.ts +6 -0
  17. package/dist/assets/ic-bg-build.7de825b3.svg +13 -0
  18. package/dist/assets/ic-bg-deploy.266711fe.svg +22 -0
  19. package/dist/assets/ic-bg-production-pipelines.5965401c.svg +21 -0
  20. package/dist/assets/ic-bg-project.84658405.svg +12 -0
  21. package/dist/assets/ic-bg-scan.2249360c.svg +28 -0
  22. package/dist/assets/ic-graph-negative.d49ba2b7.svg +4 -0
  23. package/dist/index.js +1017 -974
  24. package/package.json +1 -1
  25. package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/Overview.d.ts +0 -1
  26. package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/index.d.ts +0 -1
@@ -1,7 +1,7 @@
1
1
  import { j as n, aI as v, aK as W, aJ as K } from "./@vendor-DMIFbFhR.js";
2
2
  import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
3
3
  import z, { getDefaultRegistry as Q } from "@rjsf/core";
4
- import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as I, e as ne } from "./@code-editor-Azr9ZMMN.js";
4
+ import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as I, e as ne } from "./@code-editor-BIS90nLL.js";
5
5
  import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
6
6
  import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
7
7
  import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";
@@ -0,0 +1 @@
1
+ export declare const ApplicationManagementPageHeader: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { BreadcrumbConfig } from './types';
2
+ export declare const APPLICATION_MANAGEMENT_BREADCRUMB_CONFIG: BreadcrumbConfig[];
@@ -0,0 +1 @@
1
+ export * from './PageHeader';
@@ -0,0 +1,12 @@
1
+ export type BreadcrumbKey = 'overview';
2
+ export interface BreadcrumbConfig {
3
+ key: BreadcrumbKey;
4
+ route: string;
5
+ heading: string;
6
+ }
7
+ export interface BreadcrumbAlias {
8
+ [key: string]: {
9
+ component: React.ReactNode;
10
+ linked: boolean;
11
+ } | null;
12
+ }
@@ -0,0 +1,2 @@
1
+ import { useBreadcrumb } from '../../../../Common/index';
2
+ export declare const getApplicationManagementBreadcrumbs: (url: string) => Parameters<typeof useBreadcrumb>[0];
@@ -0,0 +1 @@
1
+ export * from './PageHeader';
@@ -1 +1 @@
1
- export * from './Overview';
1
+ export * from './Shared';
@@ -1,2 +1,3 @@
1
+ export * from './ApplicationManagement';
1
2
  export * from './CostVisibility';
2
3
  export * from './InfrastructureManagement';
@@ -1,7 +1,8 @@
1
- import { IconBaseColorType } from '../../types';
1
+ import { IconBaseColorType, IconBaseSizeType } from '../../types';
2
2
  import { BadgeProps } from './types';
3
3
  export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
4
4
  styles: string;
5
5
  iconColor: IconBaseColorType;
6
6
  };
7
7
  export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";
8
+ export declare const COMPONENT_SIZE_TO_ICON_SIZE_MAP: Record<BadgeProps['size'], IconBaseSizeType>;
@@ -1,2 +1,3 @@
1
1
  export { default as Chart } from './Chart.component';
2
+ export { CHART_COLORS } from './constants';
2
3
  export type { ChartColorKey, ChartProps, ChartType, SimpleDataset, SimpleDatasetForPie } from './types';
@@ -0,0 +1,5 @@
1
+ import { Plugin } from 'chart.js';
2
+ import { AppThemeType } from '../../Providers';
3
+ import { ChartType } from './types';
4
+ export declare const getAverageLinePlugin: (averageValue: number, appTheme: AppThemeType) => Plugin;
5
+ export declare const getSeparatorLinePlugin: (separatorIndex: number, chartType: ChartType, appTheme: AppThemeType) => Plugin;
@@ -1,4 +1,6 @@
1
+ import { ChartOptions } from 'chart.js';
1
2
  import { AppThemeType } from '../../Providers';
3
+ import { Never } from '../../types';
2
4
  export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
3
5
  type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
4
6
  type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
@@ -17,19 +19,34 @@ export interface SimpleDatasetForPie extends BaseSimpleDataset {
17
19
  export interface SimpleDatasetForLine extends BaseSimpleDataset {
18
20
  borderColor: ChartColorKey;
19
21
  }
20
- type TypeAndDatasetsType = {
22
+ type XYAxisMax = {
23
+ xAxisMax?: number;
24
+ yAxisMax?: number;
25
+ };
26
+ type TypeAndDatasetsType = ({
21
27
  type: 'pie';
22
28
  /**
23
29
  * Needs to be memoized
24
30
  */
25
31
  datasets: SimpleDatasetForPie;
26
- } | {
32
+ separatorIndex?: never;
33
+ averageLineValue?: never;
34
+ } & Never<XYAxisMax>) | ({
27
35
  type: 'line';
28
36
  datasets: SimpleDatasetForLine[];
29
- } | {
30
- type: Exclude<ChartType, 'pie' | 'line'>;
37
+ separatorIndex?: never;
38
+ averageLineValue?: number;
39
+ } & XYAxisMax) | ({
40
+ type: 'area';
31
41
  datasets: SimpleDataset[];
32
- };
42
+ separatorIndex?: never;
43
+ averageLineValue?: number;
44
+ } & XYAxisMax) | ({
45
+ type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
46
+ datasets: SimpleDataset[];
47
+ separatorIndex?: number;
48
+ averageLineValue?: never;
49
+ } & XYAxisMax);
33
50
  export type ChartProps = {
34
51
  id: string;
35
52
  /**
@@ -41,6 +58,10 @@ export type ChartProps = {
41
58
  * @default false
42
59
  */
43
60
  hideAxis?: boolean;
61
+ /**
62
+ * Callback function for chart click events
63
+ */
64
+ onChartClick?: ChartOptions['onClick'];
44
65
  } & TypeAndDatasetsType;
45
66
  export type TransformDatasetProps = {
46
67
  appTheme: AppThemeType;
@@ -58,4 +79,7 @@ export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
58
79
  export type TransformDataForChartProps = {
59
80
  appTheme: AppThemeType;
60
81
  } & TypeAndDatasetsType;
82
+ export interface GetDefaultOptionsParams extends Pick<ChartProps, 'hideAxis' | 'onChartClick' | 'type' | 'xAxisMax' | 'yAxisMax'> {
83
+ appTheme: AppThemeType;
84
+ }
61
85
  export {};
@@ -1,11 +1,12 @@
1
1
  import { ChartDataset, ChartOptions, ChartType as ChartJSChartType } from 'chart.js';
2
- import { AppThemeType } from '../../Providers';
3
- import { ChartType, TransformDataForChartProps } from './types';
2
+ import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
4
3
  export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
5
- export declare const getDefaultOptions: (type: ChartType, appTheme: AppThemeType, hideAxis: boolean) => ChartOptions;
4
+ export declare const getDefaultOptions: ({ type, appTheme, hideAxis, xAxisMax, yAxisMax, onChartClick, }: GetDefaultOptionsParams) => ChartOptions;
6
5
  export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
7
6
  label: string;
8
7
  data: number[];
9
8
  backgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
10
9
  borderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
10
+ pointBackgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
11
+ pointBorderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
11
12
  })[];
@@ -18,8 +18,13 @@ export declare const iconMap: {
18
18
  'ic-aws-codecommit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
19
19
  'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
20
20
  'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
21
+ 'ic-bg-build': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
21
22
  'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
23
+ 'ic-bg-deploy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
22
24
  'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
25
+ 'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
26
+ 'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
27
+ 'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
23
28
  'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
24
29
  'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
25
30
  'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -122,6 +127,7 @@ export declare const iconMap: {
122
127
  'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
123
128
  'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
124
129
  'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
130
+ 'ic-graph-negative': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
125
131
  'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
126
132
  'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
127
133
  'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -0,0 +1,13 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <g clip-path="url(#a)">
3
+ <rect width="24" height="24" fill="#FFE5DE" rx="6"/>
4
+ <path fill="#8898A6" fill-rule="evenodd" d="M17.396 6.271 15.98 7.67a.452.452 0 0 0 0 .643l1.052 1.04c.18.177.47.177.65 0l1.416-1.4a.18.18 0 0 1 .298.08c.268.98.014 2.07-.764 2.838a2.986 2.986 0 0 1-3.13.672l-6.125 6.62a1.646 1.646 0 0 1-2.362.052 1.603 1.603 0 0 1 .06-2.343l6.713-5.984a2.902 2.902 0 0 1 .656-3.156 2.986 2.986 0 0 1 2.871-.755.175.175 0 0 1 .08.294Zm-9.679 10.79c0 .267.22.484.49.484s.49-.217.49-.485a.487.487 0 0 0-.49-.483c-.27 0-.49.216-.49.483Z" clip-rule="evenodd"/>
5
+ <path fill="#F4910D" fill-rule="evenodd" d="m8.355 10.166 1.679-1.659 8.104 8.011c.32.316.32.829 0 1.145l-.52.514a.826.826 0 0 1-1.158 0l-8.105-8.011Z" clip-rule="evenodd"/>
6
+ <path fill="#66757F" fill-rule="evenodd" d="m7.1 11.927.47-.465.044-.31a.485.485 0 0 1 .654-.38l2.098-2.074-.083-.655a1.49 1.49 0 0 1 .432-1.246 1.8 1.8 0 0 1 1.266-.518h.833c-1.312-1.296-2.55-1.368-3.716-.216L6.212 8.916a.826.826 0 0 1-.627.236L5.21 9.13l-.47.464a.803.803 0 0 0 0 1.145l1.201 1.188a.826.826 0 0 0 1.158 0Z" clip-rule="evenodd"/>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="a">
10
+ <path fill="#fff" d="M0 0h24v24H0z"/>
11
+ </clipPath>
12
+ </defs>
13
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <g clip-path="url(#a)">
3
+ <rect width="24" height="24" fill="#F3F0FF" rx="6"/>
4
+ <path fill="#FE636E" d="M7.273 13.64c-1.055.055-2.858.653-2.684 1.903.44 3.172-3.027 4.19 1.588 4.19 2.321 0 3.785-1.018 4.006-3.155l-.627-2.423-2.283-.515Z"/>
5
+ <path fill="#FFD659" d="M8.103 14.479c-.49.025-1.327.303-1.247.884.205 1.473-1.406 1.946.738 1.946 1.078 0 1.759-.473 1.861-1.466l-.237-1.197-1.115-.168Z"/>
6
+ <path fill="#FB2A39" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.652 3.652 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
7
+ <path fill="#FFBF00" d="M8.964 15.349c-.23.712-.859 1.053-1.776 1.053a8.38 8.38 0 0 1-.47-.01c-.27.676-.657.918.876.918.715 0 1.255-.208 1.568-.638.125-.173.214-.38.262-.625a1.87 1.87 0 0 0 .031-.203l-.49-.495Z"/>
8
+ <path fill="#99B4CD" d="m8.55 11.901-1.377.808c-.276.162-.23.597-.01.82l.11.11.83.84 1.352 1.364.728.735.38.383c.22.222.651.268.812-.01l.8-1.39-.905-3.519-2.72-.14Zm11.148-8.108c-.662-.122-1.867.006-3.335.508l.66 2.45 2.683.916c.5-1.491.625-2.713.498-3.376-.073-.387-.12-.426-.506-.498Z"/>
9
+ <path fill="#06C" d="M12.14 6.521c-1.838-.67-3.26-.364-4.703.954-.67.65-1.783 1.504-.863 2.432l1.143 1.154 3.286-1.675L12.14 6.52Zm5.365 5.416-3.09 1.289-1.408 3.175 1.143 1.155c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.945-4.748Z"/>
10
+ <path fill="#E5E5E5" d="M19.706 7.667c-.077.233-.164.473-.26.717a16.894 16.894 0 0 1-1.942 3.553 18.865 18.865 0 0 1-4.497 4.465l-.227-.229-.606-.612-1.636-1.651-.176-.178-.177-.179-1.636-1.651-.832-.84a18.872 18.872 0 0 1 4.422-4.54c1.483-1.073 2.953-1.787 4.224-2.221l3.343 3.366Z"/>
11
+ <path fill="#6C9ABB" d="M19.49 3.765c.065.695-.08 1.815-.528 3.152l.744.75c.5-1.491.624-2.713.498-3.376-.073-.387-.12-.427-.506-.498a2.132 2.132 0 0 0-.208-.028Z"/>
12
+ <path fill="#C7C7C7" d="M18.7 7.634a16.87 16.87 0 0 1-1.94 3.553 18.227 18.227 0 0 1-1.27 1.59 18.82 18.82 0 0 1-1.566 1.559c-.511.452-1.064.893-1.66 1.315l.516.522.227.229a18.857 18.857 0 0 0 4.497-4.465 16.884 16.884 0 0 0 1.942-3.553c.096-.244.183-.484.26-.717l-.744-.75a13.42 13.42 0 0 1-.261.717Z"/>
13
+ <path fill="#6C9ABB" d="m11.268 14.646-.799 1.39c-.16.279-.592.233-.813.01l.527.533.38.383c.22.222.651.268.812-.01l.8-1.39-.907-.915Z"/>
14
+ <path fill="#0053A6" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Z"/>
15
+ <path fill="#C7C7C7" d="m11.822 12.615-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
16
+ </g>
17
+ <defs>
18
+ <clipPath id="a">
19
+ <path fill="#fff" d="M0 0h24v24H0z"/>
20
+ </clipPath>
21
+ </defs>
22
+ </svg>
@@ -0,0 +1,21 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <g clip-path="url(#a)">
3
+ <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
4
+ <path fill="#FF6B6B" d="M7.273 13.64c-1.055.055-2.858.653-2.684 1.903.44 3.172-3.027 4.19 1.588 4.19 2.321 0 3.785-1.018 4.006-3.155l-.627-2.423-2.283-.515Z"/>
5
+ <path fill="#FFC266" d="M8.103 14.479c-.49.025-1.327.303-1.247.884.205 1.473-1.406 1.946.738 1.946 1.078 0 1.759-.473 1.861-1.466l-.237-1.197-1.115-.168Z"/>
6
+ <path fill="#F33E3E" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.652 3.652 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
7
+ <path fill="#FFB549" d="M8.964 15.349c-.23.712-.859 1.053-1.776 1.053a8.38 8.38 0 0 1-.47-.01c-.27.676-.657.918.876.918.715 0 1.255-.208 1.568-.638.125-.173.214-.38.262-.625a1.87 1.87 0 0 0 .031-.203l-.49-.495Z"/>
8
+ <path fill="#B6E9D3" d="m8.55 11.901-1.377.808c-.276.162-.23.597-.01.82l.11.11.83.84 1.352 1.364.728.735.38.383c.22.222.651.268.812-.01l.8-1.39-.905-3.519-2.72-.14Zm11.148-8.108c-.662-.122-1.867.006-3.335.508l.66 2.45 2.683.916c.5-1.491.625-2.713.498-3.376-.073-.387-.12-.426-.506-.498Z"/>
9
+ <path fill="#1DAD70" d="M12.14 6.521c-1.838-.67-3.26-.364-4.703.954-.67.65-1.783 1.504-.863 2.432l1.143 1.154 3.286-1.675L12.14 6.52Zm5.365 5.416-3.09 1.289-1.408 3.175 1.143 1.155c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.945-4.748Z"/>
10
+ <path fill="#fff" d="M19.706 7.667c-.077.233-.164.473-.26.717a16.894 16.894 0 0 1-1.942 3.553 18.865 18.865 0 0 1-4.497 4.465l-.227-.229-.606-.612-1.636-1.651-.176-.178-.177-.179-1.636-1.651-.832-.84a18.872 18.872 0 0 1 4.422-4.54c1.483-1.073 2.953-1.787 4.224-2.221l3.343 3.366Z"/>
11
+ <path fill="#7ACCAA" d="M19.49 3.765c.065.695-.08 1.815-.528 3.152l.744.75c.5-1.491.624-2.713.498-3.376-.073-.387-.12-.427-.506-.498a2.132 2.132 0 0 0-.208-.028Z"/>
12
+ <path fill="#D0D4D9" d="M18.7 7.634a16.87 16.87 0 0 1-1.94 3.553 18.227 18.227 0 0 1-1.27 1.59 18.82 18.82 0 0 1-1.566 1.559c-.511.452-1.064.893-1.66 1.315l.516.522.227.229a18.857 18.857 0 0 0 4.497-4.465 16.884 16.884 0 0 0 1.942-3.553c.096-.244.183-.484.26-.717l-.744-.75a13.42 13.42 0 0 1-.261.717Z"/>
13
+ <path fill="#7ACCAA" d="m11.268 14.646-.799 1.39c-.16.279-.592.233-.813.01l.527.533.38.383c.22.222.651.268.812-.01l.8-1.39-.907-.915Z"/>
14
+ <path fill="#168859" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Zm.847 6.395-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
15
+ </g>
16
+ <defs>
17
+ <clipPath id="a">
18
+ <path fill="#fff" d="M0 0h24v24H0z"/>
19
+ </clipPath>
20
+ </defs>
21
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <g clip-path="url(#a)">
3
+ <rect width="24" height="24" fill="#E5F2FF" rx="6"/>
4
+ <path fill="#72ACE6" d="M18 7.5h-6.75L9.75 6H6c-.825 0-1.5.675-1.5 1.5v3h15V9c0-.825-.675-1.5-1.5-1.5Z"/>
5
+ <path fill="#ABCFF3" d="M18 7.5H6c-.825 0-1.5.675-1.5 1.5v7.5c0 .825.675 1.5 1.5 1.5h12c.825 0 1.5-.675 1.5-1.5V9c0-.825-.675-1.5-1.5-1.5Z"/>
6
+ </g>
7
+ <defs>
8
+ <clipPath id="a">
9
+ <path fill="#fff" d="M0 0h24v24H0z"/>
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,28 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <g clip-path="url(#a)">
3
+ <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
4
+ <path fill="#373952" fill-rule="evenodd" d="M11.913 12.717c0-.185.15-.336.337-.336h5.495a.337.337 0 1 1 0 .673H12.25a.337.337 0 0 1-.337-.337Z" clip-rule="evenodd"/>
5
+ <path fill="#373952" fill-rule="evenodd" d="M5.919 12.717c0-.185.15-.336.336-.336h5.495a.337.337 0 1 1 0 .673H6.255a.337.337 0 0 1-.336-.337Z" clip-rule="evenodd"/>
6
+ <path fill="#373952" fill-rule="evenodd" d="M16.754 9.134c.186 0 .337.15.337.337v1.03a.337.337 0 0 1-.188.302l-8.82 4.34v.822a.337.337 0 1 1-.674 0v-1.03c0-.129.073-.246.188-.303l8.82-4.34V9.47c0-.186.151-.337.337-.337Z" clip-rule="evenodd"/>
7
+ <path fill="#373952" fill-rule="evenodd" d="M7.247 9.134c.185 0 .336.151.336.337v.82l8.82 4.341a.337.337 0 0 1 .188.303v1.03a.337.337 0 1 1-.673 0v-.821l-8.82-4.34a.337.337 0 0 1-.188-.303v-1.03c0-.186.15-.337.337-.337Z" clip-rule="evenodd"/>
8
+ <path fill="#E54857" d="M12 16.714c2.07 0 3.747-1.845 3.747-4.121 0-.743-.179-1.473-.491-2.096-.265-.527-.848-.776-1.438-.776h-3.635c-.59 0-1.173.25-1.438.776a4.715 4.715 0 0 0-.491 2.096c0 2.276 1.677 4.121 3.747 4.121Z"/>
9
+ <circle cx="10.251" cy="7.722" r=".749" fill="#E9E9EE"/>
10
+ <circle cx="13.748" cy="7.722" r=".749" fill="#E9E9EE"/>
11
+ <path fill="#3D405B" d="M14.398 9.72H9.602c0-1.655 1.399-2.497 2.398-2.497 1 0 2.398.842 2.398 2.497Z"/>
12
+ <circle cx="10.189" cy="11.656" r=".437" fill="#F9F183"/>
13
+ <circle cx="13.998" cy="13.966" r=".5" fill="#F9F183"/>
14
+ <path fill="#C7384C" fill-rule="evenodd" d="M11.73 16.714V9.721h.54v6.993h-.54Z" clip-rule="evenodd"/>
15
+ <path fill="url(#b)" d="M4.101 4.101h15.798V12H4.101z"/>
16
+ <path fill="#3B444C" fill-rule="evenodd" d="M3.563 5.178c0-.892.723-1.615 1.615-1.615h2.154a.539.539 0 1 1 0 1.077H5.178a.539.539 0 0 0-.538.538v2.154a.539.539 0 0 1-1.077 0V5.178Zm12.566-1.077c0-.297.241-.538.539-.538h2.154c.892 0 1.616.723 1.616 1.615v2.154a.539.539 0 1 1-1.078 0V5.178a.539.539 0 0 0-.538-.538h-2.154a.539.539 0 0 1-.539-.539ZM4.101 16.13c.298 0 .539.241.539.539v2.154c0 .297.24.538.538.538h2.154a.539.539 0 1 1 0 1.078H5.178a1.616 1.616 0 0 1-1.615-1.616v-2.154c0-.298.24-.539.538-.539Zm15.798 0c.297 0 .538.241.538.539v2.154c0 .892-.723 1.616-1.615 1.616h-2.154a.539.539 0 1 1 0-1.078h2.154a.539.539 0 0 0 .538-.538v-2.154a.54.54 0 0 1 .539-.539Z" clip-rule="evenodd"/>
17
+ <path fill="#46F4FF" fill-rule="evenodd" d="M3.832 12c0-.149.12-.27.27-.27h15.797a.27.27 0 1 1 0 .539H4.1a.27.27 0 0 1-.27-.27Z" clip-rule="evenodd"/>
18
+ </g>
19
+ <defs>
20
+ <linearGradient id="b" x1="12" x2="12" y1="4.101" y2="11.999" gradientUnits="userSpaceOnUse">
21
+ <stop stop-color="#46F4FF" stop-opacity="0"/>
22
+ <stop offset="1" stop-color="#46F4FF" stop-opacity=".6"/>
23
+ </linearGradient>
24
+ <clipPath id="a">
25
+ <path fill="#fff" d="M0 0h24v24H0z"/>
26
+ </clipPath>
27
+ </defs>
28
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <path fill="#F33E3E" d="M5.25 12h-1.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5Zm7.5-4.5h-1.5A1.5 1.5 0 0 0 9.75 9v10.5a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5V9a1.5 1.5 0 0 0-1.5-1.5Z"/>
3
+ <path fill="#B1B7BC" d="M20.25 3h-1.5a1.5 1.5 0 0 0-1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h1.5a1.5 1.5 0 0 0 1.5-1.5v-15a1.5 1.5 0 0 0-1.5-1.5Z" opacity=".4"/>
4
+ </svg>