devextreme-themebuilder 24.1.14 → 24.1.16

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.
@@ -2,6 +2,6 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.dependencies = exports.browsersList = exports.version = exports.metadata = void 0;
4
4
  exports.metadata = { 'generic': [{ 'Key': '$accordion-color', 'Name': '50. Text color', 'Type': 'color' }, { 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-title-opened-bg', 'Name': '20. Active item title background color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '30. Item border color', 'Type': 'color' }, { 'Key': '$accordion-item-focused-border-color', 'Name': '40. Focused item border color', 'Type': 'color' }, { 'Key': '$accordion-title-active-color', 'Name': '70. Item title active state text color', 'Type': 'color' }, { 'Key': '$accordion-item-hover-bg', 'Name': '90. Item title hovered state background color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '140. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '150. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color (contained)', 'Type': 'color' }, { 'Key': '$button-normal-outlined-bg', 'Name': '21. Background color (outlined)', 'Type': 'color' }, { 'Key': '$button-normal-text-bg', 'Name': '22. Background color (text)', 'Type': 'color' }, { 'Key': '$button-normal-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-normal-contained-bg-selected', 'Name': '20. Selected contained item background color', 'Type': 'color' }, { 'Key': '$button-normal-outlined-bg-selected', 'Name': '20. Selected outlined item background color', 'Type': 'color' }, { 'Key': '$button-normal-text-bg-selected', 'Name': '20. Selected text item background color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color (contained)', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-default-contained-bg-selected', 'Name': '20. Selected contained item background color', 'Type': 'color' }, { 'Key': '$button-default-outlined-color', 'Name': '11. Text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-outlined-bg-selected', 'Name': '20. Selected outlined item background color', 'Type': 'color' }, { 'Key': '$button-default-text-color', 'Name': '11. Text color (text)', 'Type': 'color' }, { 'Key': '$button-default-text-bg-selected', 'Name': '20. Selected text item background color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-danger-contained-bg-selected', 'Name': '20. Selected contained item background color', 'Type': 'color' }, { 'Key': '$button-danger-outlined-bg-selected', 'Name': '20. Selected outlined item background color', 'Type': 'color' }, { 'Key': '$button-danger-text-bg-selected', 'Name': '20. Selected text item background color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-success-contained-bg-selected', 'Name': '20. Selected contained item background color', 'Type': 'color' }, { 'Key': '$button-success-outlined-bg-selected', 'Name': '20. Selected outlined item background color', 'Type': 'color' }, { 'Key': '$button-success-text-bg-selected', 'Name': '20. Selected text item background color', 'Type': 'color' }, { 'Key': '$calendar-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '30. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$calendar-hover-bg', 'Name': '50. Hovered cell background color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '30. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-cell-active-bg', 'Name': '70. Active state background Color', 'Type': 'color' }, { 'Key': '$checkbox-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$checkbox-border-color-focused', 'Name': '70. Focused state border color', 'Type': 'color' }, { 'Key': '$checkbox-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$checkbox-hover-border-color', 'Name': '20. Hover state border color', 'Type': 'color' }, { 'Key': '$checkbox-active-icon-bg', 'Name': '80. Active state background color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-button-hover-bg', 'Name': '20. Dropdown button hovered state background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-button-active-bg', 'Name': '30. Dropdown button active state background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-color', 'Name': '80. Arrow icon color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Active arrow icon color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-border-radius', 'Name': '100. Dropdown button border radius', 'Type': 'text' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. File name text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Drag-and-drop border color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$filterbuilder-menu-icon-color', 'Name': '10. Menu icon color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '10. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '30. Navigation button color', 'Type': 'color' }, { 'Key': '$gallery-nav-arrow-color', 'Name': '40. Navigation icon color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-base-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$datagrid-border-color', 'Name': '70. Border color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': 'normal|bold|light' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '51. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '52. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-hover-bg', 'Name': '90. Hovered row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icon color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data border color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalid data faded color', 'Type': 'color' }, { 'Key': '$datagrid-nodata-color', 'Name': '30. NoData message text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-spin-icon-color', 'Name': '125. Arrow icon color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-link-color', 'Name': '40. Link color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-bg', 'Name': '140. Column chooser background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Alternate row background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '20. Group header text color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '30. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered state item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '40. Selected state item background color', 'Type': 'color' }, { 'Key': '$list-item-focused-selected-bg', 'Name': '50. Focused selected item state background color', 'Type': 'color' }, { 'Key': '$list-focused-bg', 'Name': '60. Focused item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '50. Active state item background color', 'Type': 'color' }, { 'Key': '$loadindicator-bg', 'Name': '10. Indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$menu-popup-bg', 'Name': '40. Popup background color', 'Type': 'color' }, { 'Key': '$menu-item-hover-bg', 'Name': '50. Hovered item background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-hovered-color', 'Name': '55. Hovered item text color', 'Type': 'color' }, { 'Key': '$menu-item-expanded-color', 'Name': '10. Expanded item text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$menu-popup-border-color', 'Name': '20. Border color', 'Type': 'color' }, { 'Key': '$numberbox-spin-active-bg', 'Name': '10. Active spin buttons color', 'Type': 'color' }, { 'Key': '$numberbox-spin-hover-border-color', 'Name': '20. Hovered spin buttons border color', 'Type': 'color' }, { 'Key': '$numberbox-spin-icon-color', 'Name': '10. Arrow icon color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$overlay-content-border-radius', 'Name': '30. Border radius', 'Type': 'text' }, { 'Key': '$pager-page-selected-color', 'Name': '180. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '190. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Total background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand total background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$pivotgrid-spin-icon-color', 'Name': '50. Arrow icon color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$radiogroup-checked-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$radiobutton-active-bg', 'Name': '40. Active state background color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10 Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Appointment start color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '60. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '70. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scheduler-time-indicator-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroll bar background color', 'Type': 'color' }, { 'Key': '$scrollable-scrollbar-active-bg', 'Name': '20. Scrollbar background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$slider-bar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$slider-range-bg', 'Name': '30. Selected range background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color', 'Name': '10. Icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color-hover', 'Name': '20. Hover state icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color-focused', 'Name': '30. Focused state icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg', 'Name': '40. Handle background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg-hover', 'Name': '50. Handle hover state background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg-focused', 'Name': '60. Handle focused state background color', 'Type': 'color' }, { 'Key': '$switch-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$switch-on-color', 'Name': '10. "ON" label color', 'Type': 'color' }, { 'Key': '$switch-container-active-bg', 'Name': '30. Active state background color', 'Type': 'color' }, { 'Key': '$switch-off-color', 'Name': '20. "OFF" label color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$tabs-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$tabs-focused-border-color', 'Name': '40. Focus border color', 'Type': 'color' }, { 'Key': '$tabs-tab-hover-bg', 'Name': '50. Hover background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '30. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-filled-bg', 'Name': '40. Filled editor background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '30. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$tooltip-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '10. Focused state background color', 'Type': 'color' }, { 'Key': '$treeview-hover-bg', 'Name': '90. Hover state background color', 'Type': 'color' }, { 'Key': '$treeview-border-color', 'Name': '100. Border color', 'Type': 'color' }, { 'Key': '$treeview-item-selected-color', 'Name': '110. Selected item text color', 'Type': 'color' }, { 'Key': '$treeview-spin-icon-color', 'Name': '120. Arrow icon color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hover state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hover state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-invalid-color', 'Name': '1. Invalid widget state - active color', 'Type': 'color' }, { 'Key': '$base-invalid-faded-border-color', 'Name': '2. Invalid widget state - border color', 'Type': 'color' }], 'material': [{ 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$material-accordion-title-font-size', 'Name': '20. Item title font size', 'Type': 'text' }, { 'Key': '$accordion-item-border-color', 'Name': '30. Item border color', 'Type': 'color' }, { 'Key': '$accordion-item-shadow', 'Name': '40. Item shadow', 'Type': 'text' }, { 'Key': '$material-accordion-item-opened-margin', 'Name': '10. Item expanded margin', 'Type': 'text' }, { 'Key': '$badge-color', 'Name': '140. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '150. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '15. Background color (contained)', 'Type': 'color' }, { 'Key': '$button-normal-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-normal-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-normal-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-normal-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-selected-color', 'Name': '20. Selected state text color (contained)', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$button-default-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-default-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-default-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-default-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-default-outlined-color', 'Name': '11. Text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-outlined-selected-color', 'Name': '21. Selected state text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-text-color', 'Name': '11. Text color (text)', 'Type': 'color' }, { 'Key': '$button-default-text-selected-color', 'Name': '21. Selected state text color (text)', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$button-danger-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-danger-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-danger-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-danger-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$button-success-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-success-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-success-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-success-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-normal-outlined-bg', 'Name': '16. Background color (outlined)', 'Type': 'color' }, { 'Key': '$button-normal-text-bg', 'Name': '17. Background color (text)', 'Type': 'color' }, { 'Key': '$calendar-navigator-text-color', 'Name': '20. Navigator text color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '30. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '40. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '50. Selected cell background color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Active arrow icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. File name text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Drag-and-drop border color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '40. Hovered navigation button color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': '300|500|700' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '51. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '52. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icon color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data background color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalid data faded color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Alternate row background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '10. Group header text color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '20. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-expanded-group-color', 'Name': '25. Expanded group header text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered state item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected state item background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '40. Active state item background color', 'Type': 'color' }, { 'Key': '$load-indicator-segment-bg-color', 'Name': '10. Indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '180. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '190. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Total background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand total background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Appointment start color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '60. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '70. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroll bar background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$material-slider-bar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$material-slider-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$material-slider-tooltip-color', 'Name': '30. Slider tooltip text color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color', 'Name': '10. Icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg', 'Name': '40. Handle background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg-hover', 'Name': '50. Handle hover state background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg-focused', 'Name': '60. Handle focused state background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color-hover', 'Name': '20. Hover state icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color-focused', 'Name': '30. Focused state icon color', 'Type': 'color' }, { 'Key': '$switch-bg', 'Name': '20. Track "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-handle-off-bg', 'Name': '30. Handle "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-on-bg', 'Name': '40. Track "ON" background color', 'Type': 'color' }, { 'Key': '$switch-handle-on-bg', 'Name': '50. Handle "ON" background color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-disabled-color', 'Name': '30. Disabled tab color', 'Type': 'color' }, { 'Key': '$tabs-selected-tab-border-color', 'Name': '40. Selected tab border color', 'Type': 'color' }, { 'Key': '$tabs-disabled-tab-border-color', 'Name': '50. Disabled tab border color', 'Type': 'color' }, { 'Key': '$tabs-tab-background', 'Name': '60. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-tab-icon-color', 'Name': '70. Tab icon color', 'Type': 'color' }, { 'Key': '$tabs-tab-icon-selected-color', 'Name': '80. Selected tab icon color', 'Type': 'color' }, { 'Key': '$tabs-tab-icon-disabled-color', 'Name': '90. Disabled tab icon color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '100. Hovered tab background color', 'Type': 'color' }, { 'Key': '$tabs-focused-tab-bg-color', 'Name': '110. Focused tab background color', 'Type': 'color' }, { 'Key': '$tabs-active-tab-bg-color', 'Name': '120. Active tab background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-active-color', 'Name': '30. Tag active text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '40. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-focused-bg', 'Name': '40. Focused background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '70. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-bg', 'Name': '40. Hovered background color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '80. Focused state background color', 'Type': 'color' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-spin-icon-color', 'Name': '50. Arrow icon color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hover state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hover state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$material-button-height', 'Name': '11. Button height', 'Type': 'text' }, { 'Key': '$material-button-icon-size', 'Name': '12. Icon size', 'Type': 'text' }, { 'Key': '$material-button-icon-margin', 'Name': '13. Icon margin', 'Type': 'text' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }], 'fluent': [{ 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$fluent-accordion-title-font-size', 'Name': '20. Item title font size', 'Type': 'text' }, { 'Key': '$fluent-accordion-item-opened-margin', 'Name': '10. Item expanded margin', 'Type': 'text' }, { 'Key': '$badge-color', 'Name': '140. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '150. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '15. Background color (contained)', 'Type': 'color' }, { 'Key': '$button-normal-outlined-bg', 'Name': '16. Background color (outlined)', 'Type': 'color' }, { 'Key': '$button-normal-text-bg', 'Name': '17. Background color (text)', 'Type': 'color' }, { 'Key': '$button-normal-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-normal-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-normal-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-normal-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-normal-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color (contained)', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$button-default-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-default-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-default-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-default-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-default-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-default-outlined-color', 'Name': '11. Text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-text-color', 'Name': '11. Text color (text)', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$button-danger-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-danger-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-danger-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-danger-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-danger-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$button-success-selected-color', 'Name': '20. Selected state text color', 'Type': 'color' }, { 'Key': '$button-success-hover-bg', 'Name': '30. Hover state background color', 'Type': 'color' }, { 'Key': '$button-success-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-success-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-success-selected-bg', 'Name': '25. Selected state background color', 'Type': 'color' }, { 'Key': '$button-default-outlined-color-hover', 'Name': '12. Hover state text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-outlined-color-active', 'Name': '13. Active state text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-outlined-selected-color', 'Name': '21. Selected state text color (outlined)', 'Type': 'color' }, { 'Key': '$button-default-text-color-hover', 'Name': '12. Hover state text color (text)', 'Type': 'color' }, { 'Key': '$button-default-text-color-active', 'Name': '13. Active state text color (text)', 'Type': 'color' }, { 'Key': '$button-default-text-selected-color', 'Name': '21. Selected state text color (text)', 'Type': 'color' }, { 'Key': '$calendar-navigator-text-color', 'Name': '20. Navigator text color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '30. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '40. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '50. Selected cell background color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Active arrow icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. File name text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Drag-and-drop border color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '40. Hovered navigation button color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '15. Background color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': '300|500|700' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '51. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '52. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data background color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalid data faded color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Alternate row background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$datagrid-border-radius', 'Name': '15. Border radius', 'Type': 'text' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '20. Group header background color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered state item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected state item background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '40. Active state item background color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '10. Group header text color', 'Type': 'color' }, { 'Key': '$list-expanded-group-color', 'Name': '25. Expanded group header text color', 'Type': 'color' }, { 'Key': '$load-indicator-segment-bg-color', 'Name': '10. Indicator color', 'Type': 'color' }, { 'Key': '$load-indicator-inner-segment-border-color', 'Name': '20. Indicator background color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '180. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '190. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Total background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand total background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Appointment start color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '60. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '70. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scheduler-border-radius', 'Name': '15. Border radius', 'Type': 'text' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroll bar background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$fluent-slider-bar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$slider-accent-color', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$fluent-slider-tooltip-color', 'Name': '30. Slider tooltip text color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color', 'Name': '10. Icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color-focused', 'Name': '30. Focused state icon color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg', 'Name': '40. Handle background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg-hover', 'Name': '50. Handle hover state background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-bg-focused', 'Name': '60. Handle focused state background color', 'Type': 'color' }, { 'Key': '$splitter-resize-handle-color-hover', 'Name': '20. Hover state icon color', 'Type': 'color' }, { 'Key': '$switch-bg', 'Name': '20. Track "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-handle-off-bg', 'Name': '30. Handle "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-on-bg', 'Name': '40. Track "ON" background color', 'Type': 'color' }, { 'Key': '$switch-handle-on-bg', 'Name': '50. Handle "ON" background color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-disabled-color', 'Name': '30. Disabled tab color', 'Type': 'color' }, { 'Key': '$tabs-tab-border-color-selected-basic', 'Name': '40. Selected tab border color', 'Type': 'color' }, { 'Key': '$tabs-tab-border-color-disabled', 'Name': '50. Disabled tab border color', 'Type': 'color' }, { 'Key': '$tabs-tab-background', 'Name': '60. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-tab-icon-color', 'Name': '70. Tab icon color', 'Type': 'color' }, { 'Key': '$tabs-tab-icon-selected-color', 'Name': '80. Selected tab icon color', 'Type': 'color' }, { 'Key': '$tabs-tab-icon-disabled-color', 'Name': '90. Disabled tab icon color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '100. Hovered tab background color', 'Type': 'color' }, { 'Key': '$tabs-focused-tab-bg-color', 'Name': '110. Focused tab background color', 'Type': 'color' }, { 'Key': '$tabs-active-tab-bg-color', 'Name': '120. Active tab background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-active-color', 'Name': '30. Tag active text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '40. Tag close button color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-outlined-bg', 'Name': '30. Outlined background color', 'Type': 'color' }, { 'Key': '$texteditor-outlined-bg-hover', 'Name': '31. Outlined hovered background color', 'Type': 'color' }, { 'Key': '$texteditor-outlined-bg-focused', 'Name': '32. Outlined focused background color', 'Type': 'color' }, { 'Key': '$texteditor-filled-bg', 'Name': '40. Filled background color', 'Type': 'color' }, { 'Key': '$texteditor-underlined-bg', 'Name': '50. Underlined background color', 'Type': 'color' }, { 'Key': '$texteditor-underlined-bg-hover', 'Name': '51. Underlined hovered background color', 'Type': 'color' }, { 'Key': '$texteditor-underlined-bg-focused', 'Name': '52. Underlined focused background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '60. Border color', 'Type': 'color' }, { 'Key': '$texteditor-border-bottom-color', 'Name': '70. Bottom border color', 'Type': 'color' }, { 'Key': '$texteditor-indicator-border-color', 'Name': '80. Focused state indicator color', 'Type': 'color' }, { 'Key': '$texteditor-filled-bg-hover', 'Name': '41. Filled hovered background color', 'Type': 'color' }, { 'Key': '$texteditor-filled-bg-focused', 'Name': '42. Filled focused background color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '10. Info background color', 'Type': 'color' }, { 'Key': '$toast-info-color', 'Name': '20. Info text color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-warning-color', 'Name': '40. Warning text color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '50. Error background color', 'Type': 'color' }, { 'Key': '$toast-error-color', 'Name': '60. Error text color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '70. Success background color', 'Type': 'color' }, { 'Key': '$toast-success-color', 'Name': '80. Success text color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '80. Focused state background color', 'Type': 'color' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-typography-bg', 'Name': '30. Page background color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '31. Component background color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hover state background color', 'Type': 'color' }, { 'Key': '$base-active-bg', 'Name': '120. Active state background color', 'Type': 'color' }, { 'Key': '$base-selected-bg', 'Name': '130. Selected state background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-border-color-accessible', 'Name': '41. Border color accessible', 'Type': 'color' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hover state text color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-spin-icon-color', 'Name': '50. Arrow icon color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$fluent-button-height', 'Name': '11. Button height', 'Type': 'text' }, { 'Key': '$fluent-button-icon-size', 'Name': '12. Icon size', 'Type': 'text' }, { 'Key': '$fluent-button-icon-margin', 'Name': '13. Icon margin', 'Type': 'text' }, { 'Key': '$base-border-radius', 'Name': '200. Border radius', 'Type': 'text' }] };
