devextreme-themebuilder 25.1.8 → 25.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/data/metadata/dx-theme-builder-metadata.js +1 -1
  2. package/data/scss/widgets/base/_form.scss +1 -1
  3. package/data/scss/widgets/base/_gridBase.scss +7 -1
  4. package/data/scss/widgets/base/_htmlEditor.scss +17 -2
  5. package/data/scss/widgets/base/_recurrenceEditor.scss +6 -2
  6. package/data/scss/widgets/base/dataGrid/_index.scss +12 -2
  7. package/data/scss/widgets/base/list/_index.scss +1 -1
  8. package/data/scss/widgets/fluent/dataGrid/_index.scss +1 -1
  9. package/data/scss/widgets/fluent/recurrenceEditor/_index.scss +1 -1
  10. package/data/scss/widgets/fluent/recurrenceEditor/_sizes.scss +3 -3
  11. package/data/scss/widgets/generic/dataGrid/_index.scss +1 -1
  12. package/data/scss/widgets/generic/dropDownButton/_sizes.scss +1 -3
  13. package/data/scss/widgets/generic/recurrenceEditor/_index.scss +1 -1
  14. package/data/scss/widgets/generic/recurrenceEditor/_sizes.scss +3 -3
  15. package/data/scss/widgets/material/dataGrid/_index.scss +1 -1
  16. package/data/scss/widgets/material/loadIndicator/_index.scss +1 -1
  17. package/data/scss/widgets/material/recurrenceEditor/_index.scss +1 -1
  18. package/data/scss/widgets/material/recurrenceEditor/_sizes.scss +3 -3
  19. package/package.json +6 -2
package/data/metadata/dx-theme-builder-metadata.js CHANGED
@@ -4965,7 +4965,7 @@ exports.metadata = {
4965
4965
  }
4966
4966
  ]
4967
4967
  };
4968
- exports.version = '25.1.8';
4968
+ exports.version = '25.1.9';
4969
4969
  exports.browsersList = [
4970
4970
  'last 2 Chrome versions',
4971
4971
  'last 2 Firefox versions',
package/data/scss/widgets/base/_form.scss CHANGED
@@ -155,7 +155,7 @@
155
155
  .dx-field-item-optional {
156
156
  .dx-label > span {
157
157
  &::after {
158
- content: attr(data-mark);
158
+ content: attr(data-mark) / '';
159
159
  }
160
160
  }
161
161
  }
package/data/scss/widgets/base/_gridBase.scss CHANGED
@@ -206,7 +206,7 @@
206
206
  }
207
207
 
208
208
  .dx-#{$widget-name}-total-footer {
209
- .dx-#{$widget-name}-sticky-column, .dx-#{$widget-name}-sticky-column-left, .dx-#{$widget-name}-sticky-column-right {
209
+ td:not(.dx-#{$widget-name}-sticky-column):not(.dx-#{$widget-name}-sticky-column-left):not(.dx-#{$widget-name}-sticky-column-right) {
210
210
  background-color: transparent;
211
211
  }
212
212
  }
@@ -1149,6 +1149,12 @@
1149
1149
  .dx-filter-range-content {
1150
1150
  padding: $grid-cell-padding $grid-texteditor-input-padding $grid-cell-padding $grid-cell-padding;
1151
1151
  }
1152
+
1153
+ .dx-#{$widget-name}-sticky-column-right {
1154
+ &.dx-command-expand {
1155
+ z-index: 4;
1156
+ }
1157
+ }
1152
1158
  }
1153
1159
  }
1154
1160
  .dx-#{$widget-name}-headers, .dx-#{$widget-name}-total-footer {
package/data/scss/widgets/base/_htmlEditor.scss CHANGED
@@ -22,6 +22,14 @@ $transparent-border: 1px solid transparent;
22
22
  @return list-#{$counter};
23
23
  }
24
24
 
25
+ @function add-counter-set($counter, $start: 1) {
26
+ @if $counter > $start {
27
+ @return add-counter-set($counter - 1, $start) + " " + list-#{$counter} + " 0";
28
+ }
29
+
30
+ @return list-#{$counter} + " 0";
31
+ }
32
+
25
33
  @mixin if-less-then-max-indent($value) {
26
34
  @if $value < $max-indent {
27
35
  li.ql-indent-#{$value} {
@@ -194,7 +202,11 @@ $transparent-border: 1px solid transparent;
194
202
  padding: 2px 5px;
195
203
  }
196
204
 
197
- ol,
205
+ ol {
206
+ padding-inline-start: 1.5em;
207
+ counter-reset: add-counter-reset($max-indent);
208
+ }
209
+
198
210
  ul {
199
211
  padding-inline-start: 1.5em;
200
212
  }
@@ -238,7 +250,6 @@ $transparent-border: 1px solid transparent;
238
250
  }
239
251
 
240
252
  li[data-list="ordered"] {
241
- counter-reset: add-counter-reset($max-indent);
242
253
  counter-increment: list-0;
243
254
 
244
255
  &::before {
@@ -246,6 +257,10 @@ $transparent-border: 1px solid transparent;
246
257
  }
247
258
  }
