devextreme-themebuilder 25.1.1-alpha → 25.1.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 (143) hide show
  1. package/data/metadata/dx-theme-builder-metadata.js +2139 -526
  2. package/data/scss/widgets/base/_htmlEditor.scss +26 -0
  3. package/data/scss/widgets/base/_icons.scss +29 -1
  4. package/data/scss/widgets/base/_loadIndicator.scss +83 -9
  5. package/data/scss/widgets/base/_menuBase.scss +1 -2
  6. package/data/scss/widgets/base/_mixins.scss +9 -0
  7. package/data/scss/widgets/base/_recurrenceEditor.scss +0 -22
  8. package/data/scss/widgets/base/_sortable.scss +1 -3
  9. package/data/scss/widgets/base/_tabs.scss +2 -2
  10. package/data/scss/widgets/base/cardView/_index.scss +42 -0
  11. package/data/scss/widgets/base/cardView/_variables.scss +8 -0
  12. package/data/scss/widgets/base/cardView/column_chooser/_index.scss +24 -0
  13. package/data/scss/widgets/base/cardView/column_chooser/_variables.scss +3 -0
  14. package/data/scss/widgets/base/cardView/content_view/_index.scss +8 -0
  15. package/data/scss/widgets/base/cardView/content_view/content/_index.scss +13 -0
  16. package/data/scss/widgets/base/cardView/content_view/content/_variables.scss +3 -0
  17. package/data/scss/widgets/base/cardView/content_view/content/card/_index.scss +30 -0
  18. package/data/scss/widgets/base/cardView/content_view/content/card/_variables.scss +15 -0
  19. package/data/scss/widgets/base/cardView/content_view/content/card/content/_index.scss +69 -0
  20. package/data/scss/widgets/base/cardView/content_view/content/card/content/_variables.scss +16 -0
  21. package/data/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss +43 -0
  22. package/data/scss/widgets/base/cardView/content_view/content/card/cover/_variables.scss +8 -0
  23. package/data/scss/widgets/base/cardView/content_view/content/card/header/_index.scss +56 -0
  24. package/data/scss/widgets/base/cardView/content_view/content/card/header/_variables.scss +4 -0
  25. package/data/scss/widgets/base/cardView/content_view/no_data/_index.scss +33 -0
  26. package/data/scss/widgets/base/cardView/content_view/no_data/_variables.scss +8 -0
  27. package/data/scss/widgets/base/cardView/filter_panel/_index.scss +17 -0
  28. package/data/scss/widgets/base/cardView/filter_panel/_variables.scss +5 -0
  29. package/data/scss/widgets/base/cardView/header_panel/_index.scss +82 -0
  30. package/data/scss/widgets/base/cardView/header_panel/_variables.scss +19 -0
  31. package/data/scss/widgets/base/cardView/header_panel/item/_index.scss +111 -0
  32. package/data/scss/widgets/base/cardView/header_panel/item/_variables.scss +44 -0
  33. package/data/scss/widgets/base/chat/_index.scss +2 -0
  34. package/data/scss/widgets/base/chat/_mixins.scss +2 -0
  35. package/data/scss/widgets/base/chat/layout/chat/_index.scss +20 -0
  36. package/data/scss/widgets/base/chat/layout/chat-alertlist/_index.scss +0 -6
  37. package/data/scss/widgets/base/chat/layout/chat-alertlist/_mixins.scss +4 -10
  38. package/data/scss/widgets/base/chat/layout/chat-confirmationpopup/_index.scss +30 -0
  39. package/data/scss/widgets/base/chat/layout/chat-confirmationpopup/_mixins.scss +24 -0
  40. package/data/scss/widgets/base/chat/layout/chat-messagebox/_index.scss +6 -1
  41. package/data/scss/widgets/base/chat/layout/chat-messagebox/_mixins.scss +4 -0
  42. package/data/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_index.scss +37 -0
  43. package/data/scss/widgets/base/chat/layout/chat-messagebox-editing-preview/_mixins.scss +33 -0
  44. package/data/scss/widgets/base/chat/layout/chat-messagebubble/_index.scss +25 -0
  45. package/data/scss/widgets/base/chat/layout/chat-messagebubble/_mixins.scss +13 -0
  46. package/data/scss/widgets/base/chat/layout/chat-messagegroup/_index.scss +12 -1
  47. package/data/scss/widgets/base/chat/layout/chat-messagegroup/_mixins.scss +16 -1
  48. package/data/scss/widgets/base/chat/layout/chat-messagelist/_mixins.scss +34 -2
  49. package/data/scss/widgets/base/dataGrid/_index.scss +21 -8
  50. package/data/scss/widgets/base/informer/_index.scss +25 -0
  51. package/data/scss/widgets/base/informer/_mixins.scss +45 -0
  52. package/data/scss/widgets/base/pivotGrid/_index.scss +2 -0
  53. package/data/scss/widgets/base/scheduler/_common.scss +10 -0
  54. package/data/scss/widgets/base/scheduler/layout/_header.scss +12 -18
  55. package/data/scss/widgets/base/scheduler/views/_index.scss +0 -1
  56. package/data/scss/widgets/base/scrollable/_index.scss +0 -1
  57. package/data/scss/widgets/base/stepper/_mixins.scss +0 -1
  58. package/data/scss/widgets/base/stepper/layout/connector/_index.scss +25 -17
  59. package/data/scss/widgets/base/stepper/layout/connector/_mixins.scss +16 -4
  60. package/data/scss/widgets/base/stepper/layout/step/_index.scss +4 -17
  61. package/data/scss/widgets/base/stepper/layout/step/_mixins.scss +189 -118
  62. package/data/scss/widgets/base/stepper/layout/stepper/_mixins.scss +2 -2
  63. package/data/scss/widgets/base/switch/_index.scss +1 -4
  64. package/data/scss/widgets/fluent/_index.scss +2 -0
  65. package/data/scss/widgets/fluent/cardView/_colors.scss +490 -0
  66. package/data/scss/widgets/fluent/cardView/_index.scss +5 -0
  67. package/data/scss/widgets/fluent/cardView/_sizes.scss +426 -0
  68. package/data/scss/widgets/fluent/chat/_colors.scss +7 -0
  69. package/data/scss/widgets/fluent/chat/_index.scss +25 -2
  70. package/data/scss/widgets/fluent/chat/_sizes.scss +31 -7
  71. package/data/scss/widgets/fluent/common/_mixins.scss +0 -4
  72. package/data/scss/widgets/fluent/contextMenu/_index.scss +14 -12
  73. package/data/scss/widgets/fluent/contextMenu/_sizes.scss +9 -3
  74. package/data/scss/widgets/fluent/gridBase/_index.scss +24 -12
  75. package/data/scss/widgets/fluent/htmlEditor/_index.scss +18 -0
  76. package/data/scss/widgets/fluent/htmlEditor/_sizes.scss +9 -0
  77. package/data/scss/widgets/fluent/informer/_colors.scss +19 -0
  78. package/data/scss/widgets/fluent/informer/_index.scss +18 -0
  79. package/data/scss/widgets/fluent/informer/_sizes.scss +24 -0
  80. package/data/scss/widgets/fluent/list/_index.scss +1 -0
  81. package/data/scss/widgets/fluent/list/_sizes.scss +0 -3
  82. package/data/scss/widgets/fluent/loadIndicator/_colors.scss +12 -0
  83. package/data/scss/widgets/fluent/loadIndicator/_index.scss +53 -47
  84. package/data/scss/widgets/fluent/recurrenceEditor/_index.scss +2 -4
  85. package/data/scss/widgets/fluent/recurrenceEditor/_sizes.scss +8 -2
  86. package/data/scss/widgets/fluent/scheduler/_index.scss +2 -2
  87. package/data/scss/widgets/fluent/scheduler/_sizes.scss +8 -3
  88. package/data/scss/widgets/fluent/stepper/_colors.scss +87 -29
  89. package/data/scss/widgets/fluent/stepper/_index.scss +24 -9
  90. package/data/scss/widgets/fluent/stepper/_sizes.scss +10 -5
  91. package/data/scss/widgets/generic/_index.scss +2 -1
  92. package/data/scss/widgets/generic/cardView/_colors.scss +575 -0
  93. package/data/scss/widgets/generic/cardView/_index.scss +5 -0
  94. package/data/scss/widgets/generic/cardView/_sizes.scss +431 -0
  95. package/data/scss/widgets/generic/chat/_colors.scss +7 -0
  96. package/data/scss/widgets/generic/chat/_index.scss +26 -2
  97. package/data/scss/widgets/generic/chat/_sizes.scss +32 -9
  98. package/data/scss/widgets/generic/fileUploader/_index.scss +3 -1
  99. package/data/scss/widgets/generic/gridBase/_index.scss +20 -2
  100. package/data/scss/widgets/generic/htmlEditor/_index.scss +25 -0
  101. package/data/scss/widgets/generic/htmlEditor/_sizes.scss +9 -0
  102. package/data/scss/widgets/generic/informer/_colors.scss +65 -0
  103. package/data/scss/widgets/generic/informer/_index.scss +18 -0
  104. package/data/scss/widgets/generic/informer/_sizes.scss +26 -0
  105. package/data/scss/widgets/generic/loadIndicator/_colors.scss +27 -2
  106. package/data/scss/widgets/generic/loadIndicator/_index.scss +25 -17
  107. package/data/scss/widgets/generic/recurrenceEditor/_index.scss +8 -0
  108. package/data/scss/widgets/generic/recurrenceEditor/_sizes.scss +8 -2
  109. package/data/scss/widgets/generic/scheduler/_index.scss +1 -1
  110. package/data/scss/widgets/generic/scheduler/_sizes.scss +7 -4
  111. package/data/scss/widgets/generic/stepper/_colors.scss +177 -15
  112. package/data/scss/widgets/generic/stepper/_index.scss +24 -9
  113. package/data/scss/widgets/generic/stepper/_sizes.scss +14 -9
  114. package/data/scss/widgets/generic/tabPanel/_index.scss +9 -0
  115. package/data/scss/widgets/generic/tabPanel/layout/tab/_base.scss +2 -2
  116. package/data/scss/widgets/generic/toolbar/_index.scss +0 -1
  117. package/data/scss/widgets/material/_index.scss +2 -0
  118. package/data/scss/widgets/material/cardView/_colors.scss +491 -0
  119. package/data/scss/widgets/material/cardView/_index.scss +5 -0
  120. package/data/scss/widgets/material/cardView/_sizes.scss +446 -0
  121. package/data/scss/widgets/material/chat/_colors.scss +7 -0
  122. package/data/scss/widgets/material/chat/_index.scss +25 -2
  123. package/data/scss/widgets/material/chat/_sizes.scss +36 -7
  124. package/data/scss/widgets/material/common/_mixins.scss +1 -0
  125. package/data/scss/widgets/material/gridBase/_index.scss +30 -8
  126. package/data/scss/widgets/material/htmlEditor/_index.scss +31 -0
  127. package/data/scss/widgets/material/htmlEditor/_sizes.scss +12 -0
  128. package/data/scss/widgets/material/informer/_colors.scss +19 -0
  129. package/data/scss/widgets/material/informer/_index.scss +18 -0
  130. package/data/scss/widgets/material/informer/_sizes.scss +24 -0
  131. package/data/scss/widgets/material/loadIndicator/_colors.scss +15 -0
  132. package/data/scss/widgets/material/loadIndicator/_index.scss +52 -39
  133. package/data/scss/widgets/material/recurrenceEditor/_index.scss +2 -4
  134. package/data/scss/widgets/material/recurrenceEditor/_sizes.scss +8 -2
  135. package/data/scss/widgets/material/scheduler/_index.scss +1 -1
  136. package/data/scss/widgets/material/scheduler/_sizes.scss +8 -3
  137. package/data/scss/widgets/material/stepper/_colors.scss +101 -23
  138. package/data/scss/widgets/material/stepper/_index.scss +24 -9
  139. package/data/scss/widgets/material/stepper/_sizes.scss +12 -7
  140. package/data/scss/widgets/material/tabs/layout/tab/styling-mode/_primary.scss +1 -1
  141. package/modules/config-normalizer.js +0 -1
  142. package/package.json +2 -2
  143. package/data/scss/widgets/base/stepper/layout/step-list/_mixins.scss +0 -1
