odaptos_design_system 1.4.154 → 1.4.156
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/Form/FormQuestions/FormQuestions.d.ts +2 -2
- package/dist/Tooltip/Layout/TooltipCustomLayout.d.ts +3 -1
- package/dist/Tooltip/Tooltip.d.ts +3 -1
- package/dist/odaptos_design_system.cjs.development.js +15 -5
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +15 -5
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Form/FormQuestions/FormQuestions.tsx +2 -4
- package/src/Tooltip/Layout/TooltipCustomLayout.module.scss +15 -1
- package/src/Tooltip/Layout/TooltipCustomLayout.tsx +14 -0
- package/src/Tooltip/Tooltip.tsx +6 -0
|
@@ -4,11 +4,11 @@ interface FormQuestionsProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
4
4
|
answers: {
|
|
5
5
|
text: string;
|
|
6
6
|
isSelected: boolean;
|
|
7
|
+
onClick: () => void;
|
|
7
8
|
}[];
|
|
8
9
|
question: string;
|
|
9
10
|
hint: string;
|
|
10
11
|
optionText: string;
|
|
11
|
-
onClick: () => void;
|
|
12
12
|
nextAction?: () => void;
|
|
13
13
|
backAction?: () => void;
|
|
14
14
|
nextText?: string;
|
|
@@ -17,5 +17,5 @@ interface FormQuestionsProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
17
17
|
/** This text should be use to display basic text
|
|
18
18
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
19
19
|
*/
|
|
20
|
-
export declare const FormQuestions: ({ answers, question, hint, optionText,
|
|
20
|
+
export declare const FormQuestions: ({ answers, question, hint, optionText, backAction, backText, nextAction, nextText, }: FormQuestionsProps) => React.JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -4,6 +4,8 @@ interface TooltipLayoutProps {
|
|
|
4
4
|
closeButton?: JSX.Element;
|
|
5
5
|
onClickClose?: () => void;
|
|
6
6
|
tooltipDescription?: string;
|
|
7
|
+
optionalUrl?: string;
|
|
8
|
+
optionalUrlText?: string;
|
|
7
9
|
customContent?: JSX.Element;
|
|
8
10
|
buttonOneText?: string;
|
|
9
11
|
buttonTwoText?: string;
|
|
@@ -16,5 +18,5 @@ interface TooltipLayoutProps {
|
|
|
16
18
|
buttonOneOnClick?: () => void;
|
|
17
19
|
buttonTwoOnClick?: () => void;
|
|
18
20
|
}
|
|
19
|
-
export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, }: TooltipLayoutProps) => React.JSX.Element;
|
|
21
|
+
export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, optionalUrl, optionalUrlText, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, }: TooltipLayoutProps) => React.JSX.Element;
|
|
20
22
|
export {};
|
|
@@ -6,6 +6,8 @@ interface TooltipProps {
|
|
|
6
6
|
title?: string;
|
|
7
7
|
closeButton?: JSX.Element;
|
|
8
8
|
tooltipDescription?: string;
|
|
9
|
+
optionalUrl?: string;
|
|
10
|
+
optionalUrlText?: string;
|
|
9
11
|
customContent?: JSX.Element;
|
|
10
12
|
buttonOneText?: string;
|
|
11
13
|
buttonTwoText?: string;
|
|
@@ -23,5 +25,5 @@ interface TooltipProps {
|
|
|
23
25
|
isOpen?: boolean;
|
|
24
26
|
children: JSX.Element;
|
|
25
27
|
}
|
|
26
|
-
export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, shouldBeOpen, isOpen, children, }: TooltipProps) => JSX.Element;
|
|
28
|
+
export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, optionalUrl, optionalUrlText, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, shouldBeOpen, isOpen, children, }: TooltipProps) => JSX.Element;
|
|
27
29
|
export {};
|
|
@@ -8909,8 +8909,8 @@ const RowCell = ({
|
|
|
8909
8909
|
}));
|
|
8910
8910
|
};
|
|
8911
8911
|
|
|
8912
|
-
var css_248z$c = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
|
|
8913
|
-
var styles$c = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
|
|
8912
|
+
var css_248z$c = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM{color:var(--Color-Primary-500,#07f);font-family:OpenSans;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM:visited{color:var(--Color-Primary-500,#07f)}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
|
|
8913
|
+
var styles$c = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_optional_url":"TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
|
|
8914
8914
|
styleInject(css_248z$c);
|
|
8915
8915
|
|
|
8916
8916
|
const TooltipLayout = ({
|
|
@@ -8918,6 +8918,8 @@ const TooltipLayout = ({
|
|
|
8918
8918
|
closeButton,
|
|
8919
8919
|
onClickClose,
|
|
8920
8920
|
tooltipDescription,
|
|
8921
|
+
optionalUrl,
|
|
8922
|
+
optionalUrlText,
|
|
8921
8923
|
customContent,
|
|
8922
8924
|
buttonOneText,
|
|
8923
8925
|
buttonTwoText,
|
|
@@ -8947,7 +8949,12 @@ const TooltipLayout = ({
|
|
|
8947
8949
|
text: tooltipDescription,
|
|
8948
8950
|
size: "xs",
|
|
8949
8951
|
className: styles$c.tooltip_layout_description
|
|
8950
|
-
}),
|
|
8952
|
+
}), optionalUrl && optionalUrlText && /*#__PURE__*/React__default.createElement("a", {
|
|
8953
|
+
href: optionalUrl,
|
|
8954
|
+
target: "_blank",
|
|
8955
|
+
rel: "noopener noreferrer",
|
|
8956
|
+
className: styles$c.tooltip_layout_optional_url
|
|
8957
|
+
}, optionalUrlText), customContent && /*#__PURE__*/React__default.createElement("div", {
|
|
8951
8958
|
className: styles$c.tooltip_layout_content
|
|
8952
8959
|
}, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React__default.createElement("div", {
|
|
8953
8960
|
className: styles$c.tooltip_layout_actions
|
|
@@ -8980,6 +8987,8 @@ const Tooltip = ({
|
|
|
8980
8987
|
title,
|
|
8981
8988
|
closeButton,
|
|
8982
8989
|
tooltipDescription,
|
|
8990
|
+
optionalUrl,
|
|
8991
|
+
optionalUrlText,
|
|
8983
8992
|
customContent,
|
|
8984
8993
|
buttonOneText,
|
|
8985
8994
|
buttonTwoText,
|
|
@@ -9032,6 +9041,8 @@ const Tooltip = ({
|
|
|
9032
9041
|
closeButton: closeButton,
|
|
9033
9042
|
onClickClose: handleClose,
|
|
9034
9043
|
tooltipDescription: tooltipDescription,
|
|
9044
|
+
optionalUrl: optionalUrl,
|
|
9045
|
+
optionalUrlText: optionalUrlText,
|
|
9035
9046
|
customContent: customContent,
|
|
9036
9047
|
buttonOneText: buttonOneText,
|
|
9037
9048
|
buttonTwoText: buttonTwoText,
|
|
@@ -12425,7 +12436,6 @@ const FormQuestions = ({
|
|
|
12425
12436
|
question,
|
|
12426
12437
|
hint,
|
|
12427
12438
|
optionText,
|
|
12428
|
-
onClick,
|
|
12429
12439
|
backAction,
|
|
12430
12440
|
backText,
|
|
12431
12441
|
nextAction,
|
|
@@ -12451,7 +12461,7 @@ const FormQuestions = ({
|
|
|
12451
12461
|
}), answers.map(answer => /*#__PURE__*/React__default.createElement(QuestionButton, {
|
|
12452
12462
|
text: answer.text,
|
|
12453
12463
|
clicked: answer.isSelected,
|
|
12454
|
-
onClick: onClick
|
|
12464
|
+
onClick: answer.onClick
|
|
12455
12465
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
12456
12466
|
className: styles$R.buttons
|
|
12457
12467
|
}, backText && /*#__PURE__*/React__default.createElement(Button, {
|