devextreme-themebuilder 21.2.1-alpha-21243-0310 → 21.2.3

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.
Files changed (76) hide show
  1. package/data/metadata/dx-theme-builder-metadata.js +2 -2
  2. package/data/scss/widgets/base/_checkBox.scss +3 -13
  3. package/data/scss/widgets/base/_colorBox.scss +14 -2
  4. package/data/scss/widgets/base/_dropDownButton.scss +37 -59
  5. package/data/scss/widgets/base/_form.scss +9 -0
  6. package/data/scss/widgets/base/_gridBase.scss +2 -16
  7. package/data/scss/widgets/base/_htmlEditor.scss +8 -0
  8. package/data/scss/widgets/base/_scrollable.scss +1 -0
  9. package/data/scss/widgets/base/_slider.scss +1 -1
  10. package/data/scss/widgets/base/_string.scss +1 -0
  11. package/data/scss/widgets/base/diagram/_mixins.scss +4 -0
  12. package/data/scss/widgets/base/fileManager/_index.scss +1 -1
  13. package/data/scss/widgets/base/list/_index.scss +5 -2
  14. package/data/scss/widgets/base/scheduler/_common.scss +2 -1
  15. package/data/scss/widgets/base/scheduler/_index.scss +50 -1988
  16. package/data/scss/widgets/base/scheduler/appointment/agenda/_index.scss +0 -3
  17. package/data/scss/widgets/base/scheduler/layout/_header.scss +3 -2
  18. package/data/scss/widgets/base/scheduler/views/_index.scss +887 -0
  19. package/data/scss/widgets/base/scheduler/views/agenda/_index.scss +110 -0
  20. package/data/scss/widgets/base/scheduler/views/day/_index.scss +124 -0
  21. package/data/scss/widgets/base/scheduler/views/month/_index.scss +92 -0
  22. package/data/scss/widgets/base/scheduler/views/renovation/_index.scss +71 -0
  23. package/data/scss/widgets/base/scheduler/views/timelines/_index.scss +231 -0
  24. package/data/scss/widgets/base/timeView/_index.scss +0 -16
  25. package/data/scss/widgets/base/timeView/_mixins.scss +29 -11
  26. package/data/scss/widgets/generic/checkBox/_index.scss +5 -0
  27. package/data/scss/widgets/generic/checkBox/_sizes.scss +11 -5
  28. package/data/scss/widgets/generic/dateBox/_colors.scss +34 -0
  29. package/data/scss/widgets/generic/dateBox/_index.scss +12 -8
  30. package/data/scss/widgets/generic/dateBox/_sizes.scss +2 -2
  31. package/data/scss/widgets/generic/dropDownButton/_index.scss +23 -3
  32. package/data/scss/widgets/generic/dropDownEditor/_index.scss +11 -0
  33. package/data/scss/widgets/generic/form/_index.scss +6 -4
  34. package/data/scss/widgets/generic/gridBase/_index.scss +5 -1
  35. package/data/scss/widgets/generic/gridBase/_sizes.scss +6 -0
  36. package/data/scss/widgets/generic/lookup/_index.scss +29 -0
  37. package/data/scss/widgets/generic/numberBox/_index.scss +1 -1
  38. package/data/scss/widgets/generic/scheduler/_index.scss +5 -157
  39. package/data/scss/widgets/generic/scheduler/_sizes.scss +5 -0
  40. package/data/scss/widgets/generic/tagBox/_index.scss +24 -0
  41. package/data/scss/widgets/generic/tagBox/_sizes.scss +9 -0
  42. package/data/scss/widgets/generic/textBox/_index.scss +17 -3
  43. package/data/scss/widgets/generic/textEditor/_colors.scss +2 -0
  44. package/data/scss/widgets/generic/textEditor/_index.scss +602 -16
  45. package/data/scss/widgets/generic/textEditor/_sizes.scss +3 -0
  46. package/data/scss/widgets/generic/timeView/_colors.scss +13 -37
  47. package/data/scss/widgets/generic/timeView/_index.scss +3 -14
  48. package/data/scss/widgets/generic/timeView/_sizes.scss +0 -6
  49. package/data/scss/widgets/material/actionSheet/_index.scss +2 -1
  50. package/data/scss/widgets/material/actionSheet/_sizes.scss +2 -1
  51. package/data/scss/widgets/material/button/_index.scss +4 -0
  52. package/data/scss/widgets/material/button/_mixins.scss +10 -0
  53. package/data/scss/widgets/material/calendar/_sizes.scss +6 -6
  54. package/data/scss/widgets/material/checkBox/_index.scss +4 -0
  55. package/data/scss/widgets/material/checkBox/_sizes.scss +10 -4
  56. package/data/scss/widgets/material/dateBox/_colors.scss +1 -0
  57. package/data/scss/widgets/material/dateBox/_index.scss +5 -21
  58. package/data/scss/widgets/material/dateBox/_sizes.scss +1 -1
  59. package/data/scss/widgets/material/dropDownButton/_index.scss +90 -26
  60. package/data/scss/widgets/material/dropDownEditor/_index.scss +13 -0
  61. package/data/scss/widgets/material/form/_index.scss +6 -4
  62. package/data/scss/widgets/material/gridBase/_index.scss +2 -1
  63. package/data/scss/widgets/material/lookup/_index.scss +5 -0
  64. package/data/scss/widgets/material/lookup/_sizes.scss +3 -0
  65. package/data/scss/widgets/material/scheduler/_index.scss +43 -162
  66. package/data/scss/widgets/material/scheduler/_sizes.scss +2 -0
  67. package/data/scss/widgets/material/tagBox/_index.scss +29 -0
  68. package/data/scss/widgets/material/tagBox/_sizes.scss +9 -0
  69. package/data/scss/widgets/material/textBox/_index.scss +2 -2
  70. package/data/scss/widgets/material/textEditor/_colors.scss +2 -0
  71. package/data/scss/widgets/material/textEditor/_index.scss +743 -36
  72. package/data/scss/widgets/material/textEditor/_sizes.scss +31 -6
  73. package/data/scss/widgets/material/timeView/_colors.scss +7 -6
  74. package/data/scss/widgets/material/timeView/_index.scss +23 -43
  75. package/data/scss/widgets/material/timeView/_sizes.scss +1 -19
  76. package/package.json +1 -1