@@ -8,12 +8,14 @@
8
8
  // adduse
9
9
 
10
10
  @include stepper(
11
- $stepper-margin,
11
+ $stepper-padding,
12
12
  );
13
13
  @include connector(
14
14
  $stepper-connector-bg,
15
15
  $stepper-connector-value-bg,
16
- $stepper-connector-margin-start,
16
+ $stepper-connector-size,
17
+ $stepper-connector-padding,
18
+ $stepper-connector-thickness,
17
19
  );
18
20
  @include step(
19
21
  $stepper-step-min-size,
@@ -22,19 +24,32 @@
22
24
  $stepper-step-content-row-gap,
23
25
  $stepper-step-content-column-gap,
24
26
  $stepper-step-optional-mark-font-size,
27
+ $stepper-step-icon-size,
28
+ $stepper-step-transition-duration,
25
29
  );
26
30
  @include step-states(
27
- $stepper-step-bg,
28
- $stepper-step-hover-bg,
29
- $stepper-step-color-selected,
31
+ $stepper-step-shadow-color,
32
+ $stepper-step-base-bg,
33
+ $stepper-step-base-hover-bg,
34
+ $stepper-step-base-border-color,
35
+ $stepper-step-base-hover-border-color,
36
+ $stepper-step-base-text-color,
37
+ $stepper-step-base-label-color,
30
38
  $stepper-step-selected-bg,
31
39
  $stepper-step-selected-hover-bg,
32
- $stepper-step-border-color,
33
- $stepper-step-hover-border-color,
34
- $stepper-step-focused-border-color,
35
- $stepper-step-selected-border-color,
40
+ $stepper-step-selected-text-color,
41
+ $stepper-step-selected-label-color,
42
+ $stepper-step-selected-font-weight,
36
43
  $stepper-step-invalid-bg,
37
44
  $stepper-step-invalid-hover-bg,
45
+ $stepper-step-invalid-border-color,
46
+ $stepper-step-invalid-hover-border-color,
47
+ $stepper-step-invalid-text-color,
48
+ $stepper-step-invalid-hover-text-color,
49
+ $stepper-step-invalid-label-color,
50
+ $stepper-step-invalid-selected-bg,
51
+ $stepper-step-invalid-selected-hover-bg,
38
52
  $stepper-step-disabled-text-color,
39
53
  $stepper-step-disabled-bg,
54
+ $stepper-step-disabled-shadow,
40
55
  );
