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
package/dist/code7-leia.esm.js
CHANGED
|
@@ -1798,7 +1798,7 @@ var Container$3 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$
|
|
|
1798
1798
|
return props.isloading && 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 "])));
|
|
1799
1799
|
});
|
|
1800
1800
|
var Header$1 = /*#__PURE__*/styled.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"])));
|
|
1801
|
-
var Inputs = /*#__PURE__*/styled.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex
|
|
1801
|
+
var Inputs = /*#__PURE__*/styled.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"])));
|
|
1802
1802
|
var Result = /*#__PURE__*/styled.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"])));
|
|
1803
1803
|
|
|
1804
1804
|
var _templateObject$a;
|
|
@@ -1867,9 +1867,9 @@ var Container$6 = /*#__PURE__*/styled.div(_templateObject$c || (_templateObject$
|
|
|
1867
1867
|
var marginBottom = _ref.marginBottom;
|
|
1868
1868
|
return marginBottom;
|
|
1869
1869
|
});
|
|
1870
|
-
var InputWrapper = /*#__PURE__*/styled.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: relative;\n margin-right: 5px;\n width:
|
|
1870
|
+
var InputWrapper = /*#__PURE__*/styled.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"])));
|
|
1871
1871
|
var LabelWrapper = /*#__PURE__*/styled.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"])));
|
|
1872
|
-
var CustomTextArea = /*#__PURE__*/styled.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:
|
|
1872
|
+
var CustomTextArea = /*#__PURE__*/styled.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"])));
|
|
1873
1873
|
var Helper = /*#__PURE__*/styled.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"])));
|
|
1874
1874
|
var Error$1 = /*#__PURE__*/styled.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"])));
|
|
1875
1875
|
|
|
@@ -2001,20 +2001,20 @@ var TestArea = function TestArea() {
|
|
|
2001
2001
|
placeholder: t.testArea.selectPersona,
|
|
2002
2002
|
options: optionsPersona,
|
|
2003
2003
|
onSelect: handleSelectPersona
|
|
2004
|
-
}), profile === "Custom" && React.createElement(TextArea, {
|
|
2005
|
-
className: "textarea-message",
|
|
2006
|
-
placeholder: t.testArea.typePrompt,
|
|
2007
|
-
value: prompt,
|
|
2008
|
-
onChange: function onChange(e) {
|
|
2009
|
-
handlePrompt(e.target.value);
|
|
2010
|
-
}
|
|
2011
2004
|
}), React.createElement(CustomSelect, {
|
|
2012
2005
|
placeholder: t.testArea.selectPresset,
|
|
2013
2006
|
options: optionsPresset,
|
|
2014
2007
|
onSelect: handleSelectPresset
|
|
2015
2008
|
}), React.createElement("button", {
|
|
2016
2009
|
onClick: handleTest
|
|
2017
|
-
}, React.createElement(PiWaveformBold, null), " ", t.buttons.test)),
|
|
2010
|
+
}, React.createElement(PiWaveformBold, null), " ", t.buttons.test)), React.createElement(Inputs, null, profile === "Custom" && React.createElement(TextArea, {
|
|
2011
|
+
className: "textarea-message",
|
|
2012
|
+
placeholder: t.testArea.typePrompt,
|
|
2013
|
+
value: prompt,
|
|
2014
|
+
onChange: function onChange(e) {
|
|
2015
|
+
handlePrompt(e.target.value);
|
|
2016
|
+
}
|
|
2017
|
+
})), !results ? React.createElement(EmptyState, {
|
|
2018
2018
|
icon: React.createElement(FaList, null),
|
|
2019
2019
|
title: t.testArea.emptyState.title,
|
|
2020
2020
|
description: t.testArea.emptyState.description,
|