@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.
Files changed (89) hide show
  1. package/lib/components/boolean-feedback/index.d.ts +0 -1
  2. package/lib/components/buttons/index.d.ts +0 -7
  3. package/lib/components/containers/grid-containers/fr-fr-container/fr-fr-container.d.ts +1 -0
  4. package/lib/components/containers/grid-containers/fr-max-container/fr-max-container.d.ts +1 -0
  5. package/lib/components/containers/grid-containers/max-fr-container/max-fr-container.d.ts +1 -0
  6. package/lib/components/containers/grid-containers/max-max-container/max-max-container.d.ts +1 -0
  7. package/lib/components/icons/index.d.ts +0 -3
  8. package/lib/components/meters/index.d.ts +0 -5
  9. package/lib/index.js +1 -1
  10. package/package.json +51 -51
  11. package/lib/34495da933de1f754678f771ab03f6d4.svg +0 -5
  12. package/lib/344ff1b1dabb64d4afd170ecb184dcf4.svg +0 -28
  13. package/lib/3ddb32186aa33370109f8d3ba34025c0.svg +0 -5
  14. package/lib/418f7317e257e6dfb9941a652fdf7fec.svg +0 -1
  15. package/lib/4393e885c58d2ca4f0b55953152d8092.svg +0 -28
  16. package/lib/589592499a7422b3f2d78b1e515b3e9c.svg +0 -10
  17. package/lib/6772478d2eaee427474922088bbf90ed.svg +0 -6
  18. package/lib/7f56dfa647c344ca2cc0370f97c7596e.svg +0 -28
  19. package/lib/830707144a2930f96fc68e3a58ffc06e.svg +0 -28
  20. package/lib/920b13e676d7c5e40a5a2a4460ee445e.svg +0 -23
  21. package/lib/components/boolean-feedback/yes-no-feedback/index.d.ts +0 -1
  22. package/lib/components/boolean-feedback/yes-no-feedback/interfaces.d.ts +0 -2
  23. package/lib/components/boolean-feedback/yes-no-feedback/yes-no-feedback.d.ts +0 -6
  24. package/lib/components/buttons/cta/next-button/assets/index.d.ts +0 -1
  25. package/lib/components/buttons/cta/next-button/assets/next.svg +0 -1
  26. package/lib/components/buttons/cta/next-button/index.d.ts +0 -3
  27. package/lib/components/buttons/cta/next-button/interfaces.d.ts +0 -11
  28. package/lib/components/buttons/cta/next-button/next-button.d.ts +0 -6
  29. package/lib/components/buttons/logos/navbar-logo/assets/index.d.ts +0 -1
  30. package/lib/components/buttons/logos/navbar-logo/assets/navbar-logo.svg +0 -1
  31. package/lib/components/buttons/logos/navbar-logo/index.d.ts +0 -1
  32. package/lib/components/buttons/logos/navbar-logo/interfaces.d.ts +0 -2
  33. package/lib/components/buttons/logos/navbar-logo/navbar-logo.d.ts +0 -6
  34. package/lib/components/buttons/partials/cross-button/assets/cross.svg +0 -5
  35. package/lib/components/buttons/partials/cross-button/assets/index.d.ts +0 -1
  36. package/lib/components/buttons/partials/cross-button/cross-button.d.ts +0 -6
  37. package/lib/components/buttons/partials/cross-button/index.d.ts +0 -1
  38. package/lib/components/buttons/partials/cross-button/interfaces.d.ts +0 -5
  39. package/lib/components/buttons/partials/goto-button/assets/arrow-right.svg +0 -13
  40. package/lib/components/buttons/partials/goto-button/assets/index.d.ts +0 -1
  41. package/lib/components/buttons/partials/goto-button/goto-button.d.ts +0 -6
  42. package/lib/components/buttons/partials/goto-button/index.d.ts +0 -1
  43. package/lib/components/buttons/partials/goto-button/interfaces.d.ts +0 -5
  44. package/lib/components/buttons/partials/multi-choice/assets/index.d.ts +0 -2
  45. package/lib/components/buttons/partials/multi-choice/assets/minus.svg +0 -1
  46. package/lib/components/buttons/partials/multi-choice/assets/plus.svg +0 -1
  47. package/lib/components/buttons/partials/multi-choice/index.d.ts +0 -3
  48. package/lib/components/buttons/partials/multi-choice/interfaces.d.ts +0 -11
  49. package/lib/components/buttons/partials/multi-choice/multi-choice-button.d.ts +0 -6
  50. package/lib/components/buttons/partials/tick-button/assets/index.d.ts +0 -1
  51. package/lib/components/buttons/partials/tick-button/assets/tick.svg +0 -5
  52. package/lib/components/buttons/partials/tick-button/index.d.ts +0 -1
  53. package/lib/components/buttons/partials/tick-button/interfaces.d.ts +0 -5
  54. package/lib/components/buttons/partials/tick-button/tick-button.d.ts +0 -6
  55. package/lib/components/buttons/radio-info-button/index.d.ts +0 -1
  56. package/lib/components/buttons/radio-info-button/interfaces.d.ts +0 -31
  57. package/lib/components/buttons/radio-info-button/radio-info-button.d.ts +0 -3
  58. package/lib/components/buttons/round-icon-button/index.d.ts +0 -1
  59. package/lib/components/buttons/round-icon-button/interfaces.d.ts +0 -67
  60. package/lib/components/buttons/round-icon-button/round-icon-button.d.ts +0 -3
  61. package/lib/components/icons/cart-icon/cart-icon.svg +0 -10
  62. package/lib/components/icons/cart-icon/index.d.ts +0 -1
  63. package/lib/components/icons/genetics-icon/genetics-icon.svg +0 -6
  64. package/lib/components/icons/genetics-icon/index.d.ts +0 -1
  65. package/lib/components/icons/vial-icon/index.d.ts +0 -1
  66. package/lib/components/icons/vial-icon/vial-icon.svg +0 -10
  67. package/lib/components/meters/base-outline-meter/base-outline-meter.d.ts +0 -6
  68. package/lib/components/meters/base-outline-meter/index.d.ts +0 -3
  69. package/lib/components/meters/base-outline-meter/interfaces.d.ts +0 -20
  70. package/lib/components/meters/continuous-outline-meter/continuous-outline-meter.d.ts +0 -6
  71. package/lib/components/meters/continuous-outline-meter/index.d.ts +0 -1
  72. package/lib/components/meters/continuous-outline-meter/interfaces.d.ts +0 -25
  73. package/lib/components/meters/discrete-outline-meter/discrete-outline-meter.d.ts +0 -6
  74. package/lib/components/meters/discrete-outline-meter/index.d.ts +0 -1
  75. package/lib/components/meters/discrete-outline-meter/interfaces.d.ts +0 -25
  76. package/lib/components/meters/multicolor-outline-meter/index.d.ts +0 -1
  77. package/lib/components/meters/multicolor-outline-meter/interfaces.d.ts +0 -21
  78. package/lib/components/meters/multicolor-outline-meter/multicolor-outline-meter.d.ts +0 -6
  79. package/lib/components/meters/smiley-meter/assets/index.d.ts +0 -5
  80. package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-1.svg +0 -28
  81. package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-2.svg +0 -28
  82. package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-3.svg +0 -23
  83. package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-4.svg +0 -28
  84. package/lib/components/meters/smiley-meter/assets/outlined-smiley-state-5.svg +0 -28
  85. package/lib/components/meters/smiley-meter/index.d.ts +0 -1
  86. package/lib/components/meters/smiley-meter/interfaces.d.ts +0 -31
  87. package/lib/components/meters/smiley-meter/smiley-meter.d.ts +0 -6
  88. package/lib/e986409f719ff9bf4d159ad2929c4590.svg +0 -13
  89. 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,3 +0,0 @@
