infinity-forge 13.2.6 → 13.2.7
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/directory-filter/source-filters/index.d.ts +5 -1
- package/dist/ui/codie-dynamic/components/directory-filter/source-filters/index.js +8 -2
- package/dist/ui/codie-dynamic/components/directory-filter/source-filters/index.js.map +1 -1
- package/dist/ui/codie-dynamic/components/directory-filter/source-filters/styles.js +1 -1
- package/dist/ui/codie-dynamic/components/directory-filter/source-filters/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export interface SourceFilterCheckboxProps {
|
|
2
3
|
route: string;
|
|
3
|
-
activeEntityKeys?:
|
|
4
|
+
activeEntityKeys?: {
|
|
5
|
+
entityKey: string;
|
|
6
|
+
icon: React.ReactNode;
|
|
7
|
+
}[];
|
|
4
8
|
FilterComponent?: () => React.ReactNode;
|
|
5
9
|
}
|
|
6
10
|
export declare function SourceFilters({ route, FilterComponent, activeEntityKeys }: SourceFilterCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -71,11 +71,17 @@ function SourceFilters(_a) {
|
|
|
71
71
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
72
72
|
}
|
|
73
73
|
return ((0, jsx_runtime_1.jsxs)(S.SourceFilters, { children: [(0, jsx_runtime_1.jsx)("h3", { className: 'font-22-bold', children: "Filtrar" }), (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { initialData: __assign(__assign({}, router.query), { sourceFilters: sourceFilters }), disableEnterKeySubmitForm: true, cleanFieldsOnSubmit: false, children: [data === null || data === void 0 ? void 0 : data.map(function (filter, index) {
|
|
74
|
+
var _a;
|
|
74
75
|
var hasActiveEntityKeys = Array.isArray(activeEntityKeys) && activeEntityKeys.length > 0;
|
|
75
|
-
var isActive = hasActiveEntityKeys ? activeEntityKeys.
|
|
76
|
+
var isActive = hasActiveEntityKeys ? activeEntityKeys.find(function (e) { return e.entityKey === filter.entityKey; }) : true;
|
|
77
|
+
var icon = hasActiveEntityKeys
|
|
78
|
+
? (_a = activeEntityKeys.find(function (e) { return e.entityKey === filter.entityKey; })) === null || _a === void 0 ? void 0 : _a.icon
|
|
79
|
+
: false;
|
|
76
80
|
if (!isActive)
|
|
77
81
|
return null;
|
|
78
|
-
return ((0, jsx_runtime_1.jsxs)(ui_1.Accordion, { title: filter.label, openIcon: 'IconTopChevron', closeIcon: 'IconBottomChevron', forceOpen: true, children: [(0, jsx_runtime_1.jsx)("div", {
|
|
82
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Accordion, { title: filter.label, openIcon: 'IconTopChevron', closeIcon: 'IconBottomChevron', forceOpen: true, children: [icon && ((0, jsx_runtime_1.jsx)("div", { className: 'icon', children: typeof icon === 'string' ? ((0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: {
|
|
83
|
+
__html: icon,
|
|
84
|
+
} })) : (icon) })), (0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { readOnly: true, name: "sourceFilters[".concat(index, "].source"), controlledInitialValue: {
|
|
79
85
|
value: filter.entityRoute,
|
|
80
86
|
} }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { readOnly: true, name: "sourceFilters[".concat(index, "].keyValue"), controlledInitialValue: {
|
|
81
87
|
value: filter.entityKey,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/directory-filter/source-filters/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/directory-filter/source-filters/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.SourceFilters = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.SourceFilters = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n max-width: 300px;\n\n h3 {\n color: ", ";\n line-height: 1.25;\n margin-bottom: 30px;\n }\n\n .conntent_form_infinity_forge {\n overflow: hidden;\n background-color: transparent;\n\n .input_control {\n margin: 0;\n\n .list-radios {\n gap: 25px;\n display: flex;\n flex-direction: column;\n\n label {\n display: flex;\n gap: 12.5px;\n align-items: center;\n\n height: fit-content;\n margin: 0;\n padding: 0;\n\n color: ", ";\n font-weight: 400;\n line-height: 1.25;\n font-size: 1.6rem;\n }\n\n input {\n width: 15px;\n height: 15px;\n }\n }\n }\n\n > div {\n margin: 0;\n background-color: transparent;\n padding: 20px 0 30px 0;\n box-shadow: unset;\n border-top: 2px solid ", ";\n\n > button {\n color: ", ";\n\n h2 {\n font-size: 1.8rem;\n line-height: 1.25;\n font-weight: 700;\n }\n\n svg {\n fill: ", ";\n width: 25px;\n height: auto;\n }\n }\n\n .content {\n &.show {\n margin-top: 20px;\n }\n\n .view-more {\n margin-top: 20px;\n border: 0;\n\n color: #f5ae05;\n line-height: 1.25;\n\n display: flex;\n gap: 3px;\n align-items: center;\n\n padding: 0;\n width: fit-content;\n height: fit-content;\n background-color: transparent;\n\n svg {\n fill: currentColor;\n width: 25px;\n height: auto;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n h3 {\n margin-bottom: 25px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 20px;\n\n label {\n gap: 10.5px;\n font-size: 1.55rem;\n }\n }\n }\n\n > div {\n padding: 15px 0 25px 0;\n\n > button {\n h2 {\n font-size: 1.7rem;\n }\n\n svg {\n width: 22px;\n }\n }\n\n .content {\n &.show {\n margin-top: 15px;\n }\n\n .view-more {\n margin-top: 15px;\n\n svg {\n width: 22px;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n h3 {\n margin-bottom: 20px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 15px;\n\n label {\n gap: 8.5px;\n font-size: 1.5rem;\n }\n }\n }\n\n > div {\n padding-bottom: 20px;\n\n > button {\n h2 {\n font-size: 1.65rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n max-width: 200px;\n\n h3 {\n margin-bottom: 15px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 10px;\n\n label {\n gap: 5.5px;\n font-size: 1.45rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.6rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n max-width: 170px;\n\n h3 {\n margin-bottom: 10px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 8px;\n\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n padding: 10px 0;\n\n > button {\n h2 {\n font-size: 1.55rem;\n }\n }\n\n .content {\n &.show {\n margin-top: 10px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.5rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 650px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.3rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.4rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 500px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.2rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.2rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 900px) {\n max-width: 100%;\n }\n"], ["\n width: 100%;\n max-width: 300px;\n\n h3 {\n color: ", ";\n line-height: 1.25;\n margin-bottom: 30px;\n }\n\n .conntent_form_infinity_forge {\n overflow: hidden;\n background-color: transparent;\n\n .input_control {\n margin: 0;\n\n .list-radios {\n gap: 25px;\n display: flex;\n flex-direction: column;\n\n label {\n display: flex;\n gap: 12.5px;\n align-items: center;\n\n height: fit-content;\n margin: 0;\n padding: 0;\n\n color: ", ";\n font-weight: 400;\n line-height: 1.25;\n font-size: 1.6rem;\n }\n\n input {\n width: 15px;\n height: 15px;\n }\n }\n }\n\n > div {\n margin: 0;\n background-color: transparent;\n padding: 20px 0 30px 0;\n box-shadow: unset;\n border-top: 2px solid ", ";\n\n > button {\n color: ", ";\n\n h2 {\n font-size: 1.8rem;\n line-height: 1.25;\n font-weight: 700;\n }\n\n svg {\n fill: ", ";\n width: 25px;\n height: auto;\n }\n }\n\n .content {\n &.show {\n margin-top: 20px;\n }\n\n .view-more {\n margin-top: 20px;\n border: 0;\n\n color: #f5ae05;\n line-height: 1.25;\n\n display: flex;\n gap: 3px;\n align-items: center;\n\n padding: 0;\n width: fit-content;\n height: fit-content;\n background-color: transparent;\n\n svg {\n fill: currentColor;\n width: 25px;\n height: auto;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n h3 {\n margin-bottom: 25px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 20px;\n\n label {\n gap: 10.5px;\n font-size: 1.55rem;\n }\n }\n }\n\n > div {\n padding: 15px 0 25px 0;\n\n > button {\n h2 {\n font-size: 1.7rem;\n }\n\n svg {\n width: 22px;\n }\n }\n\n .content {\n &.show {\n margin-top: 15px;\n }\n\n .view-more {\n margin-top: 15px;\n\n svg {\n width: 22px;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n h3 {\n margin-bottom: 20px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 15px;\n\n label {\n gap: 8.5px;\n font-size: 1.5rem;\n }\n }\n }\n\n > div {\n padding-bottom: 20px;\n\n > button {\n h2 {\n font-size: 1.65rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n max-width: 200px;\n\n h3 {\n margin-bottom: 15px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 10px;\n\n label {\n gap: 5.5px;\n font-size: 1.45rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.6rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n max-width: 170px;\n\n h3 {\n margin-bottom: 10px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 8px;\n\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n padding: 10px 0;\n\n > button {\n h2 {\n font-size: 1.55rem;\n }\n }\n\n .content {\n &.show {\n margin-top: 10px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.5rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 650px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.3rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.4rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 500px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.2rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.2rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 900px) {\n max-width: 100%;\n }\n"])), function (p) { return p.theme.grey100; }, function (p) { return p.theme.grey100; }, function (p) { return p.theme.grey40; }, function (p) { return p.theme.grey100; }, function (p) { return p.theme.grey60; });
|
|
12
|
+
exports.SourceFilters = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n max-width: 300px;\n\n h3 {\n color: ", ";\n line-height: 1.25;\n margin-bottom: 30px;\n }\n\n .conntent_form_infinity_forge {\n overflow: hidden;\n background-color: transparent;\n\n .input_control {\n margin: 0;\n\n .list-radios {\n gap: 25px;\n display: flex;\n flex-direction: column;\n\n label {\n display: flex;\n gap: 12.5px;\n align-items: center;\n\n height: fit-content;\n margin: 0;\n padding: 0;\n\n color: ", ";\n font-weight: 400;\n line-height: 1.25;\n font-size: 1.6rem;\n }\n\n input {\n width: 15px;\n height: 15px;\n }\n }\n }\n\n > div:has(.icon) {\n h2 {\n padding-left: 39px;\n }\n\n .icon {\n position: absolute;\n left: 0;\n top: 20px;\n\n svg {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n }\n }\n }\n\n > div {\n margin: 0;\n background-color: transparent;\n padding: 20px 0 30px 0;\n box-shadow: unset;\n border-top: 2px solid ", ";\n position: relative;\n\n > button {\n color: ", ";\n\n h2 {\n font-size: 1.8rem;\n line-height: 1.25;\n font-weight: 700;\n }\n\n svg {\n fill: ", ";\n width: 25px;\n height: auto;\n }\n }\n\n .content {\n &.show {\n margin-top: 20px;\n }\n\n .view-more {\n margin-top: 20px;\n border: 0;\n\n color: #f5ae05;\n line-height: 1.25;\n\n display: flex;\n gap: 3px;\n align-items: center;\n\n padding: 0;\n width: fit-content;\n height: fit-content;\n background-color: transparent;\n\n svg {\n fill: currentColor;\n width: 25px;\n height: auto;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n h3 {\n margin-bottom: 25px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 20px;\n\n label {\n gap: 10.5px;\n font-size: 1.55rem;\n }\n }\n }\n\n > div {\n padding: 15px 0 25px 0;\n\n > button {\n h2 {\n font-size: 1.7rem;\n }\n\n svg {\n width: 22px;\n }\n }\n\n .content {\n &.show {\n margin-top: 15px;\n }\n\n .view-more {\n margin-top: 15px;\n\n svg {\n width: 22px;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n h3 {\n margin-bottom: 20px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 15px;\n\n label {\n gap: 8.5px;\n font-size: 1.5rem;\n }\n }\n }\n\n > div {\n padding-bottom: 20px;\n\n > button {\n h2 {\n font-size: 1.65rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n max-width: 200px;\n\n h3 {\n margin-bottom: 15px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 10px;\n\n label {\n gap: 5.5px;\n font-size: 1.45rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.6rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n max-width: 170px;\n\n h3 {\n margin-bottom: 10px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 8px;\n\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n padding: 10px 0;\n\n > button {\n h2 {\n font-size: 1.55rem;\n }\n }\n\n .content {\n &.show {\n margin-top: 10px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.5rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 650px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.3rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.4rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 500px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.2rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.2rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 900px) {\n max-width: 100%;\n }\n"], ["\n width: 100%;\n max-width: 300px;\n\n h3 {\n color: ", ";\n line-height: 1.25;\n margin-bottom: 30px;\n }\n\n .conntent_form_infinity_forge {\n overflow: hidden;\n background-color: transparent;\n\n .input_control {\n margin: 0;\n\n .list-radios {\n gap: 25px;\n display: flex;\n flex-direction: column;\n\n label {\n display: flex;\n gap: 12.5px;\n align-items: center;\n\n height: fit-content;\n margin: 0;\n padding: 0;\n\n color: ", ";\n font-weight: 400;\n line-height: 1.25;\n font-size: 1.6rem;\n }\n\n input {\n width: 15px;\n height: 15px;\n }\n }\n }\n\n > div:has(.icon) {\n h2 {\n padding-left: 39px;\n }\n\n .icon {\n position: absolute;\n left: 0;\n top: 20px;\n\n svg {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n }\n }\n }\n\n > div {\n margin: 0;\n background-color: transparent;\n padding: 20px 0 30px 0;\n box-shadow: unset;\n border-top: 2px solid ", ";\n position: relative;\n\n > button {\n color: ", ";\n\n h2 {\n font-size: 1.8rem;\n line-height: 1.25;\n font-weight: 700;\n }\n\n svg {\n fill: ", ";\n width: 25px;\n height: auto;\n }\n }\n\n .content {\n &.show {\n margin-top: 20px;\n }\n\n .view-more {\n margin-top: 20px;\n border: 0;\n\n color: #f5ae05;\n line-height: 1.25;\n\n display: flex;\n gap: 3px;\n align-items: center;\n\n padding: 0;\n width: fit-content;\n height: fit-content;\n background-color: transparent;\n\n svg {\n fill: currentColor;\n width: 25px;\n height: auto;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n h3 {\n margin-bottom: 25px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 20px;\n\n label {\n gap: 10.5px;\n font-size: 1.55rem;\n }\n }\n }\n\n > div {\n padding: 15px 0 25px 0;\n\n > button {\n h2 {\n font-size: 1.7rem;\n }\n\n svg {\n width: 22px;\n }\n }\n\n .content {\n &.show {\n margin-top: 15px;\n }\n\n .view-more {\n margin-top: 15px;\n\n svg {\n width: 22px;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n h3 {\n margin-bottom: 20px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 15px;\n\n label {\n gap: 8.5px;\n font-size: 1.5rem;\n }\n }\n }\n\n > div {\n padding-bottom: 20px;\n\n > button {\n h2 {\n font-size: 1.65rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n max-width: 200px;\n\n h3 {\n margin-bottom: 15px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 10px;\n\n label {\n gap: 5.5px;\n font-size: 1.45rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.6rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n max-width: 170px;\n\n h3 {\n margin-bottom: 10px;\n }\n\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n gap: 8px;\n\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n padding: 10px 0;\n\n > button {\n h2 {\n font-size: 1.55rem;\n }\n }\n\n .content {\n &.show {\n margin-top: 10px;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.35rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.5rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 650px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.3rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.4rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 500px) {\n .conntent_form_infinity_forge {\n .input_control {\n .list-radios {\n label {\n font-size: 1.2rem;\n }\n }\n }\n\n > div {\n > button {\n h2 {\n font-size: 1.2rem;\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 900px) {\n max-width: 100%;\n }\n"])), function (p) { return p.theme.grey100; }, function (p) { return p.theme.grey100; }, function (p) { return p.theme.grey40; }, function (p) { return p.theme.grey100; }, function (p) { return p.theme.grey60; });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/directory-filter/source-filters/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/codie-dynamic/components/directory-filter/source-filters/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,k7KAAA,8DAK7B,EAAsB,kfA0BhB,EAAsB,4nBAoCX,EAAqB,mEAIlC,EAAsB,0JASrB,EAAqB,49HAiPtC,KA5TY,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,EAAf,CAAe,EA0BhB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,EAAf,CAAe,EAoCX,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAIlC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,EAAf,CAAe,EASrB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,EAAd,CAAc,EAiPtC"}
|