5
- exports.version = '24.1.14';
5
+ exports.version = '24.1.16';
6
6
  exports.browsersList = ['last 2 versions', 'ios > 9', '> 1%', 'not dead'];
7
7
  exports.dependencies = { 'loadindicator': [], 'loadpanel': ['loadindicator'], 'scrollview': ['loadindicator', 'loadpanel'], 'validation': [], 'button': ['validation'], 'popup': ['validation', 'button'], 'toast': [], 'popover': ['validation', 'button', 'popup'], 'actionsheet': ['validation', 'button', 'popup', 'popover'], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview'], 'textbox': ['validation', 'loadindicator', 'button'], 'autocomplete': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'list', 'popup', 'textbox'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'loadindicator', 'loadpanel', 'scrollview', 'list', 'popup'], 'calendar': ['validation', 'button'], 'checkbox': ['validation'], 'numberbox': ['validation', 'loadindicator', 'button'], 'colorbox': ['validation', 'button', 'popup', 'loadindicator', 'textbox', 'numberbox'], 'selectbox': ['validation', 'checkbox', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'list', 'popup', 'textbox'], 'datebox': ['validation', 'button', 'popup', 'loadindicator', 'textbox', 'calendar', 'box', 'numberbox', 'checkbox', 'loadpanel', 'scrollview', 'list', 'selectbox'], 'daterangebox': ['validation', 'button', 'popup', 'loadindicator', 'textbox', 'calendar', 'box', 'numberbox', 'checkbox', 'loadpanel', 'scrollview', 'list', 'selectbox', 'datebox'], 'drawer': [], 'deferrendering': ['loadindicator'], 'dropdownbox': ['validation', 'button', 'popup', 'loadindicator', 'textbox'], 'progressbar': ['validation'], 'fileuploader': ['validation', 'button', 'progressbar'], 'responsivebox': ['box'], 'multiview': [], 'tabs': ['validation', 'button'], 'tabpanel': ['multiview', 'validation', 'button', 'tabs'], 'form': ['validation', 'loadindicator', 'button', 'textbox', 'numberbox', 'checkbox', 'popup', 'calendar', 'box', 'loadpanel', 'scrollview', 'list', 'selectbox', 'datebox', 'responsivebox', 'multiview', 'tabs', 'tabpanel'], 'gallery': [], 'toolbar': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'scrollview'], 'contextmenu': ['validation', 'loadindicator', 'button', 'textbox'], 'htmleditor': ['validation', 'button', 'progressbar', 'fileuploader', 'buttongroup', 'loadindicator', 'textbox', 'loadpanel', 'scrollview', 'list', 'popup', 'toolbar', 'contextmenu', 'numberbox', 'colorbox', 'checkbox', 'calendar', 'box', 'selectbox', 'datebox', 'responsivebox', 'multiview', 'tabs', 'tabpanel', 'form'], 'sortable': [], 'lookup': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'list', 'popup', 'textbox', 'popover'], 'map': [], 'radiogroup': ['validation'], 'tooltip': ['validation', 'button', 'popup', 'popover'], 'slider': ['validation', 'button', 'popup', 'popover', 'tooltip'], 'rangeslider': ['validation', 'button', 'popup', 'popover', 'tooltip', 'slider'], 'speeddialaction': [], 'splitter': [], 'switch': ['validation'], 'tagbox': ['validation', 'checkbox', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'list', 'popup', 'textbox', 'selectbox'], 'textarea': ['validation', 'loadindicator', 'button', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'accordion': [], 'treeview': ['validation', 'loadindicator', 'button', 'textbox', 'checkbox'], 'menu': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox', 'treeview', 'contextmenu'], 'filterbuilder': ['validation', 'button', 'popup', 'loadindicator', 'textbox', 'numberbox', 'checkbox', 'loadpanel', 'scrollview', 'list', 'selectbox', 'calendar', 'box', 'datebox', 'treeview'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'scrollview', 'toolbar', 'checkbox', 'treeview', 'numberbox', 'list', 'selectbox', 'calendar', 'box', 'datebox', 'responsivebox', 'multiview', 'tabs', 'tabpanel', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable'], 'treelist': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'scrollview', 'toolbar'], 'pivotgrid': ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'popup', 'loadpanel', 'checkbox', 'treeview', 'scrollview', 'list'], 'scheduler': ['validation', 'button', 'popup', 'radiogroup', 'buttongroup', 'loadindicator', 'textbox', 'calendar', 'box', 'numberbox', 'checkbox', 'loadpanel', 'scrollview', 'list', 'selectbox', 'datebox', 'responsivebox', 'multiview', 'tabs', 'tabpanel', 'form', 'textarea', 'tagbox', 'switch', 'popover', 'tooltip', 'dropdownbutton', 'toolbar'], 'filemanager': ['toast', 'validation', 'loadindicator', 'button', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'popup', 'scrollview', 'toolbar', 'numberbox', 'list', 'selectbox', 'calendar', 'box', 'datebox', 'responsivebox', 'multiview', 'tabs', 'tabpanel', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'popup', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'contextmenu', 'checkbox', 'list', 'selectbox', 'numberbox', 'colorbox', 'popover', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'], 'gantt': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'numberbox', 'checkbox', 'calendar', 'box', 'scrollview', 'list', 'selectbox', 'datebox', 'responsivebox', 'multiview', 'tabs', 'tabpanel', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treeview', 'menu', 'filterbuilder', 'sortable', 'treelist'] };
@@ -25,7 +25,6 @@ $filterbuilder-menu-icon-color: null !default;
25
25
  @use "./common";
26
26
 
27
27
  .dx-filterbuilder {
28
- position: relative;
29
28
  background-color: $filterbuilder-bg;
30
29
 
31
30
  @mixin button-color($color, $hover-color, $focus-color) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "devextreme-themebuilder",
3
- "version": "24.1.14",
3
+ "version": "24.1.16",
4
4
  "description": "DevExtreme ThemeBuilder",
5
5
  "keywords": [
6
6
  "devextreme",
@@ -10,7 +10,11 @@
10
10
  "homepage": "https://js.devexpress.com/",
11
11
  "bugs": "https://www.devexpress.com/support/",
12
12
  "author": "Developer Express Inc.",
13
- "repository": "https://github.com/DevExpress/DevExtreme",
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "https://github.com/DevExpress/DevExtreme.git",
16
+ "directory": "packages/devextreme-themebuilder"
17
+ },
14
18
  "license": "SEE LICENSE IN README.md",
15
19
  "dependencies": {
16
20
  "autoprefixer": "^10.4.7",