248
259
 
260
+ li[data-list="ordered"]:not([class*="ql-indent"]) {
261
+ counter-set: add-counter-set($max-indent);
262
+ }
263
+
249
264
  @include add-counter($max-indent);
250
265
  @include add-indent-styles($max-indent);
251
266
 
package/data/scss/widgets/base/_recurrenceEditor.scss CHANGED
@@ -1,4 +1,4 @@
1
- $recurrence-interval-number-box-margin-top: 25px;
1
+ $recurrence-interval-number-box-margin-bottom: 6px;
2
2
  $recurrence-radio-group-item-padding: 10px;
3
3
  $recurrence-button-group-item-padding: 8px;
4
4
 
@@ -26,7 +26,11 @@ $recurrence-button-group-item-padding: 8px;
26
26
  }
27
27
 
28
28
  .dx-recurrence-numberbox-interval-label {
29
- margin-top: $recurrence-interval-number-box-margin-top;
29
+ margin-bottom: $recurrence-interval-number-box-margin-bottom;
30
+ }
31
+
32
+ .dx-recurrence-numberbox-interval-wrapper .dx-box-item:last-child .dx-box-item-content {
33
+ justify-content: flex-end;
30
34
  }
31
35
 
32
36
  .dx-recurrence-radiogroup-repeat-type {
package/data/scss/widgets/base/dataGrid/_index.scss CHANGED
@@ -452,8 +452,18 @@ $datagrid-text-stub-background-image-path: null !default;
452
452
  outline: none;
453
453
  }
454
454
 
455
- &:focus-within {
455
+ &:focus-within::after {
456
+ content: "";
457
+ display: block;
458
+ position: absolute;
459
+ top: 0;
460
+ left: 0;
461
+ bottom: 0;
462
+ right: 0;
456
463
  outline: 2px solid $datagrid-focused-border-color;
457
- outline-offset: -2px;
464
+ outline-offset: -1px;
465
+ z-index: 4; // should overlap sticky column cells
466
+ pointer-events: none;
467
+ background-color: transparent;
458
468
  }
459
469
  }
package/data/scss/widgets/base/list/_index.scss CHANGED
@@ -53,7 +53,7 @@ $list-searchbox-margin-bottom: 5px;
53
53
  width: 100%;
54
54
 
55
55
  &::before {
56
- content: "_";
56
+ content: "_" / "";
57
57
  color: transparent;
58
58
  display: inline-block;
59
59
  width: 0;
package/data/scss/widgets/fluent/dataGrid/_index.scss CHANGED
@@ -90,7 +90,7 @@
90
90
  padding-right: 0;
91
91
  overflow: initial;
92
92
  overflow-x: clip;
93
- background-color: transparent;
93
+ background-color: inherit;
94
94
  }
95
95
  }
96
96
 
package/data/scss/widgets/fluent/recurrenceEditor/_index.scss CHANGED
@@ -19,7 +19,7 @@ $fluent-recurrence-radio-group-margin: 15px;
19
19
 
20
20
  .dx-recurrence-numberbox-interval-label {
21
21
  font-size: $fluent-base-font-size;
22
- margin-top: $fluent-recurrence-interval-number-box-margin-top;
22
+ margin-bottom: $fluent-recurrence-interval-number-box-margin-bottom;
23
23
  }
24
24
 
25
25
  .dx-recurrence-button-group {
package/data/scss/widgets/fluent/recurrenceEditor/_sizes.scss CHANGED
@@ -4,16 +4,16 @@
4
4
 
5
5
  $fluent-recurrence-until-date-box-top-margin: null !default;
6
6
  $fluent-recurrence-count-number-box-top-margin: null !default;
7
- $fluent-recurrence-interval-number-box-margin-top: null !default;
7
+ $fluent-recurrence-interval-number-box-margin-bottom: null !default;
8
8
 
9
9
  @if $size == "default" {
10
10
  $fluent-recurrence-until-date-box-top-margin: 60px !default;
11
11
  $fluent-recurrence-count-number-box-top-margin: 102px !default;
12
- $fluent-recurrence-interval-number-box-margin-top: 30px !default;
12
+ $fluent-recurrence-interval-number-box-margin-bottom: 6px !default;
13
13
  }
14
14
 
15
15
  @else if $size == "compact" {
16
16
  $fluent-recurrence-until-date-box-top-margin: 46px !default;
17
17
  $fluent-recurrence-count-number-box-top-margin: 78px !default;
18
- $fluent-recurrence-interval-number-box-margin-top: 22px !default;
18
+ $fluent-recurrence-interval-number-box-margin-bottom: 4px !default;
19
19
  }
package/data/scss/widgets/generic/dataGrid/_index.scss CHANGED
@@ -72,7 +72,7 @@
72
72
  padding-right: 0;
73
73
  overflow: initial;
74
74
  overflow-x: clip;
75
- background-color: transparent;
75
+ background-color: inherit;
76
76
  }
77
77
  }
78
78
 
package/data/scss/widgets/generic/dropDownButton/_sizes.scss CHANGED
@@ -2,15 +2,13 @@
2
2
 