1
- import React from "react";
2
- import { RoundIconButtonProps as Props } from "./interfaces";
3
- export declare const RoundIconButton: React.FC<Props>;
@@ -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,6 +0,0 @@
1
- import React from "react";
2
- import { BaseOutlineMeterProps } from "./interfaces";
3
- /**
4
- * BaseOutlineMeter component.
5
- */
6
- export declare const BaseOutlineMeter: (props: BaseOutlineMeterProps) => React.ReactElement<BaseOutlineMeterProps>;
@@ -1,3 +0,0 @@
1
- import { BaseOutlineMeterProps as Props } from "./interfaces";
2
- export { BaseOutlineMeter } from "./base-outline-meter";
3
- export declare type BaseOutlineMeterProps = Props;
@@ -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,6 +0,0 @@
1
- import React from "react";
2
- import { DiscreteOutlineMeterProps } from "./interfaces";
3
- /**
4
- * DiscreteOutlineMeter component.
5
- */
6
- export declare const DiscreteOutlineMeter: (props: DiscreteOutlineMeterProps) => React.ReactElement<DiscreteOutlineMeterProps>;
@@ -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,6 +0,0 @@
1
- import React from "react";
2
- import { SmileyMeterProps } from "./interfaces";
3
- /**
4
- * SmileyMeter component.
5
- */
6
- export declare const SmileyMeter: (props: SmileyMeterProps) => React.ReactElement<SmileyMeterProps>;
@@ -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>