infinity-forge 13.1.8 → 13.1.9
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/ui/codie-dynamic/components/interactions/component.js +2 -2
- package/dist/ui/codie-dynamic/components/interactions/component.js.map +1 -1
- package/dist/ui/codie-dynamic/components/interactions/styles.js +1 -1
- package/dist/ui/codie-dynamic/components/interactions/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -112,14 +112,14 @@ function Interactions(props) {
|
|
|
112
112
|
}, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }), " Avaliar"] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'bottom', children: (_j = (_h = data === null || data === void 0 ? void 0 : data.item) === null || _h === void 0 ? void 0 : _h.items) === null || _j === void 0 ? void 0 : _j.map(function (item) { return ((0, jsx_runtime_1.jsx)(card_1.ReviewCard, __assign({ theme: theme }, item), "evaluation-card-".concat(item.id))); }) })] })] }), (0, jsx_runtime_1.jsx)(ui_1.LoginModal, { open: isOpenAuth, setOpen: setIsOpenAuth, title: 'Autentica\u00E7\u00E3o', onAuth: function () {
|
|
113
113
|
setIsOpen(true);
|
|
114
114
|
setIsOpenAuth(false);
|
|
115
|
-
} }), (0, jsx_runtime_1.jsx)(ui_1.Modal, { disabledClickOverlay: true, open: isOpen, onClose: function () { return setIsOpen(false); }, styles: {
|
|
115
|
+
} }), (0, jsx_runtime_1.jsx)(ui_1.Modal, { hideCloseButton: true, disabledClickOverlay: true, open: isOpen, onClose: function () { return setIsOpen(false); }, styles: {
|
|
116
116
|
padding: 0,
|
|
117
117
|
backgroundColor: '#fff',
|
|
118
118
|
boxShadow: 'none',
|
|
119
119
|
maxWidth: '500px',
|
|
120
120
|
}, stylesContent: {
|
|
121
121
|
padding: '0',
|
|
122
|
-
}, children: (0, jsx_runtime_1.jsxs)(S.Modal, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-32-bold', children: "Avalie" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { button: { text: 'Enviar' }, disableEnterKeySubmitForm: true, cleanFieldsOnSubmit: false, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
|
|
122
|
+
}, children: (0, jsx_runtime_1.jsxs)(S.Modal, { "$themeInteractions": theme, children: [(0, jsx_runtime_1.jsx)("h4", { className: 'font-32-bold', children: "Avalie" }), (0, jsx_runtime_1.jsx)("span", { className: 'font-20 subtitle', children: "Avalia\u00E7\u00E3o Geral:" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { button: { text: 'Enviar' }, disableEnterKeySubmitForm: true, cleanFieldsOnSubmit: false, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
|
|
123
123
|
var payload;
|
|
124
124
|
var _a, _b;
|
|
125
125
|
return __generator(this, function (_c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.Modal = exports.Evaluations = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.Evaluations = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n * {\n color: ", ";\n }\n\n h5 {\n margin-bottom: 5px;\n }\n\n > div {\n border-radius: 30px;\n padding: 40px;\n background-color: ", ";\n\n .top {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #dcdcdc;\n margin-bottom: 30px;\n padding-bottom: 30px;\n justify-content: space-between;\n\n .container-stars {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n }\n\n .stars {\n .star {\n color: ", " !important;\n }\n\n .number {\n display: none;\n }\n }\n\n > .item:nth-child(1) {\n span {\n svg {\n margin-left: 8px;\n }\n\n &:last-child {\n color: ", ";\n margin-top: 10px;\n }\n }\n }\n\n > .item:nth-child(2) {\n margin: 0 15px 0 15px;\n padding: 0 15px 0 15px;\n width: fit-content;\n border-left: 1px solid #dcdcdc;\n border-right: 1px solid #dcdcdc;\n\n > div {\n display: grid;\n grid-template-columns: 125px 180px 30px;\n align-items: center;\n gap: 20px;\n \n & + div {\n margin-top: 15px;\n }\n\n .back-bar {\n height: 10px;\n border-radius: 100rem;\n background: #aaaaaa;\n position: relative;\n z-index: 2;\n }\n\n .bar {\n height: 10px;\n border-radius: 100rem;\n background: ", ";\n position: relative;\n z-index: 3;\n }\n }\n }\n\n > .item:nth-child(3) {\n color: ", ";\n padding: 0;\n background: none;\n border: none;\n border: 1px solid currentColor;\n height: 48px;\n padding: 0 20px;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: 0.1s;\n\n &:hover {\n color: #fff;\n background: ", ";\n\n svg {\n fill: #fff;\n }\n }\n\n svg {\n width: 16px;\n height: auto;\n fill: currentColor;\n }\n }\n }\n\n .bottom {\n > div + div {\n margin-top: 30px;\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n > div {\n padding: 30px;\n border-radius: 25px;\n\n .top {\n margin-bottom: 28px;\n padding-bottom: 28px;\n\n > .item:nth-child(2) {\n margin: 0 20px 0 20px;\n padding: 0 20px 0 20px;\n\n > div {\n grid-template-columns: 115px 160px 30px;\n gap: 18px;\n }\n }\n\n > .item:nth-child(3) {\n height: 46px;\n padding: 0 18px;\n\n svg {\n width: 15px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n > div {\n padding: 25px;\n border-radius: 20px;\n\n .top {\n margin-bottom: 25px;\n padding-bottom: 25px;\n\n > .item:nth-child(2) {\n margin: 0 15px 0 15px;\n padding: 0 15px 0 15px;\n\n > div {\n grid-template-columns: 105px 140px 30px;\n gap: 15px;\n }\n }\n\n > .item:nth-child(3) {\n height: 46px;\n padding: 0 18px;\n\n svg {\n width: 15px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n > div {\n padding: 20px;\n border-radius: 15px;\n\n .top {\n margin-bottom: 20px;\n padding-bottom: 20px;\n gap: 5px;\n\n .container-stars {\n align-items: start;\n flex-direction: column;\n }\n\n > .item:nth-child(1) {\n svg {\n width: 110px;\n height: auto;\n }\n }\n\n > .item:nth-child(2) {\n margin: 0 0;\n padding: 0 10px;\n\n > div {\n grid-template-columns: 100px 80px 30px;\n gap: 8px;\n }\n }\n\n > .item:nth-child(3) {\n height: 44px;\n padding: 0 16px;\n\n svg {\n width: 13px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n > div {\n padding: 15px;\n border-radius: 10px;\n\n .top {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n\n .container-stars {\n flex-direction: row;\n align-items: center;\n }\n\n > .item:nth-child(1) {\n span {\n &:last-child {\n margin-top: 5px;\n }\n }\n }\n\n > .item:nth-child(2) {\n border-right: none;\n padding-right: 0;\n\n > div {\n font-size: 14px;\n grid-template-columns: 100px 100px 30px;\n\n & + div {\n margin-top: 10px;\n }\n }\n }\n\n > .item:nth-child(3) {\n height: 42px;\n max-width: fit-content;\n\n svg {\n width: 12px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 800px) {\n > div .top > .item:nth-child(2) > div {\n gap: 3px;\n grid-template-columns: 100px 60px 25px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n > div {\n padding: 10px;\n background-color: transparent;\n\n .top {\n display: grid;\n grid-template-columns: 1fr 1fr;\n\n > .item:nth-child(2) {\n border-right: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n border-left: none;\n width: 100%;\n\n > div {\n grid-template-columns: 115px 90px 25px;\n }\n }\n\n > .item:nth-child(3) {\n width: fit-content;\n height: 40px;\n margin-top: 5px;\n\n svg {\n width: 12px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 600px) {\n > div {\n .top {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 10px;\n\n .item > div {\n justify-content: center;\n }\n\n > .item:nth-child(3) {\n height: 34px;\n }\n\n .container-stars {\n justify-content: center;\n }\n }\n }\n }\n"], ["\n * {\n color: ", ";\n }\n\n h5 {\n margin-bottom: 5px;\n }\n\n > div {\n border-radius: 30px;\n padding: 40px;\n background-color: ", ";\n\n .top {\n display: flex;\n align-items: center;\n border-bottom: 1px solid #dcdcdc;\n margin-bottom: 30px;\n padding-bottom: 30px;\n justify-content: space-between;\n\n .container-stars {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n }\n\n .stars {\n .star {\n color: ", " !important;\n }\n\n .number {\n display: none;\n }\n }\n\n > .item:nth-child(1) {\n span {\n svg {\n margin-left: 8px;\n }\n\n &:last-child {\n color: ", ";\n margin-top: 10px;\n }\n }\n }\n\n > .item:nth-child(2) {\n margin: 0 15px 0 15px;\n padding: 0 15px 0 15px;\n width: fit-content;\n border-left: 1px solid #dcdcdc;\n border-right: 1px solid #dcdcdc;\n\n > div {\n display: grid;\n grid-template-columns: 125px 180px 30px;\n align-items: center;\n gap: 20px;\n \n & + div {\n margin-top: 15px;\n }\n\n .back-bar {\n height: 10px;\n border-radius: 100rem;\n background: #aaaaaa;\n position: relative;\n z-index: 2;\n }\n\n .bar {\n height: 10px;\n border-radius: 100rem;\n background: ", ";\n position: relative;\n z-index: 3;\n }\n }\n }\n\n > .item:nth-child(3) {\n color: ", ";\n padding: 0;\n background: none;\n border: none;\n border: 1px solid currentColor;\n height: 48px;\n padding: 0 20px;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: 0.1s;\n\n &:hover {\n color: #fff;\n background: ", ";\n\n svg {\n fill: #fff;\n }\n }\n\n svg {\n width: 16px;\n height: auto;\n fill: currentColor;\n }\n }\n }\n\n .bottom {\n > div + div {\n margin-top: 30px;\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n > div {\n padding: 30px;\n border-radius: 25px;\n\n .top {\n margin-bottom: 28px;\n padding-bottom: 28px;\n\n > .item:nth-child(2) {\n margin: 0 20px 0 20px;\n padding: 0 20px 0 20px;\n\n > div {\n grid-template-columns: 115px 160px 30px;\n gap: 18px;\n }\n }\n\n > .item:nth-child(3) {\n height: 46px;\n padding: 0 18px;\n\n svg {\n width: 15px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n > div {\n padding: 25px;\n border-radius: 20px;\n\n .top {\n margin-bottom: 25px;\n padding-bottom: 25px;\n\n > .item:nth-child(2) {\n margin: 0 15px 0 15px;\n padding: 0 15px 0 15px;\n\n > div {\n grid-template-columns: 105px 140px 30px;\n gap: 15px;\n }\n }\n\n > .item:nth-child(3) {\n height: 46px;\n padding: 0 18px;\n\n svg {\n width: 15px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n > div {\n padding: 20px;\n border-radius: 15px;\n\n .top {\n margin-bottom: 20px;\n padding-bottom: 20px;\n gap: 5px;\n\n .container-stars {\n align-items: start;\n flex-direction: column;\n }\n\n > .item:nth-child(1) {\n svg {\n width: 110px;\n height: auto;\n }\n }\n\n > .item:nth-child(2) {\n margin: 0 0;\n padding: 0 10px;\n\n > div {\n grid-template-columns: 100px 80px 30px;\n gap: 8px;\n }\n }\n\n > .item:nth-child(3) {\n height: 44px;\n padding: 0 16px;\n\n svg {\n width: 13px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n > div {\n padding: 15px;\n border-radius: 10px;\n\n .top {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n\n .container-stars {\n flex-direction: row;\n align-items: center;\n }\n\n > .item:nth-child(1) {\n span {\n &:last-child {\n margin-top: 5px;\n }\n }\n }\n\n > .item:nth-child(2) {\n border-right: none;\n padding-right: 0;\n\n > div {\n font-size: 14px;\n grid-template-columns: 100px 100px 30px;\n\n & + div {\n margin-top: 10px;\n }\n }\n }\n\n > .item:nth-child(3) {\n height: 42px;\n max-width: fit-content;\n\n svg {\n width: 12px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 800px) {\n > div .top > .item:nth-child(2) > div {\n gap: 3px;\n grid-template-columns: 100px 60px 25px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n > div {\n padding: 10px;\n background-color: transparent;\n\n .top {\n display: grid;\n grid-template-columns: 1fr 1fr;\n\n > .item:nth-child(2) {\n border-right: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n border-left: none;\n width: 100%;\n\n > div {\n grid-template-columns: 115px 90px 25px;\n }\n }\n\n > .item:nth-child(3) {\n width: fit-content;\n height: 40px;\n margin-top: 5px;\n\n svg {\n width: 12px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 600px) {\n > div {\n .top {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 10px;\n\n .item > div {\n justify-content: center;\n }\n\n > .item:nth-child(3) {\n height: 34px;\n }\n\n .container-stars {\n justify-content: center;\n }\n }\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.grey; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (props) { return props.theme.grey40; }, function (props) { return props.$themeInteractions.baseColor || props.theme.primaryColor; }, function (props) { return props.theme.grey60; }, function (props) { return props.theme.grey60 || '#000'; });
|
|
13
|
-
exports.Modal = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 40px 60px;\n border-radius: 30px;\n background-color: ", ";\n\n h4 {\n text-align: center;\n margin-bottom: 0;\n }\n\n .rating {\n\n\n .container-switch {\n justify-content: center;\n\n label {\n span {\n font-size: 40px;\n }\n }\n }\n }\n\n .separator {\n border-bottom: 1px solid #dcdcdc;\n margin-bottom: 20px;\n margin-top: 25px;\n }\n\n .ratings {\n label {\n font-size: 18px !important;\n }\n }\n\n form {\n padding-top: 10px;\n \n .conntent_form_infinity_forge {\n padding: 0;\n\n label {\n margin-bottom: 0 !important;\n font-weight: 400 !important;\n }\n }\n\n .input-star {\n label {\n font-size: 18px !important;\n }\n }\n\n .container-switch {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n\n > * {\n flex: 1;\n }\n\n .input-content:has([role='radiogroup']) {\n flex: unset;\n }\n\n label:has(input:checked) span {\n color: ", ";\n }\n\n span:hover,\n span.active {\n color: ", ";\n }\n }\n\n .input-wrapper label {\n margin-bottom: 0 !important;\n }\n\n textarea {\n width: 100%;\n height: 90px;\n resize: none;\n padding: 10px;\n text-align: left;\n }\n\n .form-button > div {\n display: flex;\n justify-content: center;\n\n button {\n font-weight: bold;\n max-width: 311px;\n margin: 0 auto;\n background-color: ", ";\n border: none;\n border-radius: 100px;\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n padding: 30px 40px;\n border-radius: 25px;\n\n form {\n padding-top: 20px;\n\n .container-switch {\n margin-bottom: 15px;\n }\n\n textarea {\n padding: 10px 15px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n padding: 25px 30px;\n border-radius: 20px;\n\n form {\n padding-top: 15px;\n\n .container-switch {\n margin-bottom: 10px;\n }\n\n textarea {\n padding: 8px 12px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n padding: 15px;\n border-radius: 10px;\n\n form {\n padding-top: 10px;\n\n .container-switch {\n margin-bottom: 5px;\n }\n\n textarea {\n padding: 5px 8px;\n }\n\n .form-button button {\n max-width: 260px;\n }\n\n label span {\n font-size: 1.8rem;\n }\n\n [role='radiogroup'] {\n gap: 3px;\n }\n }\n }\n"], ["\n padding: 40px 60px;\n border-radius: 30px;\n background-color: ", ";\n\n h4 {\n text-align: center;\n margin-bottom: 0;\n }\n\n .rating {\n\n\n .container-switch {\n justify-content: center;\n\n label {\n span {\n font-size: 40px;\n }\n }\n }\n }\n\n .separator {\n border-bottom: 1px solid #dcdcdc;\n margin-bottom: 20px;\n margin-top: 25px;\n }\n\n .ratings {\n label {\n font-size: 18px !important;\n }\n }\n\n form {\n padding-top: 10px;\n \n .conntent_form_infinity_forge {\n padding: 0;\n\n label {\n margin-bottom: 0 !important;\n font-weight: 400 !important;\n }\n }\n\n .input-star {\n label {\n font-size: 18px !important;\n }\n }\n\n .container-switch {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n\n > * {\n flex: 1;\n }\n\n .input-content:has([role='radiogroup']) {\n flex: unset;\n }\n\n label:has(input:checked) span {\n color: ", ";\n }\n\n span:hover,\n span.active {\n color: ", ";\n }\n }\n\n .input-wrapper label {\n margin-bottom: 0 !important;\n }\n\n textarea {\n width: 100%;\n height: 90px;\n resize: none;\n padding: 10px;\n text-align: left;\n }\n\n .form-button > div {\n display: flex;\n justify-content: center;\n\n button {\n font-weight: bold;\n max-width: 311px;\n margin: 0 auto;\n background-color: ", ";\n border: none;\n border-radius: 100px;\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n padding: 30px 40px;\n border-radius: 25px;\n\n form {\n padding-top: 20px;\n\n .container-switch {\n margin-bottom: 15px;\n }\n\n textarea {\n padding: 10px 15px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n padding: 25px 30px;\n border-radius: 20px;\n\n form {\n padding-top: 15px;\n\n .container-switch {\n margin-bottom: 10px;\n }\n\n textarea {\n padding: 8px 12px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n padding: 15px;\n border-radius: 10px;\n\n form {\n padding-top: 10px;\n\n .container-switch {\n margin-bottom: 5px;\n }\n\n textarea {\n padding: 5px 8px;\n }\n\n .form-button button {\n max-width: 260px;\n }\n\n label span {\n font-size: 1.8rem;\n }\n\n [role='radiogroup'] {\n gap: 3px;\n }\n }\n }\n"])), function (p) { return p.theme.grey; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; });
|
|
13
|
+
exports.Modal = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 40px 60px;\n border-radius: 30px;\n background-color: ", ";\n\n h4 {\n text-align: center;\n margin-bottom: 0;\n }\n\n .subtitle {\n display: block;\n width: 100%;\n text-align: center;\n margin-top: 5px;\n }\n\n .rating {\n\n\n .container-switch {\n justify-content: center;\n\n label {\n span {\n font-size: 40px;\n }\n }\n }\n }\n\n .separator {\n border-bottom: 1px solid #dcdcdc;\n margin-bottom: 20px;\n margin-top: 25px;\n }\n\n .ratings {\n label {\n font-size: 18px !important;\n }\n }\n\n form {\n padding-top: 10px;\n \n .conntent_form_infinity_forge {\n padding: 0;\n\n label {\n margin-bottom: 0 !important;\n font-weight: 400 !important;\n }\n }\n\n .input-star {\n label {\n font-size: 18px !important;\n }\n }\n\n .container-switch {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n\n > * {\n flex: 1;\n }\n\n .input-content:has([role='radiogroup']) {\n flex: unset;\n }\n\n label:has(input:checked) span {\n color: ", ";\n }\n\n span:hover,\n span.active {\n color: ", ";\n }\n }\n\n .input-wrapper label {\n margin-bottom: 0 !important;\n }\n\n textarea {\n width: 100%;\n height: 90px;\n resize: none;\n padding: 10px;\n text-align: left;\n }\n\n .form-button > div {\n display: flex;\n justify-content: center;\n\n button {\n font-weight: bold;\n max-width: 311px;\n margin: 0 auto;\n background-color: ", ";\n border: none;\n border-radius: 100px;\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n padding: 30px 40px;\n border-radius: 25px;\n\n form {\n padding-top: 20px;\n\n .container-switch {\n margin-bottom: 15px;\n }\n\n textarea {\n padding: 10px 15px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n padding: 25px 30px;\n border-radius: 20px;\n\n form {\n padding-top: 15px;\n\n .container-switch {\n margin-bottom: 10px;\n }\n\n textarea {\n padding: 8px 12px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n padding: 15px;\n border-radius: 10px;\n\n form {\n padding-top: 10px;\n\n .container-switch {\n margin-bottom: 5px;\n }\n\n textarea {\n padding: 5px 8px;\n }\n\n .form-button button {\n max-width: 260px;\n }\n\n label span {\n font-size: 1.8rem;\n }\n\n [role='radiogroup'] {\n gap: 3px;\n }\n }\n }\n"], ["\n padding: 40px 60px;\n border-radius: 30px;\n background-color: ", ";\n\n h4 {\n text-align: center;\n margin-bottom: 0;\n }\n\n .subtitle {\n display: block;\n width: 100%;\n text-align: center;\n margin-top: 5px;\n }\n\n .rating {\n\n\n .container-switch {\n justify-content: center;\n\n label {\n span {\n font-size: 40px;\n }\n }\n }\n }\n\n .separator {\n border-bottom: 1px solid #dcdcdc;\n margin-bottom: 20px;\n margin-top: 25px;\n }\n\n .ratings {\n label {\n font-size: 18px !important;\n }\n }\n\n form {\n padding-top: 10px;\n \n .conntent_form_infinity_forge {\n padding: 0;\n\n label {\n margin-bottom: 0 !important;\n font-weight: 400 !important;\n }\n }\n\n .input-star {\n label {\n font-size: 18px !important;\n }\n }\n\n .container-switch {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n\n > * {\n flex: 1;\n }\n\n .input-content:has([role='radiogroup']) {\n flex: unset;\n }\n\n label:has(input:checked) span {\n color: ", ";\n }\n\n span:hover,\n span.active {\n color: ", ";\n }\n }\n\n .input-wrapper label {\n margin-bottom: 0 !important;\n }\n\n textarea {\n width: 100%;\n height: 90px;\n resize: none;\n padding: 10px;\n text-align: left;\n }\n\n .form-button > div {\n display: flex;\n justify-content: center;\n\n button {\n font-weight: bold;\n max-width: 311px;\n margin: 0 auto;\n background-color: ", ";\n border: none;\n border-radius: 100px;\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n padding: 30px 40px;\n border-radius: 25px;\n\n form {\n padding-top: 20px;\n\n .container-switch {\n margin-bottom: 15px;\n }\n\n textarea {\n padding: 10px 15px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n padding: 25px 30px;\n border-radius: 20px;\n\n form {\n padding-top: 15px;\n\n .container-switch {\n margin-bottom: 10px;\n }\n\n textarea {\n padding: 8px 12px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n padding: 15px;\n border-radius: 10px;\n\n form {\n padding-top: 10px;\n\n .container-switch {\n margin-bottom: 5px;\n }\n\n textarea {\n padding: 5px 8px;\n }\n\n .form-button button {\n max-width: 260px;\n }\n\n label span {\n font-size: 1.8rem;\n }\n\n [role='radiogroup'] {\n gap: 3px;\n }\n }\n }\n"])), function (p) { return p.theme.grey; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; }, function (p) { return p.$themeInteractions.baseColor || p.theme.primaryColor; });
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,ilNAI1C,sBAEW,EAAgC,mIAUrB,EAA2B,8YAmBhC,EAA6D,0PAe3D,EAA6B,syBAkCxB,EAAyE,+IAQlF,EAA6B,8WAetB,EAAuC,47IAgP9D,KArVY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAUrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAhB,CAAgB,EAmBhC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAe3D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAkCxB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,kBAAkB,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EAA9D,CAA8D,EAQlF,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAetB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,EAA5B,CAA4B,EAgP9D;AAEY,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/codie-dynamic/components/interactions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,ilNAI1C,sBAEW,EAAgC,mIAUrB,EAA2B,8YAmBhC,EAA6D,0PAe3D,EAA6B,syBAkCxB,EAAyE,+IAQlF,EAA6B,8WAetB,EAAuC,47IAgP9D,KArVY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAUrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,EAAhB,CAAgB,EAmBhC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAe3D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAkCxB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,kBAAkB,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EAA9D,CAA8D,EAQlF,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAetB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,EAA5B,CAA4B,EAgP9D;AAEY,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,q2FAIhC,uEAGoB,EAAmB,spCAyExB,EAA6D,uEAK7D,EAA6D,kbAwBlD,EAA6D,okCAqExF,KA3KqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,IAAI,EAAZ,CAAY,EAyExB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAK7D,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAwBlD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,EAAtD,CAAsD,EAqExF"}
|