ods-component-lib 1.20.0 → 1.20.1
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledTabs: import("styled-components").StyledComponent<import("react").
|
|
3
|
-
TabPane: import("react").FC<import("antd").TabPaneProps>;
|
|
2
|
+
export declare const StyledTabs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").TabsProps & import("react").RefAttributes<import("antd/es/tabs").TabsRef>> & {
|
|
3
|
+
TabPane: import("react").FC<import("antd/es/tabs/TabPane").TabPaneProps>;
|
|
4
4
|
}, any, {}, never>;
|
package/dist/index.js
CHANGED
|
@@ -2938,7 +2938,7 @@ var useStyles$4 = antdStyle.createStyles(function (_ref, props) {
|
|
|
2938
2938
|
var odsDataGridHeight = typeof props.height === "function" ? props.height() : typeof props.height === "number" ? props.height + "px" : props.height;
|
|
2939
2939
|
return {
|
|
2940
2940
|
gridWrapper: cx("ods-datagrid", css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n &.ods-datagrid {\n background-color: ", ";\n box-shadow: none;\n border: 1px solid ", ";\n border-radius: ", ";\n overflow: hidden;\n height: ", ";\n }\n\n .ods-datagrid-with-summary-wrapper > & {\n &.ods-datagrid {\n border-radius: 0;\n border: none;\n height: 100%;\n }\n }\n "])), whiteColor, borderColor, odsDataGridBorderRadius, odsDataGridHeight)),
|
|
2941
|
-
grid: cx("ods-datagrid-grid", css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n &.ods-datagrid-grid {\n height: 100%;\n\n &.dx-widget {\n font-family: \"Manrope\", sans-serif;\n font-size: ", "px;\n }\n\n & .dx-datagrid {\n ", ";\n line-height: 1;\n\n .dx-datagrid-content-fixed {\n .dx-datagrid-table {\n .dx-col-fixed {\n background-color: transparent;\n }\n }\n }\n\n & .dx-datagrid-header-panel {\n border-bottom: 0.5px solid ", ";\n background-color: transparent;\n padding: ", "px ", "px ", "px;\n\n .dx-toolbar {\n background-color: transparent;\n margin-bottom: 0;\n\n .dx-toolbar-items-container {\n display: flex;\n justify-content: space-between;\n gap: ", "px;\n height: unset;\n\n .dx-toolbar-before,\n .dx-toolbar-after {\n display: flex;\n align-items: center;\n gap: ", "px;\n margin: 0;\n padding: 0;\n position: relative;\n left: unset;\n right: unset;\n top: unset;\n bottom: unset;\n flex: 0 1 auto;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .dx-toolbar-before {\n .dx-item.dx-toolbar-item {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin: 0;\n padding: 0;\n\n &.ods-toolbar-title {\n font-size: ", "px;\n line-height: 1;\n color: ", ";\n font-weight: 600;\n max-width: unset !important;\n\n & > div {\n margin: 0;\n padding: 0;\n }\n }\n\n &.ods-toolbar-left-item-menu {\n &.dx-toolbar-item {\n .ods-toolbar-left-menu {\n &.dx-menu {\n &.dx-menu-base .dx-menu-item {\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-radius: ", "px;\n }\n }\n &.dx-menu-base .dx-menu-item .dx-menu-item-content {\n padding-block: ", "px;\n padding-inline: ", "px;\n border: none;\n\n .dx-menu-item-popout-container {\n display: none;\n }\n }\n .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {\n padding: 0;\n margin: 0;\n width: auto;\n height: auto;\n font-size: unset;\n line-height: unset;\n }\n\n .dx-context-menu-container-border {\n display: none;\n }\n }\n }\n }\n }\n\n &.ods-toolbar-left-item {\n height: 100%;\n .ods-toolbar-left-menu-dropdown {\n display: inline-flex;\n vertical-align: unset;\n }\n }\n }\n\n .dx-button {\n border-radius: ", "px;\n\n .dx-button-content {\n font-size: ", "px;\n padding-inline: ", "px;\n padding-block: ", "px;\n\n .dx-button-text {\n line-height: ", "px;\n }\n }\n\n &.dx-button-mode-outlined {\n background-color: ", ";\n box-shadow: 0px 2px 0px 0px ", ";\n\n &.dx-button-default {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-danger {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-success {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-normal {\n color: ", ";\n border-color: ", ";\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n color: ", ";\n border-color: ", ";\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n color: ", ";\n border-color: ", ";\n background-color: ", ";\n }\n }\n }\n\n &.dx-button-mode-text {\n background-color: transparent;\n\n &.dx-button-default {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-danger {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-success {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-normal {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n }\n\n &.dx-button-mode-contained {\n box-shadow: 0px 2px 0px 0px ", ";\n\n &.dx-button-default {\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n\n &.dx-button-danger {\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n\n &.dx-button-success {\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n\n &.dx-button-normal {\n background-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n }\n }\n }\n\n .dx-toolbar-after {\n flex: 0 0 auto;\n overflow: unset;\n\n .dx-item.dx-toolbar-item {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin: 0;\n padding: 0;\n\n &.ods-toolbar-after-settings-button {\n .ods-toolbar-after-settings-dropdown {\n &.dx-dropdownbutton-popup-wrapper .dx-popup-content {\n padding: 0;\n\n .dx-scrollable-container {\n height: auto;\n }\n\n .dx-list:not(.dx-list-select-decorator-enabled) {\n min-height: unset;\n padding-block: ", "px;\n padding-inline: ", "px;\n\n .dx-list-item {\n &.dx-state-hover {\n background-color: transparent;\n color: ", ";\n\n .dx-list-item-content {\n color: ", ";\n }\n }\n &.dx-state-focused {\n background-color: transparent;\n color: ", ";\n\n .dx-list-item-content {\n color: ", ";\n }\n }\n }\n\n .dx-list-item-content {\n padding-block: ", "px;\n padding-inline: ", "px;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: ", "px;\n\n font-size: ", "px;\n line-height: 1;\n color: ", ";\n\n .dx-list-item-icon-container {\n width: ", "px;\n height: ", "px;\n\n .dx-list-item-icon {\n font-size: ", "px;\n line-height: 1;\n width: ", "px;\n height: ", "px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n }\n }\n\n &::before {\n display: none;\n }\n }\n }\n }\n &.dx-popup-wrapper > .dx-overlay-content {\n background-color: ", ";\n box-shadow:\n 0px 2px 4px 0px rgba(0, 0, 0, 0.06),\n 0px 2px 6px -1px rgba(0, 0, 0, 0.04),\n 0px 6px 8px 0px rgba(0, 0, 0, 0.04);\n border: none;\n border-radius: ", "px;\n top: ", "px;\n }\n }\n }\n }\n\n .dx-searchbox {\n &.dx-texteditor {\n &.dx-editor-outlined {\n margin: 0;\n border-radius: ", "px;\n border-color: ", ";\n }\n }\n .dx-icon-search {\n color: ", ";\n font-size: ", "px;\n line-height: 1;\n position: absolute;\n top: 50%;\n left: 0;\n margin: unset;\n transform: translateY(-50%);\n width: ", "px;\n height: ", "px;\n background-position: unset;\n background-size: unset;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &::before {\n color: ", ";\n }\n }\n\n .dx-texteditor-input {\n min-height: ", "px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n line-height: ", "px;\n color: ", ";\n }\n\n .dx-placeholder {\n &::before {\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n line-height: ", "px;\n color: ", ";\n }\n }\n\n &.dx-show-clear-button {\n .dx-clear-button-area {\n width: ", "px;\n min-width: ", "px;\n\n .dx-icon-clear {\n color: ", ";\n margin-top: 0;\n transform: translateY(-50%);\n padding: ", "px;\n width: ", "px;\n height: ", "px;\n background-position: ", "px\n ", "px;\n background-size: ", "px\n ", "px;\n font-size: ", "px;\n line-height: 1;\n }\n }\n }\n }\n\n .dx-button {\n border-radius: ", "px;\n border-color: ", ";\n\n .dx-icon {\n font-size: ", "px;\n line-height: 1;\n width: ", "px;\n height: ", "px;\n color: ", ";\n\n &.dx-svg-icon {\n font-size: unset;\n line-height: 1;\n width: ", "px;\n height: ", "px;\n color: unset;\n }\n }\n\n .dx-button-content {\n padding: ", "px;\n }\n\n &.dx-state-hover,\n &.dx-state-focused {\n background-color: ", ";\n border-color: ", ";\n\n .dx-icon {\n color: ", ";\n\n &.dx-svg-icon svg.ods-toolbar-after-settings-icon {\n & > path {\n fill: ", ";\n }\n\n & > circle {\n stroke: ", ";\n }\n }\n }\n }\n\n &.dx-state-active {\n background-color: ", ";\n border-color: ", ";\n\n .dx-icon {\n color: ", ";\n\n &.dx-svg-icon svg.ods-toolbar-after-settings-icon {\n & > path {\n fill: ", ";\n }\n\n & > circle {\n stroke: ", ";\n }\n }\n }\n }\n }\n\n .dx-texteditor.dx-state-active.dx-editor-filled,\n .dx-texteditor.dx-state-active.dx-editor-outlined,\n .dx-texteditor.dx-state-active.dx-editor-underlined,\n .dx-texteditor.dx-state-focused.dx-editor-filled,\n .dx-texteditor.dx-state-focused.dx-editor-outlined,\n .dx-texteditor.dx-state-focused.dx-editor-underlined {\n border-color: ", ";\n }\n }\n }\n }\n }\n\n & .dx-datagrid-headers {\n border-bottom: none;\n ", ";\n font-weight: 600;\n\n &.dx-datagrid-nowrap {\n }\n\n .dx-datagrid-content {\n margin-bottom: unset;\n\n &.dx-datagrid-scrollable-simulated:not(.dx-empty).dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-header-row {\n & > td {\n border-bottom-width: 0.5px;\n border-bottom-color: transparent;\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n background-color: ", ";\n\n &.dx-command-select {\n background-color: ", ";\n border-bottom-color: ", ";\n }\n &.dx-command-edit {\n background-color: ", ";\n border-bottom-color: ", ";\n }\n\n .dx-datagrid-text-content {\n white-space: nowrap;\n }\n }\n }\n }\n }\n }\n }\n\n &.dx-datagrid-scrollable-simulated:not(.dx-empty) {\n .dx-datagrid-table {\n .dx-row {\n &.dx-header-row {\n & > td {\n border-bottom-width: 0.5px;\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-right-color: ", ";\n\n &:not(.dx-command-select):not(.dx-command-edit) {\n background-color: ", ";\n }\n\n &.dx-command-select {\n border-bottom-color: transparent;\n }\n\n &.dx-command-edit {\n border-bottom-color: transparent;\n }\n\n .dx-datagrid-text-content {\n white-space: nowrap;\n }\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-table {\n & .dx-row {\n &.dx-datagrid-filter-row {\n .dx-editor-cell {\n .dx-editor-with-menu {\n padding: 0 1px;\n }\n }\n\n & > td {\n border-bottom: none;\n border-left-color: transparent;\n border-right-color: transparent;\n padding: 0;\n background-color: ", ";\n\n .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,\n .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {\n margin-top: 1px;\n }\n\n .dx-menu-item-content {\n .dx-icon {\n width: ", "px;\n height: ", "px;\n font-size: ", "px;\n line-height: ", "px;\n color: ", ";\n margin: 0 2px;\n }\n\n .dx-menu-item-popout-container {\n width: ", "px;\n }\n }\n }\n }\n }\n }\n\n & + .dx-datagrid-rowsview {\n border-top: 0.5px solid ", ";\n }\n\n .dx-texteditor-input {\n min-height: ", "px;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .dx-datagrid-focus-overlay {\n border-color: transparent;\n }\n }\n\n & .dx-datagrid-rowsview:not(.dx-empty) {\n &.dx-datagrid-after-headers {\n border-top: 0.5px solid ", ";\n }\n\n .dx-scrollable-wrapper {\n .dx-scrollable-container {\n .dx-scrollable-content {\n .dx-datagrid-content {\n .dx-datagrid-table {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-right-color: ", ";\n\n & > .ant-tag {\n font-size: ", "px;\n line-height: ", "px;\n padding-inline: ", "px;\n margin: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n .dx-datagrid-content {\n &.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n background-color: ", ";\n\n &.dx-command-edit {\n padding: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-rowsview.dx-empty {\n &.dx-datagrid-after-headers {\n border-top: 0.5px solid ", ";\n }\n\n .dx-scrollable-wrapper {\n .dx-scrollable-container {\n .dx-scrollable-content {\n .dx-datagrid-content {\n .dx-datagrid-table {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .dx-datagrid-content {\n &.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n\n &.dx-command-edit {\n padding: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-filter-panel {\n padding-left: ", "px;\n padding-top: ", "px;\n padding-bottom: ", "px;\n padding-right: ", "px;\n\n border-top-color: ", ";\n\n .dx-datagrid-filter-panel-left {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: ", "px;\n min-height: ", "px;\n\n .dx-datagrid-filter-panel-checkbox {\n padding-right: 0;\n }\n }\n .dx-datagrid-filter-panel-clear-filter,\n .dx-datagrid-filter-panel-text,\n .dx-icon-filter {\n display: inline-flex;\n align-items: center;\n color: ", ";\n font-size: ", "px;\n line-height: ", "px;\n margin: 0;\n }\n }\n\n & .dx-datagrid-pager {\n border-top: 0.5px solid ", ";\n padding: ", "px ", "px;\n\n .dx-pages .dx-page-indexes {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: ", "px;\n }\n\n .dx-pages .dx-page {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n border: 0.5px solid transparent;\n font-size: ", "px;\n line-height: 1;\n font-weight: 400;\n color: ", ";\n margin: 0;\n padding: 0;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-selection {\n background-color: transparent;\n color: ", ";\n border-color: ", ";\n font-weight: 600;\n }\n }\n\n .dx-pages .dx-separator {\n padding: 0;\n font-size: ", "px;\n color: ", ";\n line-height: 1;\n }\n\n .dx-pages .dx-navigate-button {\n width: ", "px;\n height: ", "px;\n padding: 0;\n\n &.dx-next-button,\n &.dx-prev-button {\n font-size: ", "px;\n line-height: 1;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &::before {\n width: ", "px;\n height: ", "px;\n line-height: 1;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n top: unset;\n left: unset;\n margin: 0;\n }\n }\n }\n }\n\n & .dx-row > td {\n padding: 0 ", "px;\n height: ", "px;\n vertical-align: middle;\n }\n\n .dx-column-lines {\n & > td {\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-right-color: ", ";\n }\n }\n\n .dx-header-filter {\n font-size: ", "px;\n }\n\n .dx-datagrid-total-footer {\n border-top: 0.5px solid ", ";\n\n & > .dx-datagrid-content {\n padding-top: 0;\n padding-bottom: 0;\n\n &.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-footer-row {\n & > td {\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n background-color: ", ";\n }\n }\n }\n }\n }\n }\n\n .dx-datagrid-table {\n .dx-row {\n & > td {\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n background-color: ", ";\n\n .dx-datagrid-summary-item {\n font-weight: 400;\n color: ", ";\n }\n }\n }\n }\n }\n }\n\n .dx-overlay-wrapper {\n &.dx-loadpanel-wrapper {\n .dx-loadindicator-wrapper {\n .dx-loadindicator-icon {\n .dx-loadindicator-segment {\n background-color: ", ";\n }\n }\n }\n .dx-overlay-content {\n &.dx-loadpanel-content {\n .dx-loadpanel-content-wrapper {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n gap: ", "px;\n }\n\n .dx-loadpanel-message {\n color: ", ";\n font-size: ", "px;\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-rowsview {\n .dx-selection {\n &.dx-row {\n &:not(.dx-row-focused) {\n & > td,\n & > tr > td {\n ", ";\n }\n\n &:hover {\n & > td,\n & > tr > td {\n ", ";\n }\n }\n }\n }\n }\n\n & > div:not(.dx-scrollable-wrapper) {\n &.dx-datagrid-content.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n .dx-row.dx-virtual-row.dx-column-lines {\n & > td {\n border-bottom-color: transparent;\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n }\n }\n }\n }\n }\n\n &.dx-empty {\n .dx-datagrid-content {\n .dx-datagrid-table {\n .dx-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-table {\n .dx-datagrid-content &,\n & {\n .dx-row {\n .dx-command-select {\n ", ";\n }\n }\n }\n }\n\n & .grid-cell-disable-text-selection {\n user-select: none;\n }\n\n .dx-checkbox {\n &.dx-datagrid-checkbox-size {\n padding-bottom: 0;\n }\n\n .dx-checkbox-container {\n .dx-checkbox-icon {\n border-color: ", ";\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n }\n }\n\n &.dx-state-focused,\n &.dx-state-hover {\n .dx-checkbox-container {\n .dx-checkbox-icon {\n border-color: ", ";\n }\n }\n }\n\n &.dx-checkbox-checked {\n .dx-checkbox-container {\n .dx-checkbox-icon {\n background-color: ", ";\n border-color: ", ";\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &::before {\n color: ", ";\n display: inline-flex;\n width: ", "px;\n font-size: ", "px;\n height: ", "px;\n line-height: ", "px;\n position: relative;\n top: unset;\n left: unset;\n margin: 0;\n }\n }\n }\n }\n }\n }\n "])), dxWidgetFontSize, dxColumnColors, borderColor, dxToolbar.dxToolbarPaddingVertical, dxToolbar.dxToolbarPaddingHorizontal, dxToolbar.dxToolbarPaddingVertical - 1, dxToolbar.dxToolbarTtemsContainerGap, dxToolbar.dxToolbarTtemsContainerBeforeAfterGap, dxToolbar.dxToolbarTitleFontSize, columnTextColor, colorFillTertiary, dxButton.dxButtonBorderRadius, dxToolbar.dxToolbarPaddingVertical, dxToolbar.dxToolbarPaddingVertical, dxButton.dxButtonBorderRadius, dxButton.dxButtonFontSize, dxButton.dxButtonPaddingInline, dxButton.dxButtonPaddingBlock, dxButton.dxButtonLineHeight, whiteColor, boxShadowColor, whiteColor, primaryColor, primaryColor, whiteColor, primaryColorHover, primaryColorHover, whiteColor, primaryColorActive, primaryColorActive, whiteColor, colorErrorText, colorErrorText, whiteColor, colorErrorTextHover, colorErrorTextHover, whiteColor, colorErrorTextActive, colorErrorTextActive, whiteColor, colorSuccessText, colorSuccessText, whiteColor, colorSuccessTextHover, colorSuccessTextHover, whiteColor, colorSuccessTextActive, colorSuccessTextActive, columnTextColor, toolbarBorderColor, whiteColor, primaryColorHover, primaryColorHover, whiteColor, primaryColorActive, primaryColorActive, whiteColor, primaryColor, primaryColorBg, primaryColorHover, primaryColorBorder, primaryColorActive, colorErrorText, colorErrorBg, colorErrorTextHover, colorErrorBgActive, colorErrorTextActive, colorSuccessText, colorSuccessBg, colorSuccessTextHover, colorSuccessBorder, colorSuccessTextActive, columnTextColor, colorFillTertiary, checkboxBorderColor, boxShadowColor, primaryColor, primaryColorHover, primaryColorActive, colorErrorText, colorErrorTextHover, colorErrorTextActive, colorSuccessText, colorSuccessTextHover, colorSuccessTextActive, columnTextColor, whiteColor, solidColorBgHover, solidColorBgActive, dxToolbarSettings.dxPopupOverlayPopupPaddingVertical, dxToolbarSettings.dxPopupOverlayPopupPaddingHorizontal, primaryColor, primaryColor, primaryColorActive, primaryColor, dxToolbarSettings.dxPopupOverlayPopupItemPaddingVertical, dxToolbarSettings.dxPopupOverlayPopupItemPaddingHorizontal, dxToolbarSettings.dxPopupOverlayPopupItemGap, dxWidgetFontSize, columnTextColor, dxIconFontSize, dxIconFontSize, dxIconFontSize, dxIconFontSize, dxIconFontSize, whiteColor, dxToolbarSettings.dxPopupOverlayBorderRadius, dxToolbarSettings.dxPopupOverlayMarginTop * 2, dxToolbar.dxToolbarItemBorderRadius, toolbarBorderColor, iconColor, dxIconFontSize, dxSearchBoxSizes.dxSearchBoxIconWidth, dxSearchBoxSizes.dxSearchBoxIconHeight, iconColor, dxSearchBoxSizes.dxSearchBoxInputMinHeight, dxSearchBoxSizes.dxSearchBoxInputPaddingTop, dxSearchBoxSizes.dxSearchBoxInputPaddingRight, dxSearchBoxSizes.dxSearchBoxInputPaddingBottom, dxSearchBoxSizes.dxSearchBoxInputPaddingLeft, dxSearchBoxSizes.dxSearchBoxInputFontSize, dxSearchBoxSizes.dxSearchBoxInputLineHeight, columnTextColor, dxSearchBoxSizes.dxSearchBoxInputPaddingTop, dxSearchBoxSizes.dxSearchBoxInputPaddingRight, dxSearchBoxSizes.dxSearchBoxInputPaddingBottom, dxSearchBoxSizes.dxSearchBoxInputPaddingLeft, dxSearchBoxSizes.dxSearchBoxInputFontSize, dxSearchBoxSizes.dxSearchBoxInputLineHeight + 1, textDescriptionColor, dxSearchBoxSizes.dxSearchBoxClearButtonWidth, dxSearchBoxSizes.dxSearchBoxClearButtonWidth, iconColor, dxSearchBoxSizes.dxSearchBoxClearButtonPadding, dxSearchBoxSizes.dxSearchBoxClearButtonWidth, dxSearchBoxSizes.dxSearchBoxClearButtonHeight, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundPosition, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundPosition, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundSize, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundSize, dxSearchBoxSizes.dxSearchBoxClearButtonFontSize, dxToolbar.dxToolbarItemBorderRadius, toolbarBorderColor, dxIconFontSize, dxIconFontSize, dxIconFontSize, iconColor, dxToolbarSettings.dxSettingsIconSize, dxToolbarSettings.dxSettingsIconSize, dxToolbar.dxToolbarButtonsPadding, whiteColor, primaryColor, primaryColor, primaryColor, primaryColor, whiteColor, primaryColorActive, primaryColorActive, primaryColorActive, primaryColorActive, primaryColor, dxColumnColors, borderColor, borderColor, controlItemBgActive, headerCommandSelectBg, borderColor, controlItemBgActive, borderColor, borderColor, headerBorderColor, headerBorderColor, controlItemBgActive, whiteColor, dxFilterMenu.dxMenuItemIconSize, dxFilterMenu.dxMenuItemIconSize, dxFilterMenu.dxMenuItemIconSize, dxFilterMenu.dxMenuItemIconSize, iconColor, dxFilterMenu.dxMenuItemPopoutContainerWidth, borderColor, dxTextEditorInputMinHeight, borderColor, borderColor, borderColor, borderColor, dxColumnTagSizes.dxColumnTagFontSize, dxColumnTagSizes.dxColumnTagLineHeight, dxColumnTagSizes.dxColumnTagPaddingInline, borderColor, borderColor, whiteColor, borderColor, dxSummarySizes.dxFiltersPanelPaddingLeft, dxSummarySizes.dxFiltersPanelPaddingTop, dxSummarySizes.dxFiltersPanelPaddingBottom, props.hasSummaryButton ? dxSummarySizes.dxFiltersPanelPaddingRight : dxSummarySizes.dxFiltersPanelPaddingRightDefault, borderColor, dxSummarySizes.dxFiltersPanelLeftGap, dxSummarySizes.dxFilterPanelMinHeight, primaryColor, dxIconFilterFontSize, dxSummarySizes.dxFiltersPanelTextLineHeight, borderColor, dxPager.dxPagerPaddingBlock, dxPager.dxPagerPaddingInline, dxPager.dxPagerPageIndexesGap, dxPager.dxPagerPageButtonWidth, dxPager.dxPagerPageButtonHeight, dxPager.dxPagerPageButtonBorderRadius, dxPager.dxPagerPageButtonFontSize, columnTextColor, primaryColorBg, primaryColorHover, primaryColor, primaryColor, dxPager.dxPagerPageButtonFontSize, columnTextColor, dxPager.dxPagerNavigationButtonWidth, dxPager.dxPagerNavigationButtonHeight, dxPager.dxPagerNavigationButtonFontSize, dxPager.dxPagerNavigationButtonBeforeWidth, dxPager.dxPagerNavigationButtonBeforeHeight, dxDataColumnsPaddingInline, dxDataColumnsHeight, borderColor, borderColor, borderColor, dxHeaderFilterFontSize, borderColor, borderColor, borderColor, headerCommandSelectBg, borderColor, borderColor, headerCommandSelectBg, columnTextColor, primaryColor, dxLoadPanelContentWrapperGap, columnTextColor, dxWidgetFontSize, dxColumnColors, dxColumnColors, borderColor, borderColor, dxCommonSelectionStyles, checkboxBorderColor, dxCheckboxSize, dxCheckboxSize, dxCheckboxBorderRadiusSize, primaryColor, primaryColor, primaryColor, whiteColor, dxCheckboxCheckIconSize, dxCheckboxCheckIconSize, dxCheckboxCheckIconSize, dxCheckboxCheckIconSize))
|
|
2941
|
+
grid: cx("ods-datagrid-grid", css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n &.ods-datagrid-grid {\n height: 100%;\n\n &.dx-widget {\n font-family: \"Manrope\", sans-serif;\n font-size: ", "px;\n }\n\n & .dx-datagrid {\n ", ";\n line-height: 1;\n\n .dx-datagrid-content-fixed {\n .dx-datagrid-table {\n .dx-col-fixed {\n background-color: transparent;\n }\n }\n }\n\n & .dx-datagrid-header-panel {\n border-bottom: 0.5px solid ", ";\n background-color: transparent;\n padding: ", "px ", "px ", "px;\n\n .dx-toolbar {\n background-color: transparent;\n margin-bottom: 0;\n\n .dx-toolbar-items-container {\n display: flex;\n justify-content: space-between;\n gap: ", "px;\n height: unset;\n\n .dx-toolbar-before,\n .dx-toolbar-after {\n display: flex;\n align-items: center;\n gap: ", "px;\n margin: 0;\n padding: 0;\n position: relative;\n left: unset;\n right: unset;\n top: unset;\n bottom: unset;\n flex: 0 1 auto;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .dx-toolbar-before {\n .dx-item.dx-toolbar-item {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin: 0;\n padding: 0;\n\n &.ods-toolbar-title {\n font-size: ", "px;\n line-height: 1;\n color: ", ";\n font-weight: 600;\n max-width: unset !important;\n\n & > div {\n margin: 0;\n padding: 0;\n }\n }\n\n &.ods-toolbar-left-item-menu {\n &.dx-toolbar-item {\n .ods-toolbar-left-menu {\n &.dx-menu {\n &.dx-menu-base .dx-menu-item {\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-radius: ", "px;\n }\n }\n &.dx-menu-base .dx-menu-item .dx-menu-item-content {\n padding-block: ", "px;\n padding-inline: ", "px;\n border: none;\n\n .dx-menu-item-popout-container {\n display: none;\n }\n }\n .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {\n padding: 0;\n margin: 0;\n width: auto;\n height: auto;\n font-size: unset;\n line-height: unset;\n }\n\n .dx-context-menu-container-border {\n display: none;\n }\n }\n }\n }\n }\n\n &.ods-toolbar-left-item {\n height: 100%;\n .ods-toolbar-left-menu-dropdown {\n display: inline-flex;\n vertical-align: unset;\n }\n }\n }\n\n .dx-button {\n border-radius: ", "px;\n\n .dx-button-content {\n font-size: ", "px;\n padding-inline: ", "px;\n padding-block: ", "px;\n\n .dx-button-text {\n line-height: ", "px;\n }\n }\n\n &.dx-button-mode-outlined {\n background-color: ", ";\n box-shadow: 0px 2px 0px 0px ", ";\n\n &.dx-button-default {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-danger {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-success {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-normal {\n color: ", ";\n border-color: ", ";\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n color: ", ";\n border-color: ", ";\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n color: ", ";\n border-color: ", ";\n background-color: ", ";\n }\n }\n }\n\n &.dx-button-mode-text {\n background-color: transparent;\n\n &.dx-button-default {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-danger {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-success {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n color: ", ";\n }\n }\n\n &.dx-button-normal {\n background-color: transparent;\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n }\n\n &.dx-button-mode-contained {\n box-shadow: 0px 2px 0px 0px ", ";\n\n &.dx-button-default {\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n\n &.dx-button-danger {\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n\n &.dx-button-success {\n background-color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n\n &.dx-button-normal {\n background-color: ", ";\n color: ", ";\n\n &.dx-state-hover,\n &:hover {\n background-color: ", ";\n }\n\n &.dx-state-focused,\n &:focus,\n &:active {\n background-color: ", ";\n }\n }\n }\n }\n }\n\n .dx-toolbar-after {\n flex: 0 0 auto;\n overflow: unset;\n\n .dx-item.dx-toolbar-item {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin: 0;\n padding: 0;\n\n &.ods-toolbar-after-settings-button {\n .ods-toolbar-after-settings-dropdown {\n &.dx-dropdownbutton-popup-wrapper .dx-popup-content {\n padding: 0;\n\n .dx-scrollable-container {\n height: auto;\n }\n\n .dx-list:not(.dx-list-select-decorator-enabled) {\n min-height: unset;\n padding-block: ", "px;\n padding-inline: ", "px;\n\n .dx-list-item {\n &.dx-state-hover {\n background-color: transparent;\n color: ", ";\n\n .dx-list-item-content {\n color: ", ";\n }\n }\n &.dx-state-focused {\n background-color: transparent;\n color: ", ";\n\n .dx-list-item-content {\n color: ", ";\n }\n }\n }\n\n .dx-list-item-content {\n padding-block: ", "px;\n padding-inline: ", "px;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: ", "px;\n\n font-size: ", "px;\n line-height: 1;\n color: ", ";\n\n .dx-list-item-icon-container {\n width: ", "px;\n height: ", "px;\n\n .dx-list-item-icon {\n font-size: ", "px;\n line-height: 1;\n width: ", "px;\n height: ", "px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n }\n }\n\n &::before {\n display: none;\n }\n }\n }\n }\n &.dx-popup-wrapper > .dx-overlay-content {\n background-color: ", ";\n box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px -1px rgba(0, 0, 0, 0.04), 0px 6px 8px 0px rgba(0, 0, 0, 0.04);\n border: none;\n border-radius: ", "px;\n top: ", "px;\n }\n }\n }\n }\n\n .dx-searchbox {\n &.dx-texteditor {\n &.dx-editor-outlined {\n margin: 0;\n border-radius: ", "px;\n border-color: ", ";\n }\n }\n .dx-icon-search {\n color: ", ";\n font-size: ", "px;\n line-height: 1;\n position: absolute;\n top: 50%;\n left: 0;\n margin: unset;\n transform: translateY(-50%);\n width: ", "px;\n height: ", "px;\n background-position: unset;\n background-size: unset;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &::before {\n color: ", ";\n }\n }\n\n .dx-texteditor-input {\n min-height: ", "px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n line-height: ", "px;\n color: ", ";\n }\n\n .dx-placeholder {\n &::before {\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n font-size: ", "px;\n line-height: ", "px;\n color: ", ";\n }\n }\n\n &.dx-show-clear-button {\n .dx-clear-button-area {\n width: ", "px;\n min-width: ", "px;\n\n .dx-icon-clear {\n color: ", ";\n margin-top: 0;\n transform: translateY(-50%);\n padding: ", "px;\n width: ", "px;\n height: ", "px;\n background-position: ", "px ", "px;\n background-size: ", "px ", "px;\n font-size: ", "px;\n line-height: 1;\n }\n }\n }\n }\n\n .dx-button {\n border-radius: ", "px;\n border-color: ", ";\n\n .dx-icon {\n font-size: ", "px;\n line-height: 1;\n width: ", "px;\n height: ", "px;\n color: ", ";\n\n &.dx-svg-icon {\n font-size: unset;\n line-height: 1;\n width: ", "px;\n height: ", "px;\n color: unset;\n }\n }\n\n .dx-button-content {\n padding: ", "px;\n }\n\n &.dx-state-hover,\n &.dx-state-focused {\n background-color: ", ";\n border-color: ", ";\n\n .dx-icon {\n color: ", ";\n\n &.dx-svg-icon svg.ods-toolbar-after-settings-icon {\n & > path {\n fill: ", ";\n }\n\n & > circle {\n stroke: ", ";\n }\n }\n }\n }\n\n &.dx-state-active {\n background-color: ", ";\n border-color: ", ";\n\n .dx-icon {\n color: ", ";\n\n &.dx-svg-icon svg.ods-toolbar-after-settings-icon {\n & > path {\n fill: ", ";\n }\n\n & > circle {\n stroke: ", ";\n }\n }\n }\n }\n }\n\n .dx-texteditor.dx-state-active.dx-editor-filled,\n .dx-texteditor.dx-state-active.dx-editor-outlined,\n .dx-texteditor.dx-state-active.dx-editor-underlined,\n .dx-texteditor.dx-state-focused.dx-editor-filled,\n .dx-texteditor.dx-state-focused.dx-editor-outlined,\n .dx-texteditor.dx-state-focused.dx-editor-underlined {\n border-color: ", ";\n }\n }\n }\n }\n }\n\n & .dx-datagrid-headers {\n border-bottom: none;\n ", ";\n font-weight: 600;\n\n &.dx-datagrid-nowrap {\n }\n\n .dx-datagrid-content {\n margin-bottom: unset;\n\n &.dx-datagrid-scrollable-simulated:not(.dx-empty).dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-header-row {\n & > td {\n border-bottom-width: 0.5px;\n border-bottom-color: transparent;\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n background-color: ", ";\n\n &.dx-command-select {\n background-color: ", ";\n border-bottom-color: ", ";\n }\n &.dx-command-edit {\n background-color: ", ";\n border-bottom-color: ", ";\n }\n\n .dx-datagrid-text-content {\n white-space: nowrap;\n }\n }\n }\n }\n }\n }\n }\n\n &.dx-datagrid-scrollable-simulated:not(.dx-empty) {\n .dx-datagrid-table {\n .dx-row {\n &.dx-header-row {\n & > td {\n border-bottom-width: 0.5px;\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-right-color: ", ";\n\n &:not(.dx-command-select):not(.dx-command-edit) {\n background-color: ", ";\n }\n\n &.dx-command-select {\n border-bottom-color: transparent;\n }\n\n &.dx-command-edit {\n border-bottom-color: transparent;\n }\n\n .dx-datagrid-text-content {\n white-space: nowrap;\n }\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-table {\n & .dx-row {\n &.dx-datagrid-filter-row {\n .dx-editor-cell {\n .dx-editor-with-menu {\n padding: 0 1px;\n }\n }\n\n & > td {\n border-bottom: none;\n border-left-color: transparent;\n border-right-color: transparent;\n padding: 0;\n background-color: ", ";\n\n .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,\n .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {\n margin-top: 1px;\n }\n\n .dx-menu-item-content {\n .dx-icon {\n width: ", "px;\n height: ", "px;\n font-size: ", "px;\n line-height: ", "px;\n color: ", ";\n margin: 0 2px;\n }\n\n .dx-menu-item-popout-container {\n width: ", "px;\n }\n }\n }\n }\n }\n }\n\n & + .dx-datagrid-rowsview {\n border-top: 0.5px solid ", ";\n }\n\n .dx-texteditor-input {\n min-height: ", "px;\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .dx-datagrid-focus-overlay {\n border-color: transparent;\n }\n }\n\n & .dx-datagrid-rowsview:not(.dx-empty) {\n &.dx-datagrid-after-headers {\n border-top: 0.5px solid ", ";\n }\n\n .dx-scrollable-wrapper {\n .dx-scrollable-container {\n .dx-scrollable-content {\n .dx-datagrid-content {\n .dx-datagrid-table {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-right-color: ", ";\n\n & > .ant-tag {\n font-size: ", "px;\n line-height: ", "px;\n padding-inline: ", "px;\n margin: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n .dx-datagrid-content {\n &.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n background-color: ", ";\n\n &.dx-command-edit {\n padding: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-rowsview.dx-empty {\n &.dx-datagrid-after-headers {\n border-top: 0.5px solid ", ";\n }\n\n .dx-scrollable-wrapper {\n .dx-scrollable-container {\n .dx-scrollable-content {\n .dx-datagrid-content {\n .dx-datagrid-table {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .dx-datagrid-content {\n &.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-row-lines,\n &.dx-freespace-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n\n &.dx-command-edit {\n padding: 0;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-filter-panel {\n padding-left: ", "px;\n padding-top: ", "px;\n padding-bottom: ", "px;\n padding-right: ", "px;\n\n border-top-color: ", ";\n\n .dx-datagrid-filter-panel-left {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: ", "px;\n min-height: ", "px;\n\n .dx-datagrid-filter-panel-checkbox {\n padding-right: 0;\n }\n }\n .dx-datagrid-filter-panel-clear-filter,\n .dx-datagrid-filter-panel-text,\n .dx-icon-filter {\n display: inline-flex;\n align-items: center;\n color: ", ";\n font-size: ", "px;\n line-height: ", "px;\n margin: 0;\n }\n }\n\n & .dx-datagrid-pager {\n border-top: 0.5px solid ", ";\n padding: ", "px ", "px;\n\n .dx-pages .dx-page-indexes {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: ", "px;\n }\n\n .dx-pages .dx-page {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n border: 0.5px solid transparent;\n font-size: ", "px;\n line-height: 1;\n font-weight: 400;\n color: ", ";\n margin: 0;\n padding: 0;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &.dx-selection {\n background-color: transparent;\n color: ", ";\n border-color: ", ";\n font-weight: 600;\n }\n }\n\n .dx-pages .dx-separator {\n padding: 0;\n font-size: ", "px;\n color: ", ";\n line-height: 1;\n }\n\n .dx-pages .dx-navigate-button {\n width: ", "px;\n height: ", "px;\n padding: 0;\n\n &.dx-next-button,\n &.dx-prev-button {\n font-size: ", "px;\n line-height: 1;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &::before {\n width: ", "px;\n height: ", "px;\n line-height: 1;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n top: unset;\n left: unset;\n margin: 0;\n }\n }\n }\n }\n\n & .dx-row > td {\n padding: 0 ", "px;\n height: ", "px;\n vertical-align: middle;\n }\n\n .dx-column-lines {\n & > td {\n border-bottom-color: ", ";\n border-left-color: ", ";\n border-right-color: ", ";\n }\n }\n\n .dx-header-filter {\n font-size: ", "px;\n }\n\n .dx-datagrid-total-footer {\n border-top: 0.5px solid ", ";\n\n & > .dx-datagrid-content {\n padding-top: 0;\n padding-bottom: 0;\n\n &.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n &.dx-pointer-events-none {\n .dx-row {\n &.dx-footer-row {\n & > td {\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n background-color: ", ";\n }\n }\n }\n }\n }\n }\n\n .dx-datagrid-table {\n .dx-row {\n & > td {\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n background-color: ", ";\n\n .dx-datagrid-summary-item {\n font-weight: 400;\n color: ", ";\n }\n }\n }\n }\n }\n }\n\n .dx-overlay-wrapper {\n &.dx-loadpanel-wrapper {\n .dx-loadindicator-wrapper {\n .dx-loadindicator-icon {\n .dx-loadindicator-segment {\n background-color: ", ";\n }\n }\n }\n .dx-overlay-content {\n &.dx-loadpanel-content {\n .dx-loadpanel-content-wrapper {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n gap: ", "px;\n }\n\n .dx-loadpanel-message {\n color: ", ";\n font-size: ", "px;\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-rowsview {\n & > div:not(.dx-scrollable-wrapper) {\n &.dx-datagrid-content.dx-datagrid-content-fixed {\n .dx-datagrid-table {\n .dx-row.dx-virtual-row.dx-column-lines {\n & > td {\n border-bottom-color: transparent;\n border-left-color: ", ";\n border-right-color: ", ";\n border-left-width: 0.5px;\n border-right-width: 0.5px;\n }\n }\n }\n }\n }\n\n &.dx-empty {\n .dx-datagrid-content {\n .dx-datagrid-table {\n .dx-row {\n & > td {\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n }\n }\n }\n }\n }\n }\n\n & .dx-datagrid-table {\n .dx-datagrid-content &,\n & {\n .dx-row {\n .dx-command-select {\n ", ";\n }\n }\n }\n }\n\n & .grid-cell-disable-text-selection {\n user-select: none;\n }\n\n .dx-checkbox {\n &.dx-datagrid-checkbox-size {\n padding-bottom: 0;\n }\n\n .dx-checkbox-container {\n .dx-checkbox-icon {\n border-color: ", ";\n width: ", "px;\n height: ", "px;\n border-radius: ", "px;\n }\n }\n\n &.dx-state-focused,\n &.dx-state-hover {\n .dx-checkbox-container {\n .dx-checkbox-icon {\n border-color: ", ";\n }\n }\n }\n\n &.dx-checkbox-checked {\n .dx-checkbox-container {\n .dx-checkbox-icon {\n background-color: ", ";\n border-color: ", ";\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &::before {\n color: ", ";\n display: inline-flex;\n width: ", "px;\n font-size: ", "px;\n height: ", "px;\n line-height: ", "px;\n position: relative;\n top: unset;\n left: unset;\n margin: 0;\n }\n }\n }\n }\n }\n }\n "])), dxWidgetFontSize, dxColumnColors, borderColor, dxToolbar.dxToolbarPaddingVertical, dxToolbar.dxToolbarPaddingHorizontal, dxToolbar.dxToolbarPaddingVertical - 1, dxToolbar.dxToolbarTtemsContainerGap, dxToolbar.dxToolbarTtemsContainerBeforeAfterGap, dxToolbar.dxToolbarTitleFontSize, columnTextColor, colorFillTertiary, dxButton.dxButtonBorderRadius, dxToolbar.dxToolbarPaddingVertical, dxToolbar.dxToolbarPaddingVertical, dxButton.dxButtonBorderRadius, dxButton.dxButtonFontSize, dxButton.dxButtonPaddingInline, dxButton.dxButtonPaddingBlock, dxButton.dxButtonLineHeight, whiteColor, boxShadowColor, whiteColor, primaryColor, primaryColor, whiteColor, primaryColorHover, primaryColorHover, whiteColor, primaryColorActive, primaryColorActive, whiteColor, colorErrorText, colorErrorText, whiteColor, colorErrorTextHover, colorErrorTextHover, whiteColor, colorErrorTextActive, colorErrorTextActive, whiteColor, colorSuccessText, colorSuccessText, whiteColor, colorSuccessTextHover, colorSuccessTextHover, whiteColor, colorSuccessTextActive, colorSuccessTextActive, columnTextColor, toolbarBorderColor, whiteColor, primaryColorHover, primaryColorHover, whiteColor, primaryColorActive, primaryColorActive, whiteColor, primaryColor, primaryColorBg, primaryColorHover, primaryColorBorder, primaryColorActive, colorErrorText, colorErrorBg, colorErrorTextHover, colorErrorBgActive, colorErrorTextActive, colorSuccessText, colorSuccessBg, colorSuccessTextHover, colorSuccessBorder, colorSuccessTextActive, columnTextColor, colorFillTertiary, checkboxBorderColor, boxShadowColor, primaryColor, primaryColorHover, primaryColorActive, colorErrorText, colorErrorTextHover, colorErrorTextActive, colorSuccessText, colorSuccessTextHover, colorSuccessTextActive, columnTextColor, whiteColor, solidColorBgHover, solidColorBgActive, dxToolbarSettings.dxPopupOverlayPopupPaddingVertical, dxToolbarSettings.dxPopupOverlayPopupPaddingHorizontal, primaryColor, primaryColor, primaryColorActive, primaryColor, dxToolbarSettings.dxPopupOverlayPopupItemPaddingVertical, dxToolbarSettings.dxPopupOverlayPopupItemPaddingHorizontal, dxToolbarSettings.dxPopupOverlayPopupItemGap, dxWidgetFontSize, columnTextColor, dxIconFontSize, dxIconFontSize, dxIconFontSize, dxIconFontSize, dxIconFontSize, whiteColor, dxToolbarSettings.dxPopupOverlayBorderRadius, dxToolbarSettings.dxPopupOverlayMarginTop * 2, dxToolbar.dxToolbarItemBorderRadius, toolbarBorderColor, iconColor, dxIconFontSize, dxSearchBoxSizes.dxSearchBoxIconWidth, dxSearchBoxSizes.dxSearchBoxIconHeight, iconColor, dxSearchBoxSizes.dxSearchBoxInputMinHeight, dxSearchBoxSizes.dxSearchBoxInputPaddingTop, dxSearchBoxSizes.dxSearchBoxInputPaddingRight, dxSearchBoxSizes.dxSearchBoxInputPaddingBottom, dxSearchBoxSizes.dxSearchBoxInputPaddingLeft, dxSearchBoxSizes.dxSearchBoxInputFontSize, dxSearchBoxSizes.dxSearchBoxInputLineHeight, columnTextColor, dxSearchBoxSizes.dxSearchBoxInputPaddingTop, dxSearchBoxSizes.dxSearchBoxInputPaddingRight, dxSearchBoxSizes.dxSearchBoxInputPaddingBottom, dxSearchBoxSizes.dxSearchBoxInputPaddingLeft, dxSearchBoxSizes.dxSearchBoxInputFontSize, dxSearchBoxSizes.dxSearchBoxInputLineHeight + 1, textDescriptionColor, dxSearchBoxSizes.dxSearchBoxClearButtonWidth, dxSearchBoxSizes.dxSearchBoxClearButtonWidth, iconColor, dxSearchBoxSizes.dxSearchBoxClearButtonPadding, dxSearchBoxSizes.dxSearchBoxClearButtonWidth, dxSearchBoxSizes.dxSearchBoxClearButtonHeight, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundPosition, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundPosition, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundSize, dxSearchBoxSizes.dxSearchBoxClearButtonBackgroundSize, dxSearchBoxSizes.dxSearchBoxClearButtonFontSize, dxToolbar.dxToolbarItemBorderRadius, toolbarBorderColor, dxIconFontSize, dxIconFontSize, dxIconFontSize, iconColor, dxToolbarSettings.dxSettingsIconSize, dxToolbarSettings.dxSettingsIconSize, dxToolbar.dxToolbarButtonsPadding, whiteColor, primaryColor, primaryColor, primaryColor, primaryColor, whiteColor, primaryColorActive, primaryColorActive, primaryColorActive, primaryColorActive, primaryColor, dxColumnColors, borderColor, borderColor, controlItemBgActive, headerCommandSelectBg, borderColor, controlItemBgActive, borderColor, borderColor, headerBorderColor, headerBorderColor, controlItemBgActive, whiteColor, dxFilterMenu.dxMenuItemIconSize, dxFilterMenu.dxMenuItemIconSize, dxFilterMenu.dxMenuItemIconSize, dxFilterMenu.dxMenuItemIconSize, iconColor, dxFilterMenu.dxMenuItemPopoutContainerWidth, borderColor, dxTextEditorInputMinHeight, borderColor, borderColor, borderColor, borderColor, dxColumnTagSizes.dxColumnTagFontSize, dxColumnTagSizes.dxColumnTagLineHeight, dxColumnTagSizes.dxColumnTagPaddingInline, borderColor, borderColor, whiteColor, borderColor, dxSummarySizes.dxFiltersPanelPaddingLeft, dxSummarySizes.dxFiltersPanelPaddingTop, dxSummarySizes.dxFiltersPanelPaddingBottom, props.hasSummaryButton ? dxSummarySizes.dxFiltersPanelPaddingRight : dxSummarySizes.dxFiltersPanelPaddingRightDefault, borderColor, dxSummarySizes.dxFiltersPanelLeftGap, dxSummarySizes.dxFilterPanelMinHeight, primaryColor, dxIconFilterFontSize, dxSummarySizes.dxFiltersPanelTextLineHeight, borderColor, dxPager.dxPagerPaddingBlock, dxPager.dxPagerPaddingInline, dxPager.dxPagerPageIndexesGap, dxPager.dxPagerPageButtonWidth, dxPager.dxPagerPageButtonHeight, dxPager.dxPagerPageButtonBorderRadius, dxPager.dxPagerPageButtonFontSize, columnTextColor, primaryColorBg, primaryColorHover, primaryColor, primaryColor, dxPager.dxPagerPageButtonFontSize, columnTextColor, dxPager.dxPagerNavigationButtonWidth, dxPager.dxPagerNavigationButtonHeight, dxPager.dxPagerNavigationButtonFontSize, dxPager.dxPagerNavigationButtonBeforeWidth, dxPager.dxPagerNavigationButtonBeforeHeight, dxDataColumnsPaddingInline, dxDataColumnsHeight, borderColor, borderColor, borderColor, dxHeaderFilterFontSize, borderColor, borderColor, borderColor, headerCommandSelectBg, borderColor, borderColor, headerCommandSelectBg, columnTextColor, primaryColor, dxLoadPanelContentWrapperGap, columnTextColor, dxWidgetFontSize, borderColor, borderColor, dxCommonSelectionStyles, checkboxBorderColor, dxCheckboxSize, dxCheckboxSize, dxCheckboxBorderRadiusSize, primaryColor, primaryColor, primaryColor, whiteColor, dxCheckboxCheckIconSize, dxCheckboxCheckIconSize, dxCheckboxCheckIconSize, dxCheckboxCheckIconSize))
|
|
2942
2942
|
};
|
|
2943
2943
|
});
|
|
2944
2944
|
|