code7-leia 0.2.24 → 0.2.25
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/code7-leia.cjs.development.js +11 -11
- package/dist/code7-leia.cjs.development.js.map +1 -1
- package/dist/code7-leia.cjs.production.min.js +1 -1
- package/dist/code7-leia.cjs.production.min.js.map +1 -1
- package/dist/code7-leia.esm.js +11 -11
- package/dist/code7-leia.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/TestArea/components/TextArea/styles.tsx +2 -2
- package/src/components/TestArea/index.tsx +3 -1
- package/src/components/TestArea/styles.tsx +1 -1
|
@@ -1806,7 +1806,7 @@ var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templa
|
|
|
1806
1806
|
return props.isloading && styled.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n #loading {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgb(151,154,165, 0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n }\n\n #loading::after {\n content: \"\";\n border: 4px solid #f3f3f3; /* Cor do s\xEDmbolo de carregamento */\n border-top: 4px solid #5a5d68; /* Cor do s\xEDmbolo de carregamento */\n border-radius: 50%;\n width: 13px;\n height: 13px;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n "])));
|
|
1807
1807
|
});
|
|
1808
1808
|
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .infos {\n display: flex;\n flex-direction: column;\n padding: 14px 0;\n\n h2 {\n font-size: 20px\n }\n\n p {\n font-size: 14px\n }\n }\n"])));
|
|
1809
|
-
var Inputs = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex
|
|
1809
|
+
var Inputs = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex\n justify-content: space-between;\n margin-bottom: 10px;\n\n button {\n background: #102693;\n padding: 10px 20px;\n color: white;\n border-radius: 4px;\n width: 190px;\n height: 45px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n svg {\n width: 23px;\n height: 23px;\n }\n }\n"])));
|
|
1810
1810
|
var Result = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: left;\n background: #F3F5F9;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n\n .text{\n margin-left: 5px;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n\n svg {\n width: 35px;\n height: 35px;\n }\n }\n\n"])));
|
|
1811
1811
|
|
|
1812
1812
|
var _templateObject$a;
|
|
@@ -1875,9 +1875,9 @@ var Container$6 = /*#__PURE__*/styled__default.div(_templateObject$c || (_templa
|
|
|
1875
1875
|
var marginBottom = _ref.marginBottom;
|
|
1876
1876
|
return marginBottom;
|
|
1877
1877
|
});
|
|
1878
|
-
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: relative;\n margin-right: 5px;\n width:
|
|
1878
|
+
var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: relative;\n margin-right: 5px;\n width: 725px;\n\n .icon {\n position: absolute;\n color: #5a5d68;\n\n &.start-icon {\n left: 12px;\n }\n &.end-icon {\n right: 12px;\n }\n }\n\n & .pass-view {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n padding: 14px;\n font-size: 1rem;\n color: #5a5d68;\n }\n"])));
|
|
1879
1879
|
var LabelWrapper = /*#__PURE__*/styled__default.label(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 8px;\n\n .label {\n display: block;\n color: #5a5d68;\n\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem;\n line-height: 114%;\n letter-spacing: -0.02em;\n }\n\n .description {\n font-style: normal;\n font-weight: 500;\n font-size: 0.625rem;\n line-height: 120%;\n color: #5a5d68;\n display: block;\n }\n"])));
|
|
1880
|
-
var CustomTextArea = /*#__PURE__*/styled__default.textarea(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Monospace', -apple-system, BlinkMacSystemFont, sans-serif;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n letter-spacing: -0.02em;\n resize: vertical;\n padding: 8px 12px;\n\n border-radius: 4px;\n border: 1px solid #979aa5;\n color: #5a5d68 !important;\n width: 100%;\n\n background: #ffffff;\n transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,\n border 0.2s ease-in-out;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n\n &:hover {\n border: 1px solid #102693;\n }\n &:active {\n border: 1px solid #102693;\n }\n &:disabled {\n border: 1px solid #dadce3;\n background: #f3f5f9;\n color: #dadce3;\n }\n\n &.small {\n height: 32px;\n }\n\n &.medium {\n height:
|
|
1880
|
+
var CustomTextArea = /*#__PURE__*/styled__default.textarea(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: 'Monospace', -apple-system, BlinkMacSystemFont, sans-serif;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n letter-spacing: -0.02em;\n resize: vertical;\n padding: 8px 12px;\n\n border-radius: 4px;\n border: 1px solid #979aa5;\n color: #5a5d68 !important;\n width: 100%;\n\n background: #ffffff;\n transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,\n border 0.2s ease-in-out;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n\n &:hover {\n border: 1px solid #102693;\n }\n &:active {\n border: 1px solid #102693;\n }\n &:disabled {\n border: 1px solid #dadce3;\n background: #f3f5f9;\n color: #dadce3;\n }\n\n &.small {\n height: 32px;\n }\n\n &.medium {\n height: 120px;\n }\n\n &.large {\n height: 48px;\n font-size: 1rem;\n }\n\n &.success {\n background: #e3f8cc;\n border: 1px solid #19660a;\n color: #19660a;\n }\n\n &.danger {\n background: #fae0d2;\n border: 1px solid #871821;\n color: #871821;\n }\n\n &.error {\n background: #fae0d2;\n border: 1px solid #871821;\n color: #871821;\n }\n\n &.has-start-icon {\n padding-left: 40px;\n }\n &.has-end-icon {\n padding-right: 40px;\n }\n"])));
|
|
1881
1881
|
var Helper = /*#__PURE__*/styled__default.div(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &.helper {\n font-style: normal;\n font-weight: 500;\n font-size: 0.625rem;\n line-height: 120%;\n color: #5a5d68;\n display: block;\n margin-top: 4px;\n\n &.success {\n color: #19660a;\n }\n\n &.danger {\n color: #871821;\n }\n }\n"])));
|
|
1882
1882
|
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-style: normal;\n font-weight: 500;\n font-size: 0.625rem;\n line-height: 120%;\n display: block;\n margin-top: 4px;\n color: #871821;\n"])));
|
|
1883
1883
|
|
|
@@ -2009,20 +2009,20 @@ var TestArea = function TestArea() {
|
|
|
2009
2009
|
placeholder: t.testArea.selectPersona,
|
|
2010
2010
|
options: optionsPersona,
|
|
2011
2011
|
onSelect: handleSelectPersona
|
|
2012
|
-
}), profile === "Custom" && React__default.createElement(TextArea, {
|
|
2013
|
-
className: "textarea-message",
|
|
2014
|
-
placeholder: t.testArea.typePrompt,
|
|
2015
|
-
value: prompt,
|
|
2016
|
-
onChange: function onChange(e) {
|
|
2017
|
-
handlePrompt(e.target.value);
|
|
2018
|
-
}
|
|
2019
2012
|
}), React__default.createElement(CustomSelect, {
|
|
2020
2013
|
placeholder: t.testArea.selectPresset,
|
|
2021
2014
|
options: optionsPresset,
|
|
2022
2015
|
onSelect: handleSelectPresset
|
|
2023
2016
|
}), React__default.createElement("button", {
|
|
2024
2017
|
onClick: handleTest
|
|
2025
|
-
}, React__default.createElement(pi.PiWaveformBold, null), " ", t.buttons.test)),
|
|
2018
|
+
}, React__default.createElement(pi.PiWaveformBold, null), " ", t.buttons.test)), React__default.createElement(Inputs, null, profile === "Custom" && React__default.createElement(TextArea, {
|
|
2019
|
+
className: "textarea-message",
|
|
2020
|
+
placeholder: t.testArea.typePrompt,
|
|
2021
|
+
value: prompt,
|
|
2022
|
+
onChange: function onChange(e) {
|
|
2023
|
+
handlePrompt(e.target.value);
|
|
2024
|
+
}
|
|
2025
|
+
})), !results ? React__default.createElement(EmptyState, {
|
|
2026
2026
|
icon: React__default.createElement(fa.FaList, null),
|
|
2027
2027
|
title: t.testArea.emptyState.title,
|
|
2028
2028
|
description: t.testArea.emptyState.description,
|