package/data/metadata/dx-theme-builder-metadata.js CHANGED
@@ -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': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$calendar-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '10. 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': '$calendar-border-color', 'Name': '80. Border color', 'Type': 'color' }, { 'Key': '$calendar-navigator-border-color', 'Name': '40. Date navigator border color', 'Type': 'color' }, { 'Key': '$calendar-navigator-hover-border-color', 'Name': '50. Hovered state date navigator border color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '60. Shevron icon color', 'Type': 'color' }, { 'Key': '$checkbox-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$checkbox-focused-borderd-color', 'Name': '70. Focused state border color', 'Type': 'color' }, { 'Key': '$checkbox-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$checkbox-hover-border-color', 'Name': '20. Hovered 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. Spin icon color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', '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': '$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 item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '40. Selected item state 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. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel 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': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background 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. Spin 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-focus-border-color', 'Name': '30. Focus border color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals 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. Spin 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': '$scrollable-scroll-bg', 'Name': '10. Scroller 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. Slider bar background color', 'Type': 'color' }, { 'Key': '$slider-range-bg', 'Name': '30. Selected range 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. Hovered 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. Spin icon color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', '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-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-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-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background 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': '$datagrid-base-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '60. 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': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. 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 icons 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. Invalidate 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. Spin 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', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-bg', 'Name': '140. Column chooser background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item 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. Start appointment 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': '$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. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered 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' }, { 'Key': '$base-border-radius-small', 'Name': '70. Border radius', 'Type': 'text' }, { 'Key': '$base-border-radius-large', 'Name': '30. Border radius', 'Type': 'text' }], 'material': [{ 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-hover-bg', 'Name': '30. Hovered 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-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-hover-bg', 'Name': '30. Hovered 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-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-hover-bg', 'Name': '30. Hovered 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-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-hover-bg', 'Name': '30. Hovered 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-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background 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-cell-selected-bg', 'Name': '40. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '50. Shevron icon 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. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', '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-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': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. 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 icons 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. Invalidate 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', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation 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 item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected item state 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. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel 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': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab 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': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals 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. Start appointment 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. Scroller background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$material-slider-bar-bg', 'Name': '10. Slider 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': '$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-selected-tab-bottom-border-color', 'Name': '30. Selected tab bottom border color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '40. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '50. Hovered 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. Spin 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. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered 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': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }] };
5
- exports.version = '21.2.1-alpha-21243-0310';
5
+ exports.version = '21.2.3';
6
6
  exports.browsersList = ['last 2 versions', 'ios > 8', '> 1%'];
7
- exports.dependencies = { 'loadindicator': [], 'loadpanel': ['loadindicator'], 'validation': [], 'button': ['validation'], 'popup': ['validation', 'button'], 'toast': [], 'popover': ['validation', 'button', 'popup'], 'actionsheet': ['validation', 'button', 'popup', 'popover'], 'textbox': ['validation', 'button', 'loadindicator'], 'scrollview': ['loadindicator', 'loadpanel'], 'checkbox': ['validation'], 'sortable': [], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popup', 'popover', 'actionsheet', 'sortable', 'textbox'], 'autocomplete': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'popover', 'actionsheet', 'sortable', 'list'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'popup', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popover', 'actionsheet', 'sortable', 'textbox', 'list'], 'calendar': ['validation', 'button'], 'numberbox': ['validation', 'button', 'loadindicator'], 'colorbox': ['validation', 'button', 'loadindicator', 'numberbox', 'textbox', 'popup'], 'selectbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'popover', 'actionsheet', 'sortable', 'list'], 'datebox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'calendar', 'numberbox', 'loadpanel', 'scrollview', 'checkbox', 'popover', 'actionsheet', 'sortable', 'list', 'selectbox', 'box'], 'drawer': [], 'deferrendering': ['loadindicator'], 'dropdownbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup'], 'progressbar': ['validation'], 'fileuploader': ['validation', 'button', 'progressbar'], 'multiview': [], 'tabs': ['validation', 'button'], 'tabpanel': ['multiview', 'validation', 'button', 'tabs'], 'responsivebox': ['box'], 'form': ['validation', 'multiview', 'button', 'tabs', 'tabpanel', 'box', 'responsivebox', 'loadindicator', 'textbox', 'numberbox', 'checkbox', 'popup', 'calendar', 'loadpanel', 'scrollview', 'popover', 'actionsheet', 'sortable', 'list', 'selectbox', 'datebox'], 'gallery': [], 'toolbar': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'sortable', 'textbox', 'list'], 'htmleditor': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'sortable', 'textbox', 'list', 'toolbar', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form'], 'lookup': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'popover', 'actionsheet', 'sortable', 'list'], 'map': [], 'navbar': ['validation', 'button', 'tabs'], 'radiogroup': ['validation'], 'tooltip': ['validation', 'button', 'popup', 'popover'], 'slider': ['validation', 'button', 'popup', 'popover', 'tooltip'], 'rangeslider': ['validation', 'button', 'popup', 'popover', 'tooltip', 'slider'], 'speeddialaction': [], 'switch': ['validation'], 'tagbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'popover', 'actionsheet', 'sortable', 'list', 'selectbox'], 'textarea': ['validation', 'button', 'loadindicator', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'slideoutview': [], 'slideout': ['slideoutview', 'validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popup', 'popover', 'actionsheet', 'sortable', 'textbox', 'list'], 'accordion': [], 'contextmenu': ['validation', 'button', 'loadindicator', 'textbox'], 'treeview': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox'], 'menu': ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview'], 'filterbuilder': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox', 'treeview', 'popup', 'numberbox', 'loadpanel', 'scrollview', 'popover', 'actionsheet', 'sortable', 'list', 'selectbox', 'calendar', 'box', 'datebox'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'checkbox', 'sortable', 'list', 'toolbar', 'treeview', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder'], 'treelist': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'checkbox', 'sortable', 'list', 'toolbar'], 'pivotgrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'checkbox', 'treeview', 'scrollview', 'popover', 'actionsheet', 'sortable', 'list', 'contextmenu'], 'scheduler': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'popover', 'actionsheet', 'sortable', 'list', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'tooltip', 'toolbar'], 'filemanager': ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'popup', 'popover', 'actionsheet', 'scrollview', 'sortable', 'list', 'toolbar', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'datagrid', 'buttongroup', 'dropdownbutton', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'popup', 'popover', 'actionsheet', 'loadpanel', 'scrollview', 'checkbox', 'sortable', 'textbox', 'list', 'toolbar', 'contextmenu', 'selectbox', 'numberbox', 'colorbox', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'], 'gantt': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'popover', 'actionsheet', 'sortable', 'list', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'toolbar', 'contextmenu', 'treelist', 'treeview', 'menu', 'filterbuilder'] };
7
+ exports.dependencies = { 'loadindicator': [], 'loadpanel': ['loadindicator'], 'validation': [], 'button': ['validation'], 'popup': ['validation', 'button'], 'toast': [], 'popover': ['validation', 'button', 'popup'], 'actionsheet': ['validation', 'button', 'popup', 'popover'], 'textbox': ['validation', 'button', 'loadindicator'], 'scrollview': ['loadindicator', 'loadpanel'], 'autocomplete': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'popup', 'loadindicator', 'loadpanel', 'scrollview'], 'calendar': ['validation', 'button'], 'checkbox': ['validation'], 'numberbox': ['validation', 'button', 'loadindicator'], 'colorbox': ['validation', 'button', 'loadindicator', 'numberbox', 'textbox', 'popup'], 'selectbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox'], 'datebox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'calendar', 'numberbox', 'loadpanel', 'scrollview', 'checkbox', 'selectbox', 'box'], 'drawer': [], 'deferrendering': ['loadindicator'], 'dropdownbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup'], 'progressbar': ['validation'], 'fileuploader': ['validation', 'button', 'progressbar'], 'multiview': [], 'tabs': ['validation', 'button'], 'tabpanel': ['multiview', 'validation', 'button', 'tabs'], 'responsivebox': ['box'], 'form': ['validation', 'multiview', 'button', 'tabs', 'tabpanel', 'box', 'responsivebox', 'loadindicator', 'textbox', 'numberbox', 'checkbox', 'popup', 'calendar', 'loadpanel', 'scrollview', 'selectbox', 'datebox'], 'gallery': [], 'toolbar': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview'], 'contextmenu': ['validation', 'button', 'loadindicator', 'textbox'], 'htmleditor': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'contextmenu'], 'sortable': [], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popup', 'popover', 'actionsheet', 'sortable', 'textbox'], 'lookup': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'popover'], 'map': [], 'navbar': ['validation', 'button', 'tabs'], 'radiogroup': ['validation'], 'tooltip': ['validation', 'button', 'popup', 'popover'], 'slider': ['validation', 'button', 'popup', 'popover', 'tooltip'], 'rangeslider': ['validation', 'button', 'popup', 'popover', 'tooltip', 'slider'], 'speeddialaction': [], 'switch': ['validation'], 'tagbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'selectbox'], 'textarea': ['validation', 'button', 'loadindicator', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'slideoutview': [], 'slideout': ['slideoutview', 'validation', 'button', 'loadindicator', 'loadpanel', 'scrollview'], 'accordion': [], 'treeview': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox'], 'menu': ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview'], 'filterbuilder': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox', 'treeview', 'popup', 'numberbox', 'loadpanel', 'scrollview', 'selectbox', 'calendar', 'box', 'datebox'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'checkbox', 'treeview', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable'], 'treelist': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar'], 'pivotgrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'checkbox', 'treeview', 'scrollview', 'contextmenu'], 'scheduler': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'popover', 'tooltip', 'actionsheet', 'toolbar'], 'filemanager': ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'popup', 'popover', 'actionsheet', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'contextmenu', 'checkbox', 'selectbox', 'numberbox', 'colorbox', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'], 'gantt': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treelist', 'treeview', 'menu', 'filterbuilder', 'sortable'] };
package/data/scss/widgets/base/_checkBox.scss CHANGED
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .dx-checkbox-icon {
20
- display: inline-block;
20
+ flex-shrink: 0;
21
21
  position: relative;
22
22
  background-position: 0 0;
23
23
  background-size: cover;
@@ -29,27 +29,17 @@
29
29
 
30
30
  height: 100%;
31
31
  width: 100%;
32
- display: inline-block;
33
32
  vertical-align: middle;
33
+ display: inline-flex;
34
+ align-items: center;
34
35
  text-overflow: clip;
35
36
  }