@@ -1,4 +1,3 @@
1
- @use "sass:math";
2
1
  @use "colors" as *;
3
2
  @use "../colors" as *;
4
3
  @use "../sizes" as *;
@@ -6,27 +5,33 @@
6
5
 
7
6
  // adduse
8
7
 
9
- $stepper-margin: null !default;
8
+ $stepper-padding: null !default;
10
9
  $stepper-step-min-size: null !default;
11
10
  $stepper-step-indicator-size: null !default;
12
11
  $stepper-step-content-row-gap: null !default;
13
12
  $stepper-step-content-column-gap: null !default;
14
13
  $stepper-step-optional-mark-font-size: $material-xs-font-size !default;
14
+ $stepper-step-icon-size: $material-button-icon-size !default;
15
+
16
+ $stepper-step-selected-font-weight: 500 !default;
17
+ $stepper-step-transition-duration: .2s !default;
15
18
 
16
19
  @if $size == "default" {
17
- $stepper-margin: 12px !default;
18
- $stepper-step-min-size: 48px !default;
19
- $stepper-step-indicator-size: 32px !default;
20
+ $stepper-padding: 12px !default;
21
+ $stepper-step-min-size: 46px !default;
22
+ $stepper-step-indicator-size: 30px !default;
20
23
  $stepper-step-content-row-gap: 8px !default;
21
24
  $stepper-step-content-column-gap: 12px !default;
22
25
  }
