@selfdecode/sd-component-library 4.0.68 → 4.0.70
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/lib/components/boolean-feedback/index.d.ts +0 -1
- package/lib/components/buttons/index.d.ts +0 -7
- package/lib/components/containers/grid-containers/fr-fr-container/fr-fr-container.d.ts +1 -0
- package/lib/components/containers/grid-containers/fr-max-container/fr-max-container.d.ts +1 -0
- package/lib/components/containers/grid-containers/max-fr-container/max-fr-container.d.ts +1 -0
- package/lib/components/containers/grid-containers/max-max-container/max-max-container.d.ts +1 -0
- package/lib/components/icons/index.d.ts +0 -3
- package/lib/components/meters/index.d.ts +0 -5
- package/lib/index.js +1 -1
- package/package.json +51 -51
- package/lib/34495da933de1f754678f771ab03f6d4.svg +0 -5
- package/lib/344ff1b1dabb64d4afd170ecb184dcf4.svg +0 -28
- package/lib/3ddb32186aa33370109f8d3ba34025c0.svg +0 -5
- package/lib/418f7317e257e6dfb9941a652fdf7fec.svg +0 -1
- package/lib/4393e885c58d2ca4f0b55953152d8092.svg +0 -28
- package/lib/589592499a7422b3f2d78b1e515b3e9c.svg +0 -10
- package/lib/6772478d2eaee427474922088bbf90ed.svg +0 -6
- package/lib/7f56dfa647c344ca2cc0370f97c7596e.svg +0 -28
- package/lib/830707144a2930f96fc68e3a58ffc06e.svg +0 -28
- package/lib/920b13e676d7c5e40a5a2a4460ee445e.svg +0 -23
- package/lib/components/boolean-feedback/yes-no-feedback/index.d.ts +0 -1
- package/lib/components/boolean-feedback/yes-no-feedback/interfaces.d.ts +0 -2
- package/lib/components/boolean-feedback/yes-no-feedback/yes-no-feedback.d.ts +0 -6
- package/lib/components/buttons/cta/next-button/assets/index.d.ts +0 -1
- package/lib/components/buttons/cta/next-button/assets/next.svg +0 -1
- package/lib/components/buttons/cta/next-button/index.d.ts +0 -3
- package/lib/components/buttons/cta/next-button/interfaces.d.ts +0 -11
- package/lib/components/buttons/cta/next-button/next-button.d.ts +0 -6
- package/lib/components/buttons/logos/navbar-logo/assets/index.d.ts +0 -1
- package/lib/components/buttons/logos/navbar-logo/assets/navbar-logo.svg +0 -1
- package/lib/components/buttons/logos/navbar-logo/index.d.ts +0 -1
- package/lib/components/buttons/logos/navbar-logo/interfaces.d.ts +0 -2
- package/lib/components/buttons/logos/navbar-logo/navbar-logo.d.ts +0 -6
- package/lib/components/buttons/partials/cross-button/assets/cross.svg +0 -5
- package/lib/components/buttons/partials/cross-button/assets/index.d.ts +0 -1
- package/lib/components/buttons/partials/cross-button/cross-button.d.ts +0 -6
- package/lib/components/buttons/partials/cross-button/index.d.ts +0 -1
- package/lib/components/buttons/partials/cross-button/interfaces.d.ts +0 -5
- package/lib/components/buttons/partials/goto-button/assets/arrow-right.svg +0 -13
- package/lib/components/buttons/partials/goto-button/assets/index.d.ts +0 -1
- package/lib/components/buttons/partials/goto-button/goto-button.d.ts +0 -6
- package/lib/components/buttons/partials/goto-button/index.d.ts +0 -1
- package/lib/components/buttons/partials/goto-button/interfaces.d.ts +0 -5
- package/lib/components/buttons/partials/multi-choice/assets/index.d.ts +0 -2
- package/lib/components/buttons/partials/multi-choice/assets/minus.svg +0 -1
- package/lib/components/buttons/partials/multi-choice/assets/plus.svg +0 -1
- package/lib/components/buttons/partials/multi-choice/index.d.ts +0 -3
- package/lib/components/buttons/partials/multi-choice/interfaces.d.ts +0 -11
- package/lib/components/buttons/partials/multi-choice/multi-choice-button.d.ts +0 -6
- package/lib/components/buttons/partials/tick-button/assets/index.d.ts +0 -1
- package/lib/components/buttons/partials/tick-button/assets/tick.svg +0 -5
- package/lib/components/buttons/partials/tick-button/index.d.ts +0 -1
- package/lib/components/buttons/partials/tick-button/interfaces.d.ts +0 -5
- package/lib/components/buttons/partials/tick-button/tick-button.d.ts +0 -6
- package/lib/components/buttons/radio-info-button/index.d.ts +0 -1
- package/lib/components/buttons/radio-info-button/interfaces.d.ts +0 -31
- package/lib/components/buttons/radio-info-button/radio-info-button.d.ts +0 -3
- package/lib/components/buttons/round-icon-button/index.d.ts +0 -1
- package/lib/components/buttons/round-icon-button/interfaces.d.ts +0 -67
- package/lib/components/buttons/round-icon-button/round-icon-button.d.ts +0 -3
- package/lib/components/icons/cart-icon/cart-icon.svg +0 -10
- package/lib/components/icons/cart-icon/index.d.ts +0 -1
- package/lib/components/icons/genetics-icon/genetics-icon.svg +0 -6
- package/lib/components/icons/genetics-icon/index.d.ts +0 -1
- package/lib/components/icons/vial-icon/index.d.ts +0 -1
- package/lib/components/icons/vial-icon/vial-icon.svg +0 -10
- package/lib/components/meters/base-outline-meter/base-outline-meter.d.ts +0 -6
- package/lib/components/meters/base-outline-meter/index.d.ts +0 -3
- package/lib/components/meters/base-outline-meter/interfaces.d.ts +0 -20
- package/lib/components/meters/continuous-outline-meter/continuous-outline-meter.d.ts +0 -6
- package/lib/components/meters/continuous-outline-meter/index.d.ts +0 -1
- package/lib/components/meters/continuous-outline-meter/interfaces.d.ts +0 -25
- package/lib/components/meters/discrete-outline-meter/discrete-outline-meter.d.ts +0 -6
- package/lib/components/meters/discrete-outline-meter/index.d.ts +0 -1
- package/lib/components/meters/discrete-outline-meter/interfaces.d.ts +0 -25
- package/lib/components/meters/multicolor-outline-meter/index.d.ts +0 -1
- package/lib/components/meters/multicolor-outline-meter/interfaces.d.ts +0 -21
- package/lib/components/meters/multicolor-outline-meter/multicolor-outline-meter.d.ts +0 -6
- package/lib/components/meters/smiley-meter/assets/index.d.ts +0 -5
- package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-1.svg +0 -28
- package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-2.svg +0 -28
- package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-3.svg +0 -23
- package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-4.svg +0 -28
- package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-5.svg +0 -28
- package/lib/components/meters/smiley-meter/index.d.ts +0 -1
- package/lib/components/meters/smiley-meter/interfaces.d.ts +0 -31
- package/lib/components/meters/smiley-meter/smiley-meter.d.ts +0 -6
- package/lib/e986409f719ff9bf4d159ad2929c4590.svg +0 -13
- package/lib/f4610337988c18280ddf07a84452b043.svg +0 -10
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from "react";
|
|
2
|
-
import { ButtonProps } from "../button";
|
|
3
|
-
export interface RoundIconButtonProps extends Omit<ButtonProps, "borderRadius" | "onClick"> {
|
|
4
|
-
/**
|
|
5
|
-
* Active state value.
|
|
6
|
-
*/
|
|
7
|
-
isActive?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* Callback to be executed after clicking on the button.
|
|
10
|
-
*/
|
|
11
|
-
onClick?: (newState: boolean, ...args: any[]) => void;
|
|
12
|
-
/**
|
|
13
|
-
* Active state background.
|
|
14
|
-
*/
|
|
15
|
-
activeBg?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Icon to be displayed inside of button.
|
|
18
|
-
*/
|
|
19
|
-
icon: React.ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Inner icon width.
|
|
22
|
-
*/
|
|
23
|
-
iconWidth?: string | string[];
|
|
24
|
-
/**
|
|
25
|
-
* Inner icon height.
|
|
26
|
-
*/
|
|
27
|
-
iconHeight?: string | string[];
|
|
28
|
-
/**
|
|
29
|
-
* Inner icon color.
|
|
30
|
-
*/
|
|
31
|
-
iconColor?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Slots to be displayed inside.
|
|
34
|
-
*/
|
|
35
|
-
slots?: Slot[];
|
|
36
|
-
/**
|
|
37
|
-
* Text to be displayed inside of tooltip header (blue).
|
|
38
|
-
*/
|
|
39
|
-
tooltipHeader: string;
|
|
40
|
-
/**
|
|
41
|
-
* Text to be displayed inside of tooltip sub header (grey).
|
|
42
|
-
*/
|
|
43
|
-
tooltipSubheader?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Text to be displayed in the bottom of the tooltip (dark grey).
|
|
46
|
-
*/
|
|
47
|
-
tooltipText?: string[];
|
|
48
|
-
/**
|
|
49
|
-
* Whether to show arrow tip.
|
|
50
|
-
*/
|
|
51
|
-
showArrowTip?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Whether to show tooltip.
|
|
54
|
-
*/
|
|
55
|
-
showTooltip?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Max width of the tooltip content.
|
|
58
|
-
*/
|
|
59
|
-
tooltipContentMaxWidth?: string | string[];
|
|
60
|
-
}
|
|
61
|
-
export interface Slot {
|
|
62
|
-
content: React.ReactNode;
|
|
63
|
-
top?: CSSProperties["top"];
|
|
64
|
-
bottom?: CSSProperties["bottom"];
|
|
65
|
-
left?: CSSProperties["left"];
|
|
66
|
-
right?: CSSProperties["right"];
|
|
67
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
-
width="21.653"
|
|
4
|
-
height="20"
|
|
5
|
-
viewBox="0 0 21.653 20"
|
|
6
|
-
>
|
|
7
|
-
<path class="cart" d="M12.938,29.813a1.688,1.688,0,1,1-1.687-1.688,1.688,1.688,0,0,1,1.688,1.688Z" transform="translate(-5.195 -11.5)"/>
|
|
8
|
-
<path class="cart" d="M28.723,29.813a1.687,1.687,0,1,1-1.687-1.688,1.687,1.687,0,0,1,1.687,1.688Z" transform="translate(-10.968 -11.5)"/>
|
|
9
|
-
<path class="cart" d="M25.027,7.8a.3.3,0,0,0-.271-.2L7.8,6.071a.528.528,0,0,1-.391-.228,4.911,4.911,0,0,0-.635-.9c-.4-.455-1.156-.441-2.541-.45-.469,0-.849.252-.849.683a.725.725,0,0,0,.812.683,7.429,7.429,0,0,1,1.354.092c.245.068.443.441.515.765a.017.017,0,0,0,.005.015c.01.058.1.494.1.5L8.256,17.473A3.627,3.627,0,0,0,9.011,19.2a2.136,2.136,0,0,0,1.713.784h12.32a.72.72,0,0,0,.75-.649.7.7,0,0,0-.729-.707H10.713a.636.636,0,0,1-.432-.136,2.115,2.115,0,0,1-.6-1.259l-.224-1.147a.027.027,0,0,1,.021-.029l14.46-2.276a.293.293,0,0,0,.255-.252l.833-5.606A.257.257,0,0,0,25.027,7.8Z" transform="translate(-3.382 -4.493)"/>
|
|
10
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ReactComponent as CartIcon } from "./cart-icon.svg";
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
|
|
2
|
-
<g transform="translate(-228 -403.551)">
|
|
3
|
-
<path class="genetics-icon-a"
|
|
4
|
-
d="M248.7,409.505a4.4,4.4,0,0,1-.155,1.109l-5.66-5.591a4.428,4.428,0,0,1,1.164-.169l-.015-1.3a5.762,5.762,0,0,0-5.689,5.759l.005,4.589-4.587-.005h-.02a5.762,5.762,0,0,0-5.74,5.689l1.3.014a4.43,4.43,0,0,1,.154-1.11l5.66,5.592a4.394,4.394,0,0,1-1.163.17l.015,1.3a5.78,5.78,0,0,0,5.689-5.759l-.005-4.589,4.59.005A5.78,5.78,0,0,0,250,409.52Zm-9.046,4.395,0-2.577,2.612,2.58Zm-5.909,1.3h.142l4.471,4.416v.179a4.427,4.427,0,0,1-.279,1.545l-5.917-5.846a4.391,4.391,0,0,1,1.584-.295Zm2.634,8.293-6.35-6.272a4.5,4.5,0,0,1,.959-1.053l6.431,6.352a4.511,4.511,0,0,1-1.04.973Zm1.976-5.711-2.612-2.58,2.609,0Zm5.765-3.874-4.471-4.416v-.182a4.387,4.387,0,0,1,.275-1.547l5.918,5.846a4.418,4.418,0,0,1-1.6.3Zm2.893-.973-6.431-6.353a4.5,4.5,0,0,1,1.041-.971l6.349,6.273a4.513,4.513,0,0,1-.96,1.051Zm0,0"/>
|
|
5
|
-
</g>
|
|
6
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ReactComponent as GeneticsIcon } from "./genetics-icon.svg";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ReactComponent as VialIcon } from "./vial-icon.svg";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20.025">
|
|
2
|
-
<g transform="translate(-948.816 -528.643)">
|
|
3
|
-
<rect class="vial-icon-a" width="1.257" height="1.257"
|
|
4
|
-
transform="translate(956.37 536.663) rotate(-45)"/>
|
|
5
|
-
<rect class="vial-icon-a" width="1.257" height="1.257"
|
|
6
|
-
transform="translate(958.148 534.886) rotate(-45)"/>
|
|
7
|
-
<path class="vial-icon-a"
|
|
8
|
-
d="M960.9,532.13l-.976.976.888.889,1.791-1.791-.445-.445a.627.627,0,0,1,0-.888l.442-.442,4.442,4.441-.444.444a.643.643,0,0,1-.89,0l-.444-.444-2.669,2.668-1.777-1.777-.888.888,1.777,1.778-.889.888-1.777-1.778-.889.889,1.778,1.778-.888.888-1.778-1.777-.888.888,1.777,1.777-.888.889-1.778-1.777-.887.887,1.777,1.777-.888.889-1.778-1.778-.889.888,1.778,1.778-1.332,1.333a1.885,1.885,0,0,1-2.666,0h0a1.166,1.166,0,0,1-.125-.139,1.774,1.774,0,0,1-.4-1.15,2.069,2.069,0,0,1,.607-1.454l5.688-5.688-.89-.891-5.686,5.686a3.337,3.337,0,0,0-.975,2.343,3.019,3.019,0,0,0,.69,1.947,3.142,3.142,0,0,0,4.416.435h0c.079-.065.155-.135.227-.207l11.186-11.186a1.927,1.927,0,0,0,2.147-.369l1.333-1.334-6.219-6.219-1.333,1.333A1.889,1.889,0,0,0,960.9,532.13Z"/>
|
|
9
|
-
</g>
|
|
10
|
-
</svg>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseComponentProps } from "../../interfaces";
|
|
3
|
-
export interface BaseOutlineMeterProps extends BaseComponentProps {
|
|
4
|
-
/**
|
|
5
|
-
* width of the outline meter
|
|
6
|
-
*/
|
|
7
|
-
width: Array<string>;
|
|
8
|
-
/**
|
|
9
|
-
* Children for meter
|
|
10
|
-
*/
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Outline Meter component.
|
|
14
|
-
*/
|
|
15
|
-
meter: React.ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* padding of wrapper.
|
|
18
|
-
*/
|
|
19
|
-
p?: Array<string>;
|
|
20
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ContinuousOutlineMeterProps } from "./interfaces";
|
|
3
|
-
/**
|
|
4
|
-
* ContinuousOutlineMeter component.
|
|
5
|
-
*/
|
|
6
|
-
export declare const ContinuousOutlineMeter: (props: ContinuousOutlineMeterProps) => React.ReactElement<ContinuousOutlineMeterProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ContinuousOutlineMeter } from "./continuous-outline-meter";
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseComponentProps } from "../../interfaces";
|
|
3
|
-
export interface ContinuousOutlineMeterProps extends BaseComponentProps {
|
|
4
|
-
/**
|
|
5
|
-
* stage of meter. out of 100.
|
|
6
|
-
*/
|
|
7
|
-
stage: number;
|
|
8
|
-
/**
|
|
9
|
-
* width of the outline
|
|
10
|
-
*/
|
|
11
|
-
width?: Array<string>;
|
|
12
|
-
/**
|
|
13
|
-
* color of the currently active strokes
|
|
14
|
-
*/
|
|
15
|
-
color?: string;
|
|
16
|
-
/**
|
|
17
|
-
* color of the currently inactive strokes
|
|
18
|
-
*/
|
|
19
|
-
inactiveColor?: string;
|
|
20
|
-
/**
|
|
21
|
-
* children to be rendered inside the meter
|
|
22
|
-
*/
|
|
23
|
-
children: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
export declare type ContinuousOutlineProps = Pick<ContinuousOutlineMeterProps, "stage" | "width" | "color" | "inactiveColor">;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DiscreteOutlineMeter } from "./discrete-outline-meter";
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseComponentProps } from "../../interfaces";
|
|
3
|
-
export interface DiscreteOutlineMeterProps extends BaseComponentProps {
|
|
4
|
-
/**
|
|
5
|
-
* stage of meter. out of 5.
|
|
6
|
-
*/
|
|
7
|
-
stage: 0 | 1 | 2 | 3 | 4 | 5;
|
|
8
|
-
/**
|
|
9
|
-
* width of the outline
|
|
10
|
-
*/
|
|
11
|
-
width: Array<string>;
|
|
12
|
-
/**
|
|
13
|
-
* color of the currently active strokes
|
|
14
|
-
*/
|
|
15
|
-
color?: string;
|
|
16
|
-
/**
|
|
17
|
-
* color of the currently inactive strokes
|
|
18
|
-
*/
|
|
19
|
-
inactiveColor?: string;
|
|
20
|
-
/**
|
|
21
|
-
* children be rendered inside the meter
|
|
22
|
-
*/
|
|
23
|
-
children: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
export declare type DiscreteOutlineProps = Pick<DiscreteOutlineMeterProps, "stage" | "width" | "color" | "inactiveColor">;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MulticolorOutlineMeter } from "./multicolor-outline-meter";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseComponentProps } from "../../interfaces";
|
|
3
|
-
export interface MulticolorOutlineMeterProps extends BaseComponentProps {
|
|
4
|
-
/**
|
|
5
|
-
* stage of meter. out of 100.
|
|
6
|
-
*/
|
|
7
|
-
stage: number;
|
|
8
|
-
/**
|
|
9
|
-
* width of the outline
|
|
10
|
-
*/
|
|
11
|
-
width?: Array<string>;
|
|
12
|
-
/**
|
|
13
|
-
* color of the currently active strokes
|
|
14
|
-
*/
|
|
15
|
-
colorsArray?: Array<string>;
|
|
16
|
-
/**
|
|
17
|
-
* children be rendered inside the meter
|
|
18
|
-
*/
|
|
19
|
-
children: React.ReactNode;
|
|
20
|
-
}
|
|
21
|
-
export declare type MulticolorOutlineProps = Pick<MulticolorOutlineMeterProps, "stage" | "width" | "colorsArray">;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MulticolorOutlineMeterProps } from "./interfaces";
|
|
3
|
-
/**
|
|
4
|
-
* MulticolorOutlineMeter component.
|
|
5
|
-
*/
|
|
6
|
-
export declare const MulticolorOutlineMeter: (props: MulticolorOutlineMeterProps) => React.ReactElement<MulticolorOutlineMeterProps>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { ReactComponent as OutlinedSmileyState1 } from "./outlined-smiley-state-1.svg";
|
|
2
|
-
export { ReactComponent as OutlinedSmileyState2 } from "./outlined-smiley-state-2.svg";
|
|
3
|
-
export { ReactComponent as OutlinedSmileyState3 } from "./outlined-smiley-state-3.svg";
|
|
4
|
-
export { ReactComponent as OutlinedSmileyState4 } from "./outlined-smiley-state-4.svg";
|
|
5
|
-
export { ReactComponent as OutlinedSmileyState5 } from "./outlined-smiley-state-5.svg";
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 60.516">
|
|
2
|
-
<g transform="translate(20.578 23.498)">
|
|
3
|
-
<path
|
|
4
|
-
d="M184.613,290.162a1.819,1.819,0,0,0-2.387.95,11.709,11.709,0,0,1-21.125,0,1.817,1.817,0,0,0-3.358,1.391h-.031a15.369,15.369,0,0,0,27.85.046A1.816,1.816,0,0,0,184.613,290.162Z"
|
|
5
|
-
transform="translate(-157.237 -273.134)" />
|
|
6
|
-
<path
|
|
7
|
-
d="M172.046,280.871a5.294,5.294,0,0,0-4.7,5.83,1.512,1.512,0,0,0,3.025,0,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.026,0,5.295,5.295,0,0,0-5.83-5.83Z"
|
|
8
|
-
transform="translate(-149.061 -280.841)" />
|
|
9
|
-
<path
|
|
10
|
-
d="M158.949,288.214a1.512,1.512,0,0,0,1.512-1.512,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.027,0,5.545,5.545,0,0,0,0-1.131,5.3,5.3,0,0,0-10.529,1.131A1.513,1.513,0,0,0,158.949,288.214Z"
|
|
11
|
-
transform="translate(-157.406 -280.841)" />
|
|
12
|
-
</g>
|
|
13
|
-
<path class="inactive-strokes"
|
|
14
|
-
d="M161.468,273.04l0-.005a1.952,1.952,0,0,0-2.828-.374q-1.265,1.05-2.448,2.229a34.89,34.89,0,0,0-9.663,18.371,1.951,1.951,0,0,0,1.923,2.3h0a1.936,1.936,0,0,0,1.907-1.577,31.018,31.018,0,0,1,8.593-16.33q1.047-1.047,2.174-1.98A1.943,1.943,0,0,0,161.468,273.04Z"
|
|
15
|
-
transform="translate(-146.019 -264.605)" />
|
|
16
|
-
<path class="inactive-strokes"
|
|
17
|
-
d="M181.245,274.849q-1.127-1.127-2.336-2.137a1.951,1.951,0,0,0-2.828.361l0,.006a1.943,1.943,0,0,0,.337,2.632q1.069.9,2.07,1.9a31.021,31.021,0,0,1,8.593,16.33,1.937,1.937,0,0,0,1.906,1.577h0a1.95,1.95,0,0,0,1.923-2.3A34.891,34.891,0,0,0,181.245,274.849Z"
|
|
18
|
-
transform="translate(-121.415 -264.565)" />
|
|
19
|
-
<path class="active-strokes"
|
|
20
|
-
d="M148.193,287.427h0a1.955,1.955,0,0,0-1.953,2.091,34.96,34.96,0,0,0,10.1,22.16,2.016,2.016,0,0,0,2.68.192,1.952,1.952,0,0,0,.142-2.888,31.071,31.071,0,0,1-9.035-19.756A1.939,1.939,0,0,0,148.193,287.427Z"
|
|
21
|
-
transform="translate(-146.235 -251.796)" />
|
|
22
|
-
<path class="inactive-strokes"
|
|
23
|
-
d="M157.016,274.2a1.935,1.935,0,0,0,2.385.639,31.357,31.357,0,0,1,26.255.053,1.938,1.938,0,0,0,2.385-.628h0a1.946,1.946,0,0,0-.731-2.9,35.244,35.244,0,0,0-29.554-.062,1.945,1.945,0,0,0-.744,2.9Z"
|
|
24
|
-
transform="translate(-137.468 -268.084)" />
|
|
25
|
-
<path class="inactive-strokes"
|
|
26
|
-
d="M186.5,289.221a31.075,31.075,0,0,1-8.932,19.656,2.041,2.041,0,0,0-.009,2.949,1.949,1.949,0,0,0,2.665-.086,34.951,34.951,0,0,0,10.165-22.226,1.953,1.953,0,0,0-1.951-2.087h0A1.939,1.939,0,0,0,186.5,289.221Z"
|
|
27
|
-
transform="translate(-120.389 -251.796)" />
|
|
28
|
-
</svg>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
|
|
2
|
-
<g transform="translate(20.577 23.499)">
|
|
3
|
-
<path
|
|
4
|
-
d="M288.642,290.161a1.819,1.819,0,0,0-2.387.951,11.709,11.709,0,0,1-21.125,0,1.817,1.817,0,0,0-3.358,1.391h-.031a15.37,15.37,0,0,0,27.851.046A1.816,1.816,0,0,0,288.642,290.161Z"
|
|
5
|
-
transform="translate(-261.265 -273.134)" />
|
|
6
|
-
<path
|
|
7
|
-
d="M276.074,280.871a5.294,5.294,0,0,0-4.7,5.83,1.512,1.512,0,1,0,3.025,0,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.027,0,5.3,5.3,0,0,0-5.83-5.83Z"
|
|
8
|
-
transform="translate(-253.089 -280.84)" />
|
|
9
|
-
<path
|
|
10
|
-
d="M262.978,288.214a1.512,1.512,0,0,0,1.512-1.512,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.027,0,5.529,5.529,0,0,0,0-1.131,5.3,5.3,0,0,0-10.53,1.131A1.513,1.513,0,0,0,262.978,288.214Z"
|
|
11
|
-
transform="translate(-261.434 -280.84)" />
|
|
12
|
-
</g>
|
|
13
|
-
<path class="active-strokes"
|
|
14
|
-
d="M265.5,273.04l0-.005a1.952,1.952,0,0,0-2.828-.374q-1.266,1.05-2.448,2.229a34.892,34.892,0,0,0-9.664,18.371,1.951,1.951,0,0,0,1.923,2.3h0a1.936,1.936,0,0,0,1.907-1.577,31.02,31.02,0,0,1,8.593-16.33q1.047-1.047,2.174-1.98A1.943,1.943,0,0,0,265.5,273.04Z"
|
|
15
|
-
transform="translate(-250.048 -264.605)" />
|
|
16
|
-
<path class="inactive-strokes"
|
|
17
|
-
d="M285.273,274.849q-1.127-1.127-2.336-2.137a1.951,1.951,0,0,0-2.828.361l0,.006a1.944,1.944,0,0,0,.337,2.632q1.069.9,2.07,1.9a31.021,31.021,0,0,1,8.594,16.33,1.937,1.937,0,0,0,1.907,1.577h0a1.95,1.95,0,0,0,1.923-2.3A34.892,34.892,0,0,0,285.273,274.849Z"
|
|
18
|
-
transform="translate(-225.443 -264.565)" />
|
|
19
|
-
<path class="active-strokes"
|
|
20
|
-
d="M252.22,287.427h0a1.953,1.953,0,0,0-1.951,2.091,34.95,34.95,0,0,0,10.1,22.161,2.016,2.016,0,0,0,2.68.192,1.952,1.952,0,0,0,.142-2.888,31.071,31.071,0,0,1-9.036-19.757A1.939,1.939,0,0,0,252.22,287.427Z"
|
|
21
|
-
transform="translate(-250.264 -251.795)" />
|
|
22
|
-
<path class="inactive-strokes"
|
|
23
|
-
d="M261.044,274.2a1.935,1.935,0,0,0,2.386.639,31.359,31.359,0,0,1,26.256.053,1.937,1.937,0,0,0,2.386-.628h0a1.946,1.946,0,0,0-.731-2.9,35.245,35.245,0,0,0-29.555-.063,1.945,1.945,0,0,0-.744,2.9Z"
|
|
24
|
-
transform="translate(-241.498 -268.084)" />
|
|
25
|
-
<path class="inactive-strokes"
|
|
26
|
-
d="M290.524,289.221a31.077,31.077,0,0,1-8.932,19.657,2.041,2.041,0,0,0-.009,2.949,1.951,1.951,0,0,0,2.666-.087,34.952,34.952,0,0,0,10.165-22.227,1.953,1.953,0,0,0-1.951-2.087h0A1.939,1.939,0,0,0,290.524,289.221Z"
|
|
27
|
-
transform="translate(-224.418 -251.795)" />
|
|
28
|
-
</svg>
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 60.517">
|
|
2
|
-
<g transform="translate(21.378 23.499)">
|
|
3
|
-
<path d="M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z"
|
|
4
|
-
transform="translate(-365.884 -271.09)" />
|
|
5
|
-
<circle cx="3.758" cy="3.758" r="3.758" transform="translate(19.728 0.06)" />
|
|
6
|
-
<circle cx="3.758" cy="3.758" r="3.758" />
|
|
7
|
-
</g>
|
|
8
|
-
<path class="active-strokes"
|
|
9
|
-
d="M369.524,273.04l0-.006a1.952,1.952,0,0,0-2.828-.374q-1.265,1.05-2.448,2.229a34.891,34.891,0,0,0-9.664,18.371,1.951,1.951,0,0,0,1.923,2.3h0a1.936,1.936,0,0,0,1.907-1.577A31.02,31.02,0,0,1,367,277.649q1.047-1.047,2.174-1.98A1.943,1.943,0,0,0,369.524,273.04Z"
|
|
10
|
-
transform="translate(-354.076 -264.605)" />
|
|
11
|
-
<path class="inactive-strokes"
|
|
12
|
-
d="M389.3,274.849q-1.127-1.127-2.336-2.137a1.951,1.951,0,0,0-2.828.361l0,.006a1.943,1.943,0,0,0,.337,2.632q1.069.9,2.071,1.9a31.02,31.02,0,0,1,8.593,16.33,1.937,1.937,0,0,0,1.907,1.577h0a1.95,1.95,0,0,0,1.923-2.3A34.892,34.892,0,0,0,389.3,274.849Z"
|
|
13
|
-
transform="translate(-329.471 -264.565)" />
|
|
14
|
-
<path class="active-strokes"
|
|
15
|
-
d="M356.248,287.427h0a1.953,1.953,0,0,0-1.951,2.091,34.943,34.943,0,0,0,10.1,22.161,2.013,2.013,0,0,0,2.678.192,1.952,1.952,0,0,0,.142-2.888,31.071,31.071,0,0,1-9.036-19.757A1.939,1.939,0,0,0,356.248,287.427Z"
|
|
16
|
-
transform="translate(-354.292 -251.795)" />
|
|
17
|
-
<path class="active-strokes"
|
|
18
|
-
d="M365.072,274.2a1.935,1.935,0,0,0,2.385.639,31.359,31.359,0,0,1,26.256.053,1.937,1.937,0,0,0,2.385-.628h0a1.946,1.946,0,0,0-.731-2.9,35.246,35.246,0,0,0-29.555-.063,1.945,1.945,0,0,0-.744,2.9Z"
|
|
19
|
-
transform="translate(-345.526 -268.084)" />
|
|
20
|
-
<path class="inactive-strokes"
|
|
21
|
-
d="M394.552,289.221a31.077,31.077,0,0,1-8.932,19.657,2.041,2.041,0,0,0-.009,2.949,1.95,1.95,0,0,0,2.666-.087,34.952,34.952,0,0,0,10.165-22.227,1.953,1.953,0,0,0-1.951-2.087h0A1.939,1.939,0,0,0,394.552,289.221Z"
|
|
22
|
-
transform="translate(-328.446 -251.795)" />
|
|
23
|
-
</svg>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70.493">
|
|
2
|
-
<g transform="translate(20.577 23.498)">
|
|
3
|
-
<path
|
|
4
|
-
d="M483.759,289.994a14.846,14.846,0,0,0-13.963,8.888h.031a1.817,1.817,0,0,0,3.358,1.391,11.709,11.709,0,0,1,21.125,0,1.816,1.816,0,1,0,3.336-1.437A14.981,14.981,0,0,0,483.759,289.994Z"
|
|
5
|
-
transform="translate(-469.321 -273.133)" />
|
|
6
|
-
<path
|
|
7
|
-
d="M488.446,280.84a1.514,1.514,0,0,0-1.512,1.514,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0,5.295,5.295,0,1,0,10.529,0A1.514,1.514,0,0,0,488.446,280.84Z"
|
|
8
|
-
transform="translate(-461.145 -280.84)" />
|
|
9
|
-
<path
|
|
10
|
-
d="M474.22,288.183a5.294,5.294,0,0,0,5.83-5.828,1.513,1.513,0,1,0-3.027,0,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0A5.293,5.293,0,0,0,474.22,288.183Z"
|
|
11
|
-
transform="translate(-469.49 -280.84)" />
|
|
12
|
-
</g>
|
|
13
|
-
<path class="active-strokes"
|
|
14
|
-
d="M473.552,273.04l0-.005a1.952,1.952,0,0,0-2.828-.374q-1.266,1.05-2.448,2.229a34.892,34.892,0,0,0-9.664,18.371,1.951,1.951,0,0,0,1.923,2.3h0a1.936,1.936,0,0,0,1.907-1.577,31.02,31.02,0,0,1,8.593-16.33q1.047-1.047,2.174-1.98A1.943,1.943,0,0,0,473.552,273.04Z"
|
|
15
|
-
transform="translate(-458.104 -264.605)" />
|
|
16
|
-
<path class="active-strokes"
|
|
17
|
-
d="M493.329,274.849q-1.127-1.127-2.336-2.137a1.951,1.951,0,0,0-2.828.361l0,.006a1.942,1.942,0,0,0,.335,2.632q1.069.9,2.07,1.9a31.02,31.02,0,0,1,8.594,16.33,1.937,1.937,0,0,0,1.907,1.577h0a1.95,1.95,0,0,0,1.923-2.3A34.892,34.892,0,0,0,493.329,274.849Z"
|
|
18
|
-
transform="translate(-433.499 -264.565)" />
|
|
19
|
-
<path class="active-strokes"
|
|
20
|
-
d="M460.276,287.427h0a1.953,1.953,0,0,0-1.951,2.091,34.943,34.943,0,0,0,10.1,22.161,2.013,2.013,0,0,0,2.678.192,1.952,1.952,0,0,0,.142-2.888,31.071,31.071,0,0,1-9.036-19.757A1.939,1.939,0,0,0,460.276,287.427Z"
|
|
21
|
-
transform="translate(-458.32 -251.795)" />
|
|
22
|
-
<path class="active-strokes"
|
|
23
|
-
d="M469.1,274.2a1.935,1.935,0,0,0,2.386.639,31.359,31.359,0,0,1,26.256.053,1.937,1.937,0,0,0,2.385-.628h0a1.946,1.946,0,0,0-.731-2.9,35.245,35.245,0,0,0-29.555-.063,1.945,1.945,0,0,0-.744,2.9Z"
|
|
24
|
-
transform="translate(-449.554 -268.084)" />
|
|
25
|
-
<path class="inactive-strokes"
|
|
26
|
-
d="M498.58,289.221a31.077,31.077,0,0,1-8.932,19.657,2.041,2.041,0,0,0-.009,2.949,1.951,1.951,0,0,0,2.666-.087,34.952,34.952,0,0,0,10.165-22.227,1.953,1.953,0,0,0-1.951-2.087h0A1.939,1.939,0,0,0,498.58,289.221Z"
|
|
27
|
-
transform="translate(-432.474 -251.795)" />
|
|
28
|
-
</svg>
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70.298">
|
|
2
|
-
<g transform="translate(20.577 23.498)">
|
|
3
|
-
<path
|
|
4
|
-
d="M587.787,289.994a14.846,14.846,0,0,0-13.963,8.888h.031a1.817,1.817,0,0,0,3.358,1.391,11.709,11.709,0,0,1,21.125,0,1.816,1.816,0,1,0,3.336-1.437A14.981,14.981,0,0,0,587.787,289.994Z"
|
|
5
|
-
transform="translate(-573.349 -273.133)" />
|
|
6
|
-
<path
|
|
7
|
-
d="M592.474,280.84a1.514,1.514,0,0,0-1.512,1.514,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0,5.295,5.295,0,1,0,10.53,0A1.514,1.514,0,0,0,592.474,280.84Z"
|
|
8
|
-
transform="translate(-565.173 -280.84)" />
|
|
9
|
-
<path
|
|
10
|
-
d="M578.248,288.183a5.294,5.294,0,0,0,5.83-5.828,1.513,1.513,0,1,0-3.027,0,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0A5.293,5.293,0,0,0,578.248,288.183Z"
|
|
11
|
-
transform="translate(-573.518 -280.84)" />
|
|
12
|
-
</g>
|
|
13
|
-
<path class="active-strokes"
|
|
14
|
-
d="M577.58,273.04l0-.005a1.952,1.952,0,0,0-2.828-.374q-1.266,1.05-2.448,2.229a34.892,34.892,0,0,0-9.664,18.371,1.951,1.951,0,0,0,1.923,2.3h0a1.936,1.936,0,0,0,1.906-1.577,31.02,31.02,0,0,1,8.594-16.33q1.047-1.047,2.174-1.98A1.943,1.943,0,0,0,577.58,273.04Z"
|
|
15
|
-
transform="translate(-562.132 -264.605)" />
|
|
16
|
-
<path class="active-strokes"
|
|
17
|
-
d="M597.357,274.849q-1.127-1.127-2.336-2.137a1.951,1.951,0,0,0-2.828.361l0,.006a1.942,1.942,0,0,0,.335,2.632q1.069.9,2.07,1.9a31.02,31.02,0,0,1,8.594,16.33,1.937,1.937,0,0,0,1.906,1.577h0a1.95,1.95,0,0,0,1.923-2.3A34.892,34.892,0,0,0,597.357,274.849Z"
|
|
18
|
-
transform="translate(-537.527 -264.565)" />
|
|
19
|
-
<path class="active-strokes"
|
|
20
|
-
d="M564.3,287.427h0a1.953,1.953,0,0,0-1.951,2.091,34.944,34.944,0,0,0,10.1,22.161,2.013,2.013,0,0,0,2.678.192,1.952,1.952,0,0,0,.142-2.888,31.06,31.06,0,0,1-9.034-19.757A1.942,1.942,0,0,0,564.3,287.427Z"
|
|
21
|
-
transform="translate(-562.348 -251.795)" />
|
|
22
|
-
<path class="active-strokes"
|
|
23
|
-
d="M573.128,274.2a1.935,1.935,0,0,0,2.386.639,31.359,31.359,0,0,1,26.256.053,1.938,1.938,0,0,0,2.385-.628h0a1.946,1.946,0,0,0-.731-2.9,35.245,35.245,0,0,0-29.555-.063,1.945,1.945,0,0,0-.744,2.9Z"
|
|
24
|
-
transform="translate(-553.582 -268.084)" />
|
|
25
|
-
<path class="active-strokes"
|
|
26
|
-
d="M602.608,289.221a31.077,31.077,0,0,1-8.932,19.657,2.041,2.041,0,0,0-.009,2.949,1.951,1.951,0,0,0,2.666-.087A34.952,34.952,0,0,0,606.5,289.514a1.953,1.953,0,0,0-1.951-2.087h0A1.939,1.939,0,0,0,602.608,289.221Z"
|
|
27
|
-
transform="translate(-536.502 -251.795)" />
|
|
28
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SmileyMeter } from "./smiley-meter";
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { BaseComponentProps } from "../../interfaces";
|
|
2
|
-
declare type stringMap = {
|
|
3
|
-
1: string;
|
|
4
|
-
2: string;
|
|
5
|
-
3: string;
|
|
6
|
-
4: string;
|
|
7
|
-
5: string;
|
|
8
|
-
};
|
|
9
|
-
export interface SmileyMeterProps extends BaseComponentProps {
|
|
10
|
-
/**
|
|
11
|
-
* diameter of the smiley meter
|
|
12
|
-
*/
|
|
13
|
-
diameter?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Value for the meter (out of 5)
|
|
16
|
-
*/
|
|
17
|
-
value: 1 | 2 | 3 | 4 | 5;
|
|
18
|
-
/**
|
|
19
|
-
* Texts to be displayed when hovered over any smiley
|
|
20
|
-
*/
|
|
21
|
-
hoverTextMap?: stringMap;
|
|
22
|
-
/**
|
|
23
|
-
* Colors for smiley corresponding to state
|
|
24
|
-
*/
|
|
25
|
-
colorsMap?: stringMap;
|
|
26
|
-
/**
|
|
27
|
-
* Flag to decide if text should be displayed on hover
|
|
28
|
-
*/
|
|
29
|
-
isInteractive?: boolean;
|
|
30
|
-
}
|
|
31
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
-
width="15"
|
|
4
|
-
height="16.243"
|
|
5
|
-
viewBox="0 0 15 16.243"
|
|
6
|
-
>
|
|
7
|
-
<g id="arrow_right" transform="translate(0.5 -9.879)">
|
|
8
|
-
<path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9"
|
|
9
|
-
stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
|
|
10
|
-
<path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9"
|
|
11
|
-
stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
|
|
12
|
-
</g>
|
|
13
|
-
</svg>
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20.025">
|
|
2
|
-
<g transform="translate(-948.816 -528.643)">
|
|
3
|
-
<rect class="vial-icon-a" width="1.257" height="1.257"
|
|
4
|
-
transform="translate(956.37 536.663) rotate(-45)"/>
|
|
5
|
-
<rect class="vial-icon-a" width="1.257" height="1.257"
|
|
6
|
-
transform="translate(958.148 534.886) rotate(-45)"/>
|
|
7
|
-
<path class="vial-icon-a"
|
|
8
|
-
d="M960.9,532.13l-.976.976.888.889,1.791-1.791-.445-.445a.627.627,0,0,1,0-.888l.442-.442,4.442,4.441-.444.444a.643.643,0,0,1-.89,0l-.444-.444-2.669,2.668-1.777-1.777-.888.888,1.777,1.778-.889.888-1.777-1.778-.889.889,1.778,1.778-.888.888-1.778-1.777-.888.888,1.777,1.777-.888.889-1.778-1.777-.887.887,1.777,1.777-.888.889-1.778-1.778-.889.888,1.778,1.778-1.332,1.333a1.885,1.885,0,0,1-2.666,0h0a1.166,1.166,0,0,1-.125-.139,1.774,1.774,0,0,1-.4-1.15,2.069,2.069,0,0,1,.607-1.454l5.688-5.688-.89-.891-5.686,5.686a3.337,3.337,0,0,0-.975,2.343,3.019,3.019,0,0,0,.69,1.947,3.142,3.142,0,0,0,4.416.435h0c.079-.065.155-.135.227-.207l11.186-11.186a1.927,1.927,0,0,0,2.147-.369l1.333-1.334-6.219-6.219-1.333,1.333A1.889,1.889,0,0,0,960.9,532.13Z"/>
|
|
9
|
-
</g>
|
|
10
|
-
</svg>
|