36
37
 
37
- .dx-checkbox-has-text {
38
- .dx-checkbox-icon,
39
- .dx-checkbox-text {
40
- vertical-align: middle;
41
- }
42
- }
43
-
44
38
  .dx-checkbox-text {
45
- display: inline-block;
46
- vertical-align: middle;
47
39
  text-align: left;
48
40
  white-space: pre-wrap;
49
41
  word-wrap: break-word;
50
42
  line-height: normal;
51
- height: 100%;
52
- width: 100%;
53
43
  padding-left: 5px;
54
44
 
55
45
  @at-root #{selector-append(".dx-rtl", &)},
package/data/scss/widgets/base/_colorBox.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  // adduse
2
2
 
3
+ $colorbox-input-left-padding: 40px;
4
+
3
5
  .dx-colorbox-input-container {
4
6
  &.dx-colorbox-color-is-not-defined {
5
7
  .dx-colorbox-color-result-preview {
@@ -34,6 +36,16 @@
34
36
  }
35
37
  }
36
38
  }
39
+
40
+ &.dx-editor-outlined,
41
+ &.dx-editor-underlined,
42
+ &.dx-editor-filled {
43
+ .dx-texteditor-label {
44
+ .dx-label-before {
45
+ min-width: $colorbox-input-left-padding;
46
+ }
47
+ }
48
+ }
37
49
  }