3
3
  // adduse
4
4
 
5
- $generic-dropdownbutton-icon-spindown-size: null !default;
5
+ $generic-dropdownbutton-icon-spindown-size: $generic-base-icon-size !default;
6
6
  $generic-dropdownbutton-action-horizontal-padding: null !default;
7
7
 
8
8
  @if $size == "default" {
9
- $generic-dropdownbutton-icon-spindown-size: 18px;
10
9
  $generic-dropdownbutton-action-horizontal-padding: 12px !default;
11
10
  }
12
11
 
13
12
  @else if $size == "compact" {
14
- $generic-dropdownbutton-icon-spindown-size: 16px;
15
13
  $generic-dropdownbutton-action-horizontal-padding: 10px !default;
16
14
  }
package/data/scss/widgets/generic/recurrenceEditor/_index.scss CHANGED
@@ -23,7 +23,7 @@ $generic-recurrence-number-box-margin-right: 11px;
23
23
  }
24
24
 
25
25
  .dx-recurrence-numberbox-interval-label {
26
- margin-top: $generic-recurrence-interval-number-box-margin-top;
26
+ margin-bottom: $generic-recurrence-interval-number-box-margin-bottom;
27
27
  }
28
28
 
29
29
  .dx-recurrence-datebox-until-date {
package/data/scss/widgets/generic/recurrenceEditor/_sizes.scss CHANGED
@@ -4,16 +4,16 @@
4
4
 
5
5
  $generic-recurrence-until-date-box-top-margin: null !default;
6
6
  $generic-recurrence-count-number-box-top-margin: null !default;
7
- $generic-recurrence-interval-number-box-margin-top: null !default;
7
+ $generic-recurrence-interval-number-box-margin-bottom: null !default;
8
8
 
9
9
  @if $size == "default" {
10
10
  $generic-recurrence-until-date-box-top-margin: 30px !default;
11
11
  $generic-recurrence-count-number-box-top-margin: 66px !default;
12
- $generic-recurrence-interval-number-box-margin-top: 31px !default;
12
+ $generic-recurrence-interval-number-box-margin-bottom: 8px !default;
13
13
  }
14
14
 
15
15
  @else if $size == "compact" {
16
16
  $generic-recurrence-until-date-box-top-margin: 28px !default;
17
17
  $generic-recurrence-count-number-box-top-margin: 56px !default;
18
- $generic-recurrence-interval-number-box-margin-top: 23px !default;
18
+ $generic-recurrence-interval-number-box-margin-bottom: 6px !default;
19
19
  }
package/data/scss/widgets/material/dataGrid/_index.scss CHANGED
@@ -87,7 +87,7 @@
87
87
  padding-right: 0;
88
88
  overflow: initial;
89
89
  overflow-x: clip;
90
- background-color: transparent;
90
+ background-color: inherit;
91
91
  }
92
92
  }
93
93
 
package/data/scss/widgets/material/loadIndicator/_index.scss CHANGED
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .dx-loadindicator-content-circle {
48
- .dx-loadindicator-content {
48
+ &.dx-loadindicator-content {
49
49
  animation: dx-content-rotation 1568ms linear infinite;
50
50
  }
51
51
 
package/data/scss/widgets/material/recurrenceEditor/_index.scss CHANGED
@@ -19,7 +19,7 @@ $material-recurrence-radio-group-margin: 15px;
19
19
 
20
20
  .dx-recurrence-numberbox-interval-label {
21
21
  font-size: $material-base-font-size;
22
- margin-top: $material-recurrence-interval-number-box-margin-top;
22
+ margin-bottom: $material-recurrence-interval-number-box-margin-bottom;
23
23
  }
24
24
 
25
25
  .dx-recurrence-button-group {
package/data/scss/widgets/material/recurrenceEditor/_sizes.scss CHANGED
@@ -4,16 +4,16 @@
4
4
 
5
5
  $material-recurrence-until-date-box-top-margin: null !default;
6
6
  $material-recurrence-count-number-box-top-margin: null !default;
7
- $material-recurrence-interval-number-box-margin-top: null !default;
7
+ $material-recurrence-interval-number-box-margin-bottom: null !default;
8
8
 
9
9
  @if $size == "default" {
10
10
  $material-recurrence-until-date-box-top-margin: 60px !default;
11
11
  $material-recurrence-count-number-box-top-margin: 100px !default;
12
- $material-recurrence-interval-number-box-margin-top: 55px !default;
12
+ $material-recurrence-interval-number-box-margin-bottom: 10px !default;
13
13
  }
14
14
 
15
15
  @else if $size == "compact" {
16
16
  $material-recurrence-until-date-box-top-margin: 50px !default;
17
17
  $material-recurrence-count-number-box-top-margin: 82px !default;
18
- $material-recurrence-interval-number-box-margin-top: 33px !default;
18
+ $material-recurrence-interval-number-box-margin-bottom: 8px !default;
19
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "devextreme-themebuilder",
3
- "version": "25.1.8",
3
+ "version": "25.1.9",
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
  "peerDependencies": {
16
20
  "bootstrap": "^5.3.7"