odaptos_design_system 1.4.315 → 1.4.317
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/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/odaptos_design_system.cjs.development.js +8 -6
- 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 +8 -6
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/ColorPicker/ColorPicker.tsx +4 -1
- package/src/Form/FormQuestions/FormQuestions.module.scss +12 -5
- package/src/Form/FormQuestions/FormQuestions.tsx +34 -12
|
@@ -3,5 +3,5 @@ interface ColorPickerProps {
|
|
|
3
3
|
color: string;
|
|
4
4
|
onChange: (color: string) => void;
|
|
5
5
|
}
|
|
6
|
-
export declare const ColorPicker: ({ color, onChange }: ColorPickerProps) => React.JSX.Element;
|
|
6
|
+
export declare const ColorPicker: ({ color, onChange, }: ColorPickerProps) => React.JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -10073,7 +10073,7 @@ var styles$a = {"colorPicker":"ColorPicker-modules_colorPicker__qmv7O","colorPic
|
|
|
10073
10073
|
styleInject(css_248z$a);
|
|
10074
10074
|
|
|
10075
10075
|
const ColorPicker = ({
|
|
10076
|
-
color,
|
|
10076
|
+
color = '#268aa9',
|
|
10077
10077
|
onChange
|
|
10078
10078
|
}) => {
|
|
10079
10079
|
const handleChange = color => {
|
|
@@ -10757,8 +10757,8 @@ const FeaturesTable = ({
|
|
|
10757
10757
|
}));
|
|
10758
10758
|
};
|
|
10759
10759
|
|
|
10760
|
-
var css_248z$f = ".FormQuestions-module_formQuestionsContainer__essPm{display:flex;flex-direction:column;gap
|
|
10761
|
-
var styles$f = {"formQuestionsContainer":"FormQuestions-module_formQuestionsContainer__essPm","questionContainer":"FormQuestions-module_questionContainer__w-jzK","questionText":"FormQuestions-module_questionText__SQpxE","topText":"FormQuestions-module_topText__l3HF-","buttons":"FormQuestions-module_buttons__DBGBX","backButton":"FormQuestions-module_backButton__g7RtB","nextButton":"FormQuestions-module_nextButton__suauq"};
|
|
10760
|
+
var css_248z$f = ".FormQuestions-module_formQuestionsContainer__essPm,.FormQuestions-module_formQuestionsContent__4bm5M{display:flex;flex-direction:column;gap:.875rem;justify-content:center}.FormQuestions-module_questionContainer__w-jzK{display:flex;flex-direction:column;gap:.75rem;justify-content:center;width:100%}.FormQuestions-module_questionText__SQpxE{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Poppins;font-size:24px;font-weight:700}.FormQuestions-module_topText__l3HF-{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:16px;font-weight:400;width:100%}.FormQuestions-module_buttons__DBGBX{display:flex;flex-direction:row;justify-content:space-between}.FormQuestions-module_backButton__g7RtB{margin-right:auto}.FormQuestions-module_nextButton__suauq{margin-left:auto}";
|
|
10761
|
+
var styles$f = {"formQuestionsContainer":"FormQuestions-module_formQuestionsContainer__essPm","formQuestionsContent":"FormQuestions-module_formQuestionsContent__4bm5M","questionContainer":"FormQuestions-module_questionContainer__w-jzK","questionText":"FormQuestions-module_questionText__SQpxE","topText":"FormQuestions-module_topText__l3HF-","buttons":"FormQuestions-module_buttons__DBGBX","backButton":"FormQuestions-module_backButton__g7RtB","nextButton":"FormQuestions-module_nextButton__suauq"};
|
|
10762
10762
|
styleInject(css_248z$f);
|
|
10763
10763
|
|
|
10764
10764
|
var css_248z$g = ".QuestionButton-module_QuestionButtonContainer__-8PB1{align-items:flex-start;background:var(--Color-Primary-50,#f2f8ff);border:1px solid var(--Color-Primary-300,#66adff);border-radius:.5rem;border-radius:8px;cursor:pointer;display:flex;padding:.5rem 1rem}.QuestionButton-module_QuestionButtonContainer__-8PB1 .QuestionButton-module_QuestionButtonText__Tec12{color:var(--Color-Primary-600,#005fcc);font-family:Poppins;font-size:16px}.QuestionButton-module_QuestionButtonContainer__-8PB1:hover{box-shadow:0 2px 6px 2px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15)}.QuestionButton-module_QuestionButtonContainerSelected__CNhcI{background:var(--Color-Primary-500,#07f)!important;border:1px solid var(--Color-Primary-300,#66adff)!important}.QuestionButton-module_QuestionButtonContainerSelected__CNhcI .QuestionButton-module_QuestionButtonText__Tec12{color:var(--Color-Neutral-Basics-White,#fff);font-family:Poppins}";
|
|
@@ -10818,7 +10818,9 @@ const FormQuestions = ({
|
|
|
10818
10818
|
width: '8.64519rem',
|
|
10819
10819
|
height: '2rem'
|
|
10820
10820
|
}
|
|
10821
|
-
}),
|
|
10821
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
10822
|
+
className: styles$f.formQuestionsContent
|
|
10823
|
+
}, hint && /*#__PURE__*/React__default.createElement(SquareText, {
|
|
10822
10824
|
text: hint
|
|
10823
10825
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
10824
10826
|
className: styles$f.questionContainer
|
|
@@ -10835,7 +10837,7 @@ const FormQuestions = ({
|
|
|
10835
10837
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
10836
10838
|
className: styles$f.buttons
|
|
10837
10839
|
}, backText && /*#__PURE__*/React__default.createElement(Button, {
|
|
10838
|
-
variant:
|
|
10840
|
+
variant: 'tertiary',
|
|
10839
10841
|
className: styles$f.backButton,
|
|
10840
10842
|
iconLeft: /*#__PURE__*/React__default.createElement(ArrowPointerLeft, null),
|
|
10841
10843
|
text: backText,
|
|
@@ -10846,7 +10848,7 @@ const FormQuestions = ({
|
|
|
10846
10848
|
className: styles$f.nextButton,
|
|
10847
10849
|
iconRight: /*#__PURE__*/React__default.createElement(ArrowPointerRight, null),
|
|
10848
10850
|
onClick: nextAction
|
|
10849
|
-
})));
|
|
10851
|
+
}))));
|
|
10850
10852
|
};
|
|
10851
10853
|
|
|
10852
10854
|
var css_248z$i = ".SusExplanation-module_sus_explanation__lL7tm{align-items:flex-start;background:var(--Color-Extended-Green-50,#f7fcf7);border:1px solid var(--Color-Extended-Green-200,#d5edd8);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:.75rem}";
|