38
50
 
39
51
  .dx-colorbox-color-result-preview {
@@ -49,7 +61,7 @@
49
61
 
50
62
  .dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input {
51
63
  -webkit-appearance: none; // stylelint-disable-line property-no-vendor-prefix
52
- padding-left: 40px;
64
+ padding-left: $colorbox-input-left-padding;
53
65
  }
54
66
 
55
67
  .dx-colorbox-overlay {
@@ -84,7 +96,7 @@
84
96
  .dx-colorbox-input.dx-texteditor-input {
85
97
  direction: ltr;
86
98
  text-align: end;
87
- padding-right: 40px;
99
+ padding-right: $colorbox-input-left-padding;
88
100
  }
89
101
 
90
102
  .dx-colorbox-color-result-preview {
package/data/scss/widgets/base/_dropDownButton.scss CHANGED
@@ -1,81 +1,59 @@
1
1
  // adduse
2
-
3
- $dropdownbutton-horizontal-padding: 5px;
4
-
5
- .dx-dropdownbutton {
6
- display: inline-block;
7
- }
8
-
9
- .dx-dropdownbutton-content {
10
- &.dx-popup-content {
11
- padding: 0;
2
+ @mixin dx-dropdown-button($dropdownbutton-horizontal-padding) {
3
+ .dx-dropdownbutton {
4
+ display: inline-block;
12
5
  }
13
6
 
14
- & .dx-list .dx-empty-message,
15
- & .dx-list .dx-list-item {
16
- border: none;
17
- }
18
- }
19
-
20
- .dx-dropdownbutton-toggle {
21
- &.dx-button .dx-button-content {
22
- padding-left: 0;
23
- padding-right: 0;
24
- }
7
+ .dx-dropdownbutton-content {
8
+ &.dx-popup-content {
9
+ padding: 0;
10
+ }
25
11
 
26
- .dx-rtl & {
27
- border-right-width: 0;
12
+ & .dx-list .dx-empty-message,
13
+ & .dx-list .dx-list-item {
14
+ border: none;
15
+ }
28
16
  }
29
- }
30
17
 
31
- .dx-dropdownbutton-action {
32
- &.dx-button .dx-button-content {
33
- padding-left: 10px;
34
- padding-right: 4px;
18
+ .dx-dropdownbutton-toggle {
19
+ display: flex;
20
+ flex: 0 0 auto;
35
21
 
36
- .dx-rtl & {
37
- padding-left: 4px;
38
- padding-right: 10px;
22
+ &.dx-button .dx-button-content {
23
+ padding-left: 0;
24
+ padding-right: 0;
39
25
  }
40
- }
41
- }
42
-
43
- .dx-dropdownbutton-action.dx-buttongroup-last-item {
44
- &.dx-button .dx-button-content {
45
- padding-left: $dropdownbutton-horizontal-padding * 2;
46
- padding-right: 0;
47
26
 
48
27
  .dx-rtl & {
49
- padding-left: 0;
50
- padding-right: $dropdownbutton-horizontal-padding * 2;
28
+ border-right-width: 0;
51
29
  }
52
30
  }
53
- }
54
31
 
55
- .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) {
56
- .dx-button-has-icon:not(.dx-button-has-text) {
57
- .dx-button-content {
58
- padding-left: $dropdownbutton-horizontal-padding;
59
- padding-right: $dropdownbutton-horizontal-padding;
32
+ .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) {
33
+ .dx-button-has-icon:not(.dx-button-has-text) {
34
+ .dx-button-content {
35
+ padding-left: $dropdownbutton-horizontal-padding;
36
+ padding-right: $dropdownbutton-horizontal-padding;
37
+ }
60
38
  }
61
- }
62
39
 
63
- .dx-button-has-text.dx-button {
64
- .dx-button-content {
65
- padding-left: $dropdownbutton-horizontal-padding * 2;
66
- padding-right: $dropdownbutton-horizontal-padding * 2;
40
+ .dx-button-has-text.dx-button {
41
+ .dx-button-content {
42
+ padding-left: $dropdownbutton-horizontal-padding * 2;
43
+ padding-right: $dropdownbutton-horizontal-padding * 2;
44
+ }
67
45
  }
68
46
  }
69
- }
70
47
 
71
- .dx-dropdownbutton-action:not(.dx-buttongroup-last-item) {
72
- &.dx-button {
73
- border-right-width: 0;
74
- border-left-width: 1px;
48
+ .dx-dropdownbutton-action:not(.dx-buttongroup-last-item) {
49
+ &.dx-button {
50
+ border-right-width: 0;
51
+ border-left-width: 1px;
75
52
 
76
- .dx-rtl & {
77
- border-right-width: 1px;
78
- border-left-width: 0;
53
+ .dx-rtl & {
54
+ border-right-width: 1px;
55
+ border-left-width: 0;
56
+ }
79
57
  }
80
58
  }
81
59
  }
package/data/scss/widgets/base/_form.scss CHANGED
@@ -152,6 +152,15 @@
152
152
  padding-left: 10px;
153
153
  }
154
154
 
155
+ .dx-field-item-required,
156
+ .dx-field-item-optional {
157
+ .dx-label > span {
158
+ &::after {
159
+ content: attr(data-mark);
160
+ }
161
+ }
162
+ }
163
+
155
164
  .dx-rtl {
156
165
  .dx-field-item-required-mark,
157
166
  .dx-field-item-optional-mark {
package/data/scss/widgets/base/_gridBase.scss CHANGED
@@ -963,22 +963,8 @@
963
963
  font-weight: bold;
964
964
  }
965
965
 
966
- .dx-#{$widget-name}-export-menu {
967
- .dx-menu-item {
968
- .dx-checkbox {
969
- margin-left: 0;
970
-
971
- .dx-checkbox-icon {
972
- width: 16px;
973
- height: 16px;
974
- }
975
-
976
- .dx-checkbox-text {
977
- white-space: nowrap;
978
- word-break: normal;
979
- }
980
- }
981
- }
966
+ .dx-#{$widget-name}-export-menu .dx-dropdownbutton-content .dx-list-item {
967
+ display: block;
982
968
  }
983
969
 
984
970
  .dx-command-adaptive {
package/data/scss/widgets/base/_htmlEditor.scss CHANGED
@@ -352,6 +352,14 @@ $transparent-border: 1px solid transparent;
352
352
  min-width: 360px;
353
353
  }
354
354
 
355
+ .dx-overlay-content {
356
+ &.dx-popup-fullscreen {
357
+ .dx-formdialog-form {
358
+ min-width: 240px;
359
+ }
360
+ }
361
+ }
362
+
355
363
  .dx-formdialog-field-target .dx-field-item-content {
356
364
  text-align: right;
357
365
 
package/data/scss/widgets/base/_scrollable.scss CHANGED
@@ -172,6 +172,7 @@
172
172
 
173
173
  .dx-scrollable-scroll {
174
174
  position: relative;
175
+ box-sizing: border-box;
175
176
  background-color: #888;
176
177
  background-color: rgba(0, 0, 0, 0.5);
177
178
  -webkit-transform: translate(0, 0); // stylelint-disable-line property-no-vendor-prefix
package/data/scss/widgets/base/_slider.scss CHANGED
@@ -91,7 +91,7 @@ $slider-tooltip-arrow-height: 7px;
91
91
  left: 0;
92
92
  }
93
93
 
94
- .dx-slider-tooltip-on-hover {
94
+ .dx-slider-tooltip-visible-on-hover {
95
95
  .dx-tooltip {
96
96
  visibility: hidden;
97
97
  }
package/data/scss/widgets/base/_string.scss CHANGED
@@ -12,6 +12,7 @@
12
12
 
13
13
  @function escape($color) {
14
14
  $color: replace($color, '#', '%23');
15
+ $color: replace($color, '$', '%24'); // stylelint-disable-line scss/no-duplicate-dollar-variables
15
16
  $color: replace($color, '(', '%28'); // stylelint-disable-line scss/no-duplicate-dollar-variables
16
17
  $color: replace($color, ')', '%29'); // stylelint-disable-line scss/no-duplicate-dollar-variables
17
18
  $color: replace($color, ' ', '%20'); // stylelint-disable-line scss/no-duplicate-dollar-variables
package/data/scss/widgets/base/diagram/_mixins.scss CHANGED
@@ -10,6 +10,10 @@
10
10
  }
11
11
 
12
12
  @mixin diagram-action-icons-mixin($toolbar-color, $menu-color, $icon-size, $toolbar-colorbutton-border-width) {
13
+ .dx-diagram-i-selectbox-null-icon {
14
+ @include diagram-icon-colored(url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3C%2Fsvg%3E%0A"), $toolbar-color, 1.56 * $icon-size, $icon-size);
15
+ }
16
+
13
17
  .dx-diagram-i-connector-begin-none {
14
18
  @include diagram-icon-colored(url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2C13l9-9l1%2C1l-9%2C9L1%2C13z%22%20fill%3D%22currentColor%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M12%2C8V3H0v12h12v-5h16V8H12z%20M10%2C13H2V5h8V13z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A"), $toolbar-color, 1.56 * $icon-size, $icon-size);
15
19
  }
package/data/scss/widgets/base/fileManager/_index.scss CHANGED
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  .dx-filemanager-notification-popup {
22
- & > .dx-overlay-content {
22
+ & .dx-overlay-content {
23
23
  min-width: 240px;
24
24
  max-width: 93vw;
25
25
 
package/data/scss/widgets/base/list/_index.scss CHANGED
@@ -15,8 +15,11 @@ $list-searchbox-margin-bottom: 5px;
15
15
  }
16
16
  }
17
17
 
18
- .dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
19
- white-space: normal;
18
+ .dx-wrap-item-text,
19
+ .dx-wrap-item-text > .dx-list-group > .dx-list-group-body {
20
+ & > .dx-list-item > .dx-list-item-content {
21
+ white-space: normal;
22
+ }
20
23
  }
21
24
 
22
25
  .dx-empty-collection .dx-list-select-all {
package/data/scss/widgets/base/scheduler/_common.scss CHANGED
@@ -77,7 +77,8 @@ $scheduler-popup-scrollable-content-padding: 20px;
77
77
 
78
78
  .dx-scheduler-work-space-mouse-selection {
79
79
  .dx-scheduler-fixed-appointments,
80
- .dx-scheduler-scrollable-appointments {
80
+ .dx-scheduler-scrollable-appointments,
81
+ .dx-scheduler-all-day-appointments {
81
82
  pointer-events: none;
82
83
  }
83
84
  }