23
26
 
24
27
  @else if $size == "compact" {
25
- $stepper-margin: 8px !default;
28
+ $stepper-padding: 8px !default;
26
29
  $stepper-step-min-size: 40px !default;
27
30
  $stepper-step-indicator-size: 24px !default;
28
31
  $stepper-step-content-row-gap: 6px !default;
29
32
  $stepper-step-content-column-gap: 8px !default;
30
33
  }
31
34
 
32
- $stepper-connector-margin-start: math.div($stepper-step-indicator-size - $material-base-border-width * 2, 2);
35
+ $stepper-connector-thickness: 1px !default;
36
+ $stepper-connector-size: $stepper-step-indicator-size !default;
37
+ $stepper-connector-padding: $stepper-padding !default;
@@ -15,7 +15,7 @@
15
15
 
16
16
 
17
17
  .dx-tabs-styling-mode-primary {
18
- &.dx-tabs:not(.dx-tabs-vertical) .dx-tabs-scrollable .dx-tab {
18
+ &.dx-tabs.dx-tabs-horizontal .dx-tabs-scrollable .dx-tab {
19
19
  flex-basis: auto;
20
20
  min-width: $material-tab-min-width;
21
21
  }
@@ -118,7 +118,6 @@ const parseConfig = (config) => {
118
118
  [
119
119
  (key) => key.replace(/@treelist/, '@datagrid'),
120
120
  (key) => key.replace(/@/, '$'),
121
- (key) => key.toLowerCase().replace(/_/g, '-'),
122
121
  ].forEach((processor) => {
123
122
  processItemKeys(config, processor);
124
123
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "devextreme-themebuilder",
3
- "version": "25.1.1-alpha",
3
+ "version": "25.1.3",
4
4
  "description": "DevExtreme ThemeBuilder",
5
5
  "keywords": [
6
6
  "devextreme",
@@ -13,7 +13,7 @@
13
13
  "repository": "https://github.com/DevExpress/DevExtreme",
14
14
  "license": "SEE LICENSE IN README.md",
15
15
  "peerDependencies": {
16
- "bootstrap": "^5.3.3"
16
+ "bootstrap": "^5.3.7"
17
17
  },
18
18
  "dependencies": {
19
19
  "autoprefixer": "^10.4.7",