@syncfusion/blazor-themes 25.1.38 → 25.1.40

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 (109) hide show
  1. package/SCSS-Themes/bds-dark.scss +365 -430
  2. package/SCSS-Themes/bds.scss +365 -430
  3. package/SCSS-Themes/bootstrap-dark.scss +365 -430
  4. package/SCSS-Themes/bootstrap.scss +365 -430
  5. package/SCSS-Themes/bootstrap4.scss +365 -430
  6. package/SCSS-Themes/bootstrap5-dark.scss +365 -430
  7. package/SCSS-Themes/bootstrap5.scss +365 -430
  8. package/SCSS-Themes/fabric-dark.scss +365 -430
  9. package/SCSS-Themes/fabric.scss +365 -430
  10. package/SCSS-Themes/fluent-dark.scss +365 -430
  11. package/SCSS-Themes/fluent.scss +365 -430
  12. package/SCSS-Themes/grids/grid/bds-dark.scss +10 -2
  13. package/SCSS-Themes/grids/grid/bds.scss +10 -2
  14. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +10 -2
  15. package/SCSS-Themes/grids/grid/bootstrap.scss +10 -2
  16. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -2
  17. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +10 -2
  18. package/SCSS-Themes/grids/grid/bootstrap5.scss +10 -2
  19. package/SCSS-Themes/grids/grid/fabric-dark.scss +10 -2
  20. package/SCSS-Themes/grids/grid/fabric.scss +10 -2
  21. package/SCSS-Themes/grids/grid/fluent-dark.scss +10 -2
  22. package/SCSS-Themes/grids/grid/fluent.scss +10 -2
  23. package/SCSS-Themes/grids/grid/highcontrast.scss +10 -2
  24. package/SCSS-Themes/grids/grid/material-dark.scss +10 -2
  25. package/SCSS-Themes/grids/grid/material.scss +10 -2
  26. package/SCSS-Themes/grids/grid/material3-dark.scss +10 -2
  27. package/SCSS-Themes/grids/grid/material3.scss +10 -2
  28. package/SCSS-Themes/grids/grid/tailwind-dark.scss +10 -2
  29. package/SCSS-Themes/grids/grid/tailwind.scss +10 -2
  30. package/SCSS-Themes/highcontrast.scss +365 -430
  31. package/SCSS-Themes/material-dark.scss +365 -430
  32. package/SCSS-Themes/material.scss +365 -430
  33. package/SCSS-Themes/material3-dark.scss +365 -430
  34. package/SCSS-Themes/material3.scss +365 -430
  35. package/SCSS-Themes/navigations/stepper/bds-dark.scss +323 -429
  36. package/SCSS-Themes/navigations/stepper/bds.scss +323 -429
  37. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +323 -429
  38. package/SCSS-Themes/navigations/stepper/bootstrap.scss +323 -429
  39. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +323 -429
  40. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +323 -429
  41. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +323 -429
  42. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +323 -429
  43. package/SCSS-Themes/navigations/stepper/fabric.scss +323 -429
  44. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +323 -429
  45. package/SCSS-Themes/navigations/stepper/fluent.scss +323 -429
  46. package/SCSS-Themes/navigations/stepper/highcontrast.scss +323 -429
  47. package/SCSS-Themes/navigations/stepper/material-dark.scss +323 -429
  48. package/SCSS-Themes/navigations/stepper/material.scss +323 -429
  49. package/SCSS-Themes/navigations/stepper/material3-dark.scss +323 -429
  50. package/SCSS-Themes/navigations/stepper/material3.scss +323 -429
  51. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +323 -429
  52. package/SCSS-Themes/navigations/stepper/tailwind.scss +323 -429
  53. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +16 -0
  54. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +16 -0
  55. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +16 -0
  56. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +16 -0
  57. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +16 -0
  58. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +16 -0
  59. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +16 -0
  60. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +16 -0
  61. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +16 -0
  62. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +16 -0
  63. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +16 -0
  64. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +16 -0
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +16 -0
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +16 -0
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +16 -0
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +16 -0
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +16 -0
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +16 -0
  71. package/SCSS-Themes/schedule/schedule/bds-dark.scss +18 -1
  72. package/SCSS-Themes/schedule/schedule/bds.scss +18 -1
  73. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +18 -1
  74. package/SCSS-Themes/schedule/schedule/bootstrap.scss +18 -1
  75. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +18 -1
  76. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +18 -1
  77. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +18 -1
  78. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +18 -1
  79. package/SCSS-Themes/schedule/schedule/fabric.scss +18 -1
  80. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +18 -1
  81. package/SCSS-Themes/schedule/schedule/fluent.scss +18 -1
  82. package/SCSS-Themes/schedule/schedule/highcontrast.scss +18 -1
  83. package/SCSS-Themes/schedule/schedule/material-dark.scss +18 -1
  84. package/SCSS-Themes/schedule/schedule/material.scss +18 -1
  85. package/SCSS-Themes/schedule/schedule/material3-dark.scss +18 -1
  86. package/SCSS-Themes/schedule/schedule/material3.scss +18 -1
  87. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +18 -1
  88. package/SCSS-Themes/schedule/schedule/tailwind.scss +18 -1
  89. package/SCSS-Themes/splitbuttons/button-group/bds-dark.scss +1 -1
  90. package/SCSS-Themes/splitbuttons/button-group/bds.scss +1 -1
  91. package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss +1 -1
  92. package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss +1 -1
  93. package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss +1 -1
  94. package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss +1 -1
  95. package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss +1 -1
  96. package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss +1 -1
  97. package/SCSS-Themes/splitbuttons/button-group/fabric.scss +1 -1
  98. package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss +1 -1
  99. package/SCSS-Themes/splitbuttons/button-group/fluent.scss +1 -1
  100. package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss +1 -1
  101. package/SCSS-Themes/splitbuttons/button-group/material-dark.scss +1 -1
  102. package/SCSS-Themes/splitbuttons/button-group/material.scss +1 -1
  103. package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss +1 -1
  104. package/SCSS-Themes/splitbuttons/button-group/material3.scss +1 -1
  105. package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss +1 -1
  106. package/SCSS-Themes/splitbuttons/button-group/tailwind.scss +1 -1
  107. package/SCSS-Themes/tailwind-dark.scss +365 -430
  108. package/SCSS-Themes/tailwind.scss +365 -430
  109. package/package.json +1 -1
@@ -58151,12 +58151,11 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58151
58151
  .e-stepper {
58152
58152
  position: relative;
58153
58153
  &.e-stepper-readonly,
58154
- .e-stepper-steps .e-step-container.e-step-disabled {
58154
+ .e-step-disabled {
58155
58155
  cursor: default;
58156
58156
  pointer-events: none;
58157
58157
  }
58158
-
58159
- &.e-step-type-indicator .e-stepper-steps .e-step-container {
58158
+ &.e-step-type-indicator .e-step-container {
58160
58159
  &:not(.e-step-icon.e-step-label.e-step-text) {
58161
58160
  .e-icons.e-step-indicator {
58162
58161
  font-size: $stepper-step-width;
@@ -58169,12 +58168,12 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58169
58168
  }
58170
58169
 
58171
58170
  //For Blazor Stepper Tooltip
58172
- .e-stepper-steps .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip),
58173
- &.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip),
58174
- &.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
58171
+ .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip),
58172
+ &.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip),
58173
+ &.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
58175
58174
  position: relative;
58176
58175
  }
58177
- &.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
58176
+ &.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
58178
58177
  position: unset;
58179
58178
  }
58180
58179
  .e-tooltip-wrap.e-stepper-tooltip {
@@ -58199,15 +58198,14 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58199
58198
  top: -6px;
58200
58199
  }
58201
58200
  }
58202
- .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
58201
+ .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
58203
58202
  left: unset;
58204
58203
  top: 0;
58205
58204
  transform: translate(0%, -135%);
58206
58205
  }
58207
- &.e-step-type-indicator .e-stepper-steps .e-step-container .e-tooltip-wrap.e-stepper-tooltip {
58206
+ &.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
58208
58207
  transform: translate(-50%, -115%);
58209
58208
  }
58210
-
58211
58209
  .e-stepper-steps {
58212
58210
  display: flex;
58213
58211
  padding: 0;
@@ -58215,124 +58213,170 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58215
58213
  justify-content: space-between;
58216
58214
  position: relative;
58217
58215
  align-items: flex-start;
58218
- .e-step-container {
58219
- max-width: var(--max-width);
58220
- &.e-step-notstarted:not(.e-step-disabled) .e-step,
58221
- &.e-step-notstarted:not(.e-step-disabled) .e-indicator {
58222
- border: $step-border;
58223
- }
58224
- .e-step-label-container,
58225
- .e-step-text-container {
58226
- max-width: clamp(100%, 10em, 100%);
58227
- white-space: nowrap;
58228
- }
58229
- .e-step-label-optional {
58230
- font-size: $stepper-optional-size;
58231
- flex-basis: 100%;
58232
- }
58233
- .e-step-optional-container {
58234
- display: flex;
58235
- flex-direction: column;
58216
+ .e-step-container,
58217
+ .e-step,
58218
+ .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
58219
+ .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
58220
+ .e-step-label-container {
58221
+ display: flex;
58222
+ align-items: center;
58223
+ justify-content: center;
58224
+ }
58225
+ }
58226
+ .e-step-container {
58227
+ max-width: var(--max-width);
58228
+ list-style-type: none;
58229
+ cursor: pointer;
58230
+ text-align: center;
58231
+ .e-step-label-container,
58232
+ .e-step-text-container {
58233
+ max-width: clamp(100%, 10em, 100%);
58234
+ white-space: nowrap;
58235
+ }
58236
+ .e-step-label-optional {
58237
+ font-size: $stepper-optional-size;
58238
+ flex-basis: 100%;
58239
+ }
58240
+ .e-step-optional-container {
58241
+ display: flex;
58242
+ flex-direction: column;
58243
+ }
58244
+ .e-step-content {
58245
+ font-size: $stepper-icon-size;
58246
+ line-height: 0;
58247
+ }
58248
+ .e-indicator {
58249
+ font-size: $stepper-icon-size;
58250
+ }
58251
+ &:not(.e-step-text-only) > .e-step-text-container {
58252
+ padding: $stepper-icon-text-padding;
58253
+ }
58254
+ &.e-step-text-only .e-step-text-container,
58255
+ &.e-step-label-only .e-step-label-container {
58256
+ padding: $stepper-text-padding;
58257
+ padding-block: 5px;
58258
+ }
58259
+ &.e-step-text-only.e-step-error .e-step-text-container,
58260
+ &.e-step-text-only.e-step-valid .e-step-text-container,
58261
+ &.e-step-label-only.e-step-error .e-step-label-container,
58262
+ &.e-step-label-only.e-step-valid .e-step-label-container {
58263
+ flex-direction: column;
58264
+ .e-step-validation-icon {
58265
+ position: relative;
58266
+ top: $stepper-validation-position;
58236
58267
  }
58237
58268
  }
58269
+ .e-step-label-container,
58270
+ .e-step-text-container {
58271
+ font-size: $stepper-text-size;
58272
+ }
58273
+ .e-step,
58274
+ .e-indicator {
58275
+ border-radius: $stepper-step-radius;
58276
+ min-width: $stepper-step-width;
58277
+ min-height: $stepper-step-width;
58278
+ }
58279
+ }
58280
+ .e-step-notstarted:not(.e-step-disabled) .e-step,
58281
+ .e-step-notstarted:not(.e-step-disabled) .e-indicator {
58282
+ border: $step-border;
58238
58283
  }
58239
-
58240
58284
  &.e-horizontal {
58241
58285
  display: block;
58242
58286
  .e-stepper-steps {
58243
58287
  flex-direction: row;
58244
58288
  }
58245
-
58246
58289
  &.e-label-before,
58247
58290
  &.e-label-after {
58248
- &:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
58291
+ &:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
58249
58292
  margin-left: var(--progress-left-position);
58250
58293
  top: var(--progress-top-position);
58251
58294
  width: var(--progress-bar-width);
58252
58295
  }
58253
58296
  }
58254
-
58255
58297
  &.e-label-before.e-rtl,
58256
58298
  &.e-label-after.e-rtl {
58257
- &:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
58299
+ &:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
58258
58300
  margin-right: var(--progress-left-position);
58259
58301
  margin-left: unset;
58260
58302
  }
58261
58303
  }
58262
- }
58263
-
58264
- &.e-horizontal .e-stepper-steps .e-step-container {
58265
- &.e-step-icon.e-step-label {
58304
+ .e-step-icon.e-step-label {
58266
58305
  gap: 1em;
58306
+ flex-direction: column;
58267
58307
  }
58268
-
58269
- &.e-step-icon.e-step-label .e-step-label-container {
58308
+ .e-step-icon.e-step-label .e-step-label-container {
58270
58309
  position: relative;
58271
58310
  &.e-label-before {
58272
58311
  order: -1;
58273
58312
  }
58274
58313
  }
58275
-
58276
- &.e-step-text.e-step-label,
58277
- &.e-step-icon.e-step-label {
58278
- flex-direction: column;
58314
+ &.e-label-start .e-step-text-container {
58315
+ order: $stepper-label-order;
58279
58316
  }
58280
- }
58281
-
58282
- &.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
58283
- order: $stepper-label-order;
58284
- }
58285
-
58286
- &.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58287
- position: absolute;
58288
- top: 2.5em;
58289
- margin-left: 2.5em;
58290
- }
58291
-
58292
- &.e-horizontal.e-label-start .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional,
58293
- &.e-horizontal.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58294
- margin-right: 2.5em;
58295
- margin-left: unset;
58296
- }
58297
-
58298
- &.e-horizontal.e-label-start.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58299
- margin-right: unset;
58300
- margin-left: 2.5em;
58301
- }
58302
-
58303
- &.e-horizontal.e-label-before .e-stepper-steps {
58304
- &:has(.e-step-label-optional) {
58305
- align-items: flex-end;
58317
+ .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58318
+ position: absolute;
58319
+ top: 2.5em;
58320
+ margin-left: 2.5em;
58306
58321
  }
58307
- .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
58308
- flex-direction: column;
58309
- gap: .5em;
58322
+ &.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional,
58323
+ &.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58324
+ margin-right: 2.5em;
58325
+ margin-left: unset;
58326
+ }
58327
+ &.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58328
+ margin-right: unset;
58329
+ margin-left: 2.5em;
58330
+ }
58331
+ &.e-label-before .e-stepper-steps {
58332
+ &:has(.e-step-label-optional) {
58333
+ align-items: flex-end;
58334
+ }
58335
+ .e-step-label-container.e-label-before:has(.e-step-label-optional) {
58336
+ flex-direction: column;
58337
+ gap: .5em;
58338
+ }
58339
+ }
58340
+ .e-text,
58341
+ .e-label,
58342
+ .e-step-label-optional {
58343
+ text-overflow: ellipsis;
58344
+ overflow: hidden;
58345
+ }
58346
+ .e-step-text.e-step-text-only:has(.e-step-label-optional),
58347
+ .e-step-label.e-step-label-only:has(.e-step-label-optional),
58348
+ .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
58349
+ .e-step-label-container.e-label-after:has(.e-step-label-optional) {
58350
+ flex-wrap: wrap;
58351
+ }
58352
+ &.e-step-type-indicator .e-step-container {
58353
+ flex-wrap: wrap;
58354
+ }
58355
+ .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
58356
+ margin-top: .5em;
58357
+ }
58358
+ &.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
58359
+ margin-top: .2em;
58310
58360
  }
58311
58361
  }
58312
-
58313
58362
  &.e-vertical {
58314
58363
  min-height: inherit;
58315
58364
  display: inline-block;
58316
-
58317
- .e-stepper-steps .e-step-container.e-step-label.e-step-label-only,
58318
- .e-stepper-steps .e-step-container.e-step-template {
58365
+ .e-step-label.e-step-label-only,
58366
+ .e-step-template {
58319
58367
  position: relative;
58320
58368
  }
58321
-
58322
- &:not(.e-label-top):not(.e-label-bottom) .e-stepper-steps .e-step-container .e-step-label-optional {
58369
+ &:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
58323
58370
  position: absolute;
58324
58371
  }
58325
-
58326
- &:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58372
+ &:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58327
58373
  margin-top: $stepper-label-optional;
58328
58374
  margin-left: 4em;
58329
58375
  }
58330
-
58331
- &.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58376
+ &.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
58332
58377
  margin-left: unset;
58333
58378
  margin-right: 4em;
58334
58379
  }
58335
-
58336
58380
  .e-stepper-steps {
58337
58381
  flex-direction: column;
58338
58382
  min-height: inherit;
@@ -58341,49 +58385,42 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58341
58385
  margin: $stepper-ol-padding;
58342
58386
  justify-content: space-between;
58343
58387
  }
58344
-
58345
58388
  &.e-rtl .e-stepper-steps {
58346
58389
  float: right;
58347
58390
  }
58348
-
58349
- .e-stepper-steps:has(.e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label)),
58350
- .e-stepper-steps:has(.e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label)),
58351
- .e-stepper-steps:has(.e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-text)),
58352
- &.e-label-after .e-stepper-steps:has(.e-step-container.e-step-label.e-step-text:not(.e-step-icon)),
58391
+ .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
58392
+ .e-stepper-steps:has(.e-step-text.e-step-text-only),
58393
+ .e-stepper-steps:has(.e-step-label.e-step-label-only),
58394
+ &.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)),
58353
58395
  &.e-step-type-indicator .e-stepper-steps {
58354
58396
  align-items: center;
58355
58397
  }
58356
-
58357
- .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
58358
- .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
58398
+ .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
58399
+ .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
58359
58400
  margin-left: $stepper-text-postion;
58360
58401
  }
58361
-
58362
58402
  &.e-rtl {
58363
- .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
58364
- .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
58403
+ .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
58404
+ .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
58365
58405
  margin-left: unset;
58366
58406
  margin-right: $stepper-text-postion;
58367
58407
  }
58368
58408
  }
58369
-
58370
- .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
58371
- &.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional),
58372
- .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional),
58373
- .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) {
58409
+ .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
58410
+ &.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
58411
+ .e-step-text-only.e-step-text:has(.e-step-label-optional),
58412
+ .e-step-label-only.e-step-label:has(.e-step-label-optional) {
58374
58413
  flex-direction: column;
58375
58414
  .e-step-label-optional {
58376
58415
  position: unset;
58377
58416
  }
58378
58417
  }
58379
-
58380
- .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
58381
- &.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
58418
+ .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional),
58419
+ &.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
58382
58420
  gap: .5em;
58383
58421
  }
58384
-
58385
- &.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label,
58386
- &.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
58422
+ &.e-label-before .e-step-icon.e-step-label,
58423
+ &.e-label-after .e-step-icon.e-step-label {
58387
58424
  .e-step-label-container.e-label-after:has(.e-step-label-optional) {
58388
58425
  flex-direction: column;
58389
58426
  .e-label {
@@ -58394,43 +58431,37 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58394
58431
  position: unset;
58395
58432
  }
58396
58433
  }
58397
-
58398
- .e-stepper-steps .e-step-container {
58434
+ .e-step-container {
58399
58435
  &.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
58400
58436
  position: absolute;
58401
58437
  .e-step-label-optional {
58402
58438
  left: $stepper-ol-padding;
58403
58439
  }
58404
58440
  }
58405
-
58406
58441
  .e-step-label-container.e-label-after {
58407
58442
  .e-step-label-optional {
58408
58443
  font-size: $stepper-optional-size;
58409
58444
  }
58410
58445
  }
58411
-
58412
58446
  .e-step-label-container.e-label-before .e-label {
58413
58447
  width: var(--label-width);
58414
58448
  }
58415
-
58416
58449
  &:not(.e-step-text-only) .e-step-text-container {
58417
58450
  border: none;
58418
58451
  border-radius: unset;
58419
58452
  padding: $stepper-text-vert-padding;
58420
58453
  }
58421
-
58422
- &.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
58423
- &.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
58454
+ &.e-step-text-only .e-step-text-container,
58455
+ &.e-step-label-only .e-step-label-container {
58424
58456
  position: unset;
58425
58457
  }
58426
58458
  }
58427
58459
  &.e-label-top {
58428
- .e-stepper-steps .e-step-container .e-step-label-optional {
58460
+ .e-step-label-optional {
58429
58461
  padding-bottom: 6px;
58430
58462
  }
58431
58463
  }
58432
58464
  }
58433
-
58434
58465
  &.e-vertical.e-label-top,
58435
58466
  &.e-vertical.e-label-bottom {
58436
58467
  .e-stepper-steps {
@@ -58438,98 +58469,17 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58438
58469
  .e-step-container {
58439
58470
  flex-direction: column;
58440
58471
  .e-step-text-container {
58441
- margin-left: $stepper-ol-padding !important; /* stylelint-disable-line declaration-no-important */
58472
+ margin-left: $stepper-ol-padding;
58442
58473
  }
58443
58474
  }
58444
58475
  }
58445
58476
  }
58446
-
58447
- &.e-vertical.e-label-top .e-stepper-steps .e-step-container {
58477
+ &.e-vertical.e-label-top .e-step-container {
58448
58478
  .e-step-label-optional,
58449
58479
  .e-step-text-container {
58450
58480
  order: $stepper-label-order;
58451
58481
  }
58452
58482
  }
58453
- .e-stepper-steps {
58454
- .e-step-container,
58455
- .e-step-container .e-step,
58456
- .e-step-container.e-step-valid.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
58457
- .e-step-container.e-step-error.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
58458
- .e-step-container .e-step-label-container {
58459
- display: flex;
58460
- align-items: center;
58461
- justify-content: center;
58462
- }
58463
- }
58464
-
58465
- &.e-horizontal {
58466
- .e-stepper-steps {
58467
- .e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
58468
- .e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
58469
- .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
58470
- .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
58471
- flex-wrap: wrap;
58472
- }
58473
- }
58474
- &.e-step-type-indicator .e-step-container {
58475
- flex-wrap: wrap;
58476
- }
58477
- }
58478
-
58479
- &.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
58480
- margin-top: .5em;
58481
- }
58482
-
58483
- &.e-horizontal.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
58484
- margin-top: .2em;
58485
- }
58486
-
58487
- .e-stepper-steps .e-step-container {
58488
- list-style-type: none;
58489
- cursor: pointer;
58490
- text-align: center;
58491
-
58492
- .e-step-content {
58493
- font-size: $stepper-icon-size;
58494
- line-height: 0;
58495
- }
58496
-
58497
- .e-indicator {
58498
- font-size: $stepper-icon-size;
58499
- }
58500
-
58501
- &:not(.e-step-text-only) > .e-step-text-container {
58502
- padding: $stepper-icon-text-padding;
58503
- }
58504
-
58505
- &.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
58506
- &.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
58507
- padding: $stepper-text-padding;
58508
- padding-block: 5px;
58509
- }
58510
-
58511
- &.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container,
58512
- &.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container,
58513
- &.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container,
58514
- &.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container {
58515
- flex-direction: column;
58516
- .e-step-validation-icon {
58517
- position: relative;
58518
- top: $stepper-validation-position;
58519
- }
58520
- }
58521
- .e-step-label-container,
58522
- .e-step-text-container {
58523
- font-size: $stepper-text-size;
58524
- }
58525
- .e-step,
58526
- .e-indicator {
58527
- border-radius: $stepper-step-radius;
58528
- min-width: $stepper-step-width;
58529
- min-height: $stepper-step-width;
58530
- }
58531
- }
58532
-
58533
58483
  .e-stepper-progressbar {
58534
58484
  height: $stepper-progress-bar-height;
58535
58485
  position: absolute;
@@ -58544,7 +58494,6 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58544
58494
  transition-delay: var(--delay);
58545
58495
  }
58546
58496
  }
58547
-
58548
58497
  &.e-vertical .e-stepper-progressbar {
58549
58498
  min-height: inherit;
58550
58499
  width: $stepper-progress-bar-height;
@@ -58557,40 +58506,26 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58557
58506
  transition-property: height;
58558
58507
  }
58559
58508
  }
58560
-
58561
58509
  &.e-vertical.e-rtl .e-stepper-progressbar {
58562
58510
  right: var(--progress-position);
58563
58511
  left: unset;
58564
58512
  }
58565
-
58566
- &:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-indicator,
58567
- .e-stepper-steps .e-step-container.e-step-focus .e-indicator {
58513
+ &:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator,
58514
+ .e-step-focus .e-indicator {
58568
58515
  z-index: 0;
58569
58516
  }
58570
-
58571
- .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
58517
+ .e-step-template.e-step-focus {
58572
58518
  outline: $stepper-temp-outline-width;
58573
58519
  }
58574
58520
  }
58575
-
58576
58521
  .e-tooltip-wrap.e-stepper-tooltip.e-step-inprogress-tip {
58577
58522
  .e-arrow-tip.e-tip-bottom {
58578
58523
  top: 90% !important; /* stylelint-disable-line declaration-no-important */
58579
58524
  }
58580
58525
  }
58581
-
58582
- .e-stepper.e-horizontal .e-stepper-steps .e-step-container {
58583
- .e-text,
58584
- .e-label,
58585
- .e-step-label-optional {
58586
- text-overflow: ellipsis;
58587
- overflow: hidden;
58588
- }
58589
- }
58590
-
58591
58526
  .e-small.e-stepper,
58592
58527
  .e-small .e-stepper {
58593
- &.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
58528
+ &.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
58594
58529
  .e-icons.e-step-indicator {
58595
58530
  font-size: $stepper-small-step-width;
58596
58531
  }
@@ -58599,39 +58534,33 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58599
58534
  height: $stepper-small-step-width;
58600
58535
  }
58601
58536
  }
58602
-
58603
- .e-stepper-steps .e-step-container {
58537
+ .e-step-container {
58604
58538
  .e-step,
58605
58539
  .e-indicator {
58606
58540
  min-width: $stepper-small-step-width;
58607
58541
  min-height: $stepper-small-step-width;
58608
58542
  }
58609
-
58610
58543
  .e-indicator {
58611
58544
  font-size: $stepper-small-icon-size;
58612
58545
  }
58613
-
58614
58546
  .e-step-text-container,
58615
58547
  .e-step-label-container {
58616
58548
  font-size: $stepper-small-text-size;
58617
58549
  }
58618
-
58619
58550
  .e-step-content {
58620
58551
  font-size: $stepper-small-icon-size;
58621
58552
  }
58622
-
58623
58553
  .e-step-label-optional {
58624
58554
  font-size: $stepper-small-optional-size;
58625
58555
  }
58626
58556
  }
58627
- &.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
58557
+ &.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
58628
58558
  font-size: $stepper-small-optional-size;
58629
58559
  }
58630
58560
  }
58631
-
58632
58561
  .e-bigger.e-stepper,
58633
58562
  .e-bigger .e-stepper {
58634
- &.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
58563
+ &.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
58635
58564
  .e-icons.e-step-indicator {
58636
58565
  font-size: $stepper-bigger-step-width;
58637
58566
  }
@@ -58640,32 +58569,27 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58640
58569
  height: $stepper-bigger-step-width;
58641
58570
  }
58642
58571
  }
58643
-
58644
- .e-stepper-steps .e-step-container {
58572
+ .e-step-container {
58645
58573
  .e-step,
58646
58574
  .e-indicator {
58647
58575
  min-width: $stepper-bigger-step-width;
58648
58576
  min-height: $stepper-bigger-step-width;
58649
58577
  }
58650
-
58651
58578
  .e-indicator {
58652
58579
  font-size: $stepper-bigger-icon-size;
58653
58580
  }
58654
-
58655
58581
  .e-step-text-container,
58656
58582
  .e-step-label-container {
58657
58583
  font-size: $stepper-bigger-text-size;
58658
58584
  }
58659
-
58660
58585
  .e-step-content {
58661
58586
  font-size: $stepper-bigger-icon-size;
58662
58587
  }
58663
-
58664
58588
  .e-step-label-optional {
58665
58589
  font-size: $stepper-bigger-optional-size;
58666
58590
  }
58667
58591
  }
58668
- &.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
58592
+ &.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
58669
58593
  font-size: $stepper-bigger-optional-size;
58670
58594
  }
58671
58595
  }
@@ -58674,7 +58598,7 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58674
58598
  .e-bigger.e-small .e-stepper,
58675
58599
  .e-bigger .e-small.e-stepper,
58676
58600
  .e-small .e-bigger.e-stepper {
58677
- &.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
58601
+ &.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) {
58678
58602
  .e-icons.e-step-indicator {
58679
58603
  font-size: $stepper-bigger-small-step-width;
58680
58604
  }
@@ -58683,31 +58607,27 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58683
58607
  height: $stepper-bigger-small-step-width;
58684
58608
  }
58685
58609
  }
58686
-
58687
- .e-stepper-steps .e-step-container {
58610
+ .e-step-container {
58688
58611
  .e-step,
58689
58612
  .e-indicator {
58690
58613
  min-width: $stepper-bigger-small-step-width;
58691
58614
  min-height: $stepper-bigger-small-step-width;
58692
58615
  }
58693
-
58694
58616
  .e-indicator {
58695
58617
  font-size: $stepper-bigger-small-icon-size;
58696
58618
  }
58697
-
58698
58619
  .e-step-text-container,
58699
- .e-step-label-container{
58620
+ .e-step-label-container {
58700
58621
  font-size: $stepper-bigger-small-text-size;
58701
58622
  }
58702
58623
  .e-step-content {
58703
58624
  font-size: $stepper-bigger-small-icon-size;
58704
58625
  }
58705
-
58706
58626
  .e-step-label-optional {
58707
58627
  font-size: $stepper-bigger-small-optional-size;
58708
58628
  }
58709
58629
  }
58710
- &.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
58630
+ &.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
58711
58631
  font-size: $stepper-bigger-small-optional-size;
58712
58632
  }
58713
58633
  }
@@ -58716,229 +58636,203 @@ $step-selected-active-color: $primary-bg-color-pressed !default;
58716
58636
 
58717
58637
  @include export-module('stepper-theme') {
58718
58638
  .e-stepper {
58719
- .e-stepper-steps {
58720
- .e-step-container {
58721
- &.e-step-notstarted:not(.e-step-disabled) .e-step,
58722
- &.e-step-notstarted:not(.e-step-disabled) .e-indicator,
58723
- &.e-step-notstarted .e-icons.e-step-indicator {
58724
- border-color: $step-border-color;
58725
- }
58726
-
58727
- .e-step-label-optional {
58728
- color: $step-optional-color;
58729
- }
58730
-
58731
- .e-step,
58732
- .e-indicator {
58733
- color: $step-color;
58734
- background: $step-bg-color;
58735
- }
58736
-
58737
- .e-step-indicator {
58738
- color: transparent;
58739
- }
58740
-
58741
- &.e-step-completed .e-step,
58742
- &.e-step-inprogress .e-step,
58743
- &.e-step-completed .e-indicator,
58744
- &.e-step-inprogress .e-indicator,
58745
- &.e-step-completed .e-step-indicator,
58746
- &.e-step-inprogress .e-step-indicator {
58747
- background: $step-completed-bg-color;
58748
- color: $step-completed-color;
58749
- }
58750
-
58751
- &.e-step-valid {
58752
- .e-indicator {
58753
- background: $step-valid-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
58754
- color: $step-valid-completed-color;
58755
- }
58756
- }
58757
-
58758
- &.e-step-error {
58759
- .e-indicator {
58760
- background: $step-error-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
58761
- color: $step-error-icon-color;
58762
- }
58763
-
58764
- .e-text,
58765
- .e-label {
58766
- color: $step-error-completed-color;
58767
- }
58768
- }
58769
-
58770
- &.e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
58771
- &.e-step-error .e-indicator:hover {
58772
- color: $step-color;
58773
- }
58774
-
58775
- &.e-step-selected {
58776
- .e-text,
58777
- .e-label {
58778
- font-weight: $stepper-font-weight;
58779
- }
58780
- }
58781
-
58782
- &.e-step-valid.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
58783
- &.e-step-valid.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
58784
- .e-step-validation-icon {
58785
- color: $step-valid-icon-only-color;
58786
- }
58787
- }
58788
-
58789
- &.e-step-error.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
58790
- &.e-step-error.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
58791
- .e-step-validation-icon {
58792
- color: $step-error-icon-only-color;
58793
- }
58794
- }
58795
-
58796
- .e-text,
58797
- .e-label {
58798
- color: $stepper-text-color;
58799
- }
58800
-
58801
- &.e-step-selected:not(.e-step-error),
58802
- &.e-step-completed:not(.e-step-error) {
58803
- .e-text,
58804
- .e-label {
58805
- color: $step-completed-bg-color;
58806
- }
58807
- }
58808
-
58809
- &.e-step-label:not(.e-step-icon) .e-step-label-container {
58810
- background-color: $stepper-outline-color;
58811
- }
58812
-
58813
- .e-step-text-container {
58814
- background-color: $stepper-outline-color;
58815
- border-color: transparent;
58816
- }
58817
-
58818
- &.e-step-selected .e-indicator {
58819
- background: $step-completed-bg-color;
58820
- }
58821
-
58822
- &.e-step-disabled .e-indicator {
58823
- background: $step-disabled-bg-color !important; /* stylelint-disable-line declaration-no-important */
58824
- color: $step-disabled-color !important; /* stylelint-disable-line declaration-no-important */
58825
- }
58826
-
58827
- &.e-step-disabled .e-text,
58828
- &.e-step-disabled .e-label,
58829
- &.e-step-disabled .e-step-validation-icon {
58830
- color: $step-disabled-font-color !important; /* stylelint-disable-line declaration-no-important */
58831
- }
58639
+ .e-step-notstarted:not(.e-step-disabled) .e-step,
58640
+ .e-step-notstarted:not(.e-step-disabled) .e-indicator,
58641
+ .e-step-notstarted .e-icons.e-step-indicator {
58642
+ border-color: $step-border-color;
58643
+ }
58644
+ .e-step-label-optional {
58645
+ color: $step-optional-color;
58646
+ }
58647
+ .e-step,
58648
+ .e-indicator {
58649
+ color: $step-color;
58650
+ background: $step-bg-color;
58651
+ }
58652
+ .e-step-indicator {
58653
+ color: transparent;
58654
+ }
58655
+ .e-step-completed .e-step,
58656
+ .e-step-inprogress .e-step,
58657
+ .e-step-completed .e-indicator,
58658
+ .e-step-inprogress .e-indicator,
58659
+ .e-step-completed .e-step-indicator,
58660
+ .e-step-inprogress .e-step-indicator {
58661
+ background: $step-completed-bg-color;
58662
+ color: $step-completed-color;
58663
+ }
58664
+ .e-step-selected .e-indicator {
58665
+ background: $step-completed-bg-color;
58666
+ }
58667
+ .e-step-valid .e-indicator {
58668
+ background: $step-valid-completed-bg-color;
58669
+ color: $step-valid-completed-color;
58670
+ }
58671
+ .e-step-error {
58672
+ .e-indicator {
58673
+ background: $step-error-completed-bg-color;
58674
+ color: $step-error-icon-color;
58675
+ }
58676
+ .e-text,
58677
+ .e-label {
58678
+ color: $step-error-completed-color;
58832
58679
  }
58833
58680
  }
58834
-
58835
- &.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text .e-step-label-optional,
58836
- &.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label .e-step-label-optional,
58837
- &.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional,
58838
- &.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional,
58839
- &.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-label-optional {
58681
+ .e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
58682
+ .e-step-error .e-indicator:hover {
58683
+ color: $step-color;
58684
+ }
58685
+ .e-step-selected {
58686
+ .e-text,
58687
+ .e-label {
58688
+ font-weight: $stepper-font-weight;
58689
+ }
58690
+ }
58691
+ .e-step-valid.e-step-text-only,
58692
+ .e-step-valid.e-step-label-only {
58693
+ .e-step-validation-icon {
58694
+ color: $step-valid-icon-only-color;
58695
+ }
58696
+ }
58697
+ .e-step-error.e-step-text-only,
58698
+ .e-step-error.e-step-label-only {
58699
+ .e-step-validation-icon {
58700
+ color: $step-error-icon-only-color;
58701
+ }
58702
+ }
58703
+ .e-text,
58704
+ .e-label {
58705
+ color: $stepper-text-color;
58706
+ }
58707
+ .e-step-selected:not(.e-step-error),
58708
+ .e-step-completed:not(.e-step-error) {
58709
+ .e-text,
58710
+ .e-label {
58711
+ color: $step-completed-bg-color;
58712
+ }
58713
+ }
58714
+ .e-step-label:not(.e-step-icon) .e-step-label-container {
58715
+ background-color: $stepper-outline-color;
58716
+ }
58717
+ .e-step-text-container {
58718
+ background-color: $stepper-outline-color;
58719
+ border-color: transparent;
58720
+ }
58721
+ .e-step-disabled .e-indicator {
58722
+ background: $step-disabled-bg-color;
58723
+ color: $step-disabled-color;
58724
+ }
58725
+ .e-step-disabled .e-text,
58726
+ .e-step-disabled .e-label,
58727
+ .e-step-disabled .e-step-validation-icon {
58728
+ color: $step-disabled-font-color;
58729
+ }
58730
+ &.e-vertical .e-step-text-only.e-step-text .e-step-label-optional,
58731
+ &.e-vertical .e-step-label-only.e-step-label .e-step-label-optional,
58732
+ &.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional,
58733
+ &.e-vertical.e-label-top .e-step-label-optional,
58734
+ &.e-vertical.e-label-bottom .e-step-label-optional {
58840
58735
  background-color: $stepper-outline-color;
58841
58736
  }
58842
-
58843
58737
  .e-stepper-progressbar {
58844
58738
  background-color: $step-progress-bg-color;
58845
-
58846
58739
  >.e-progressbar-value {
58847
58740
  background-color: $step-progress-value-bg-color;
58848
58741
  }
58849
58742
  }
58850
-
58851
- &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
58743
+ &:not(.e-steps-focus) .e-step-selected .e-step {
58852
58744
  box-shadow: $step-selected-li-shadow;
58853
58745
  }
58854
-
58855
- .e-stepper-steps .e-step-container.e-step-focus .e-step,
58856
- .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
58857
- .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
58858
- .e-stepper-steps .e-step-container.e-step-template.e-step-focus,
58859
- &:not(.e-steps-focus) .e-stepper-steps .e-step-container:focus-visible .e-step,
58860
- &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-text-only:focus-visible .e-text,
58861
- &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-label-only:focus-visible .e-label {
58862
- box-shadow: $step-keyboard-selected-li-shadow !important; /* stylelint-disable-line declaration-no-important */
58746
+ .e-step-focus .e-step,
58747
+ .e-step-label-only.e-step-focus .e-label,
58748
+ .e-step-text-only.e-step-focus .e-text,
58749
+ .e-step-template.e-step-focus,
58750
+ &:not(.e-steps-focus) :focus-visible .e-step,
58751
+ &:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text,
58752
+ &:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
58753
+ box-shadow: $step-keyboard-selected-li-shadow;
58863
58754
  }
58864
58755
 
58865
- &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
58866
- .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,
58867
- .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only.e-step-focus .e-label,
58868
- .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only.e-step-focus .e-text,
58869
- .e-stepper-steps .e-step-container.e-step-valid.e-step-template.e-step-focus {
58756
+ &:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
58757
+ .e-step-valid.e-step-focus .e-step,
58758
+ .e-step-valid.e-step-label-only.e-step-focus .e-label,
58759
+ .e-step-valid.e-step-text-only.e-step-focus .e-text,
58760
+ .e-step-valid.e-step-template.e-step-focus {
58870
58761
  box-shadow: $step-valid-li-shadow;
58871
58762
  }
58872
58763
 
58873
- &:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
58874
- .e-stepper-steps .e-step-container.e-step-error.e-step-focus .e-step,
58875
- .e-stepper-steps .e-step-container.e-step-error.e-step-label-only.e-step-focus .e-label,
58876
- .e-stepper-steps .e-step-container.e-step-error.e-step-text-only.e-step-focus .e-text,
58877
- .e-stepper-steps .e-step-container.e-step-error.e-step-template.e-step-focus {
58764
+ &:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
58765
+ .e-step-error.e-step-focus .e-step,
58766
+ .e-step-error.e-step-label-only.e-step-focus .e-label,
58767
+ .e-step-error.e-step-text-only.e-step-focus .e-text,
58768
+ .e-step-error.e-step-template.e-step-focus {
58878
58769
  box-shadow: $step-error-li-shadow;
58879
58770
  }
58880
58771
 
58881
- .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step,
58882
- .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-completed:not(.e-step-text-only):not(.e-step-label-only) .e-step,
58883
- &.e-steps-focus .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
58772
+ .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
58773
+ .e-step-container:not(.e-step-focus).e-step-completed .e-step,
58774
+ &.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
58884
58775
  box-shadow: $step-li-shadow;
58885
58776
  }
58886
58777
 
58887
- .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:hover,
58888
- .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
58889
- border-color: $step-hover-border-color !important; /* stylelint-disable-line declaration-no-important */
58778
+ .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
58779
+ .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
58780
+ border-color: $step-hover-border-color;
58890
58781
  }
58891
58782
 
58892
- .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:active,
58893
- .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
58894
- border-color: $step-active-border-color !important; /* stylelint-disable-line declaration-no-important */
58783
+ .e-step-notstarted:not(.e-step-disabled) .e-step:active,
58784
+ .e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
58785
+ border-color: $step-active-border-color;
58895
58786
  }
58896
58787
 
58897
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
58898
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
58899
- background: $step-hover-color !important; /* stylelint-disable-line declaration-no-important */
58788
+ &:not(.e-step-type-label) {
58789
+ .e-indicator:hover,
58790
+ .e-step:hover {
58791
+ color: $step-hover-text-color;
58792
+ background: $step-selected-hover-color;
58793
+ }
58900
58794
  }
58901
58795
 
58902
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
58903
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
58904
- background: $step-active-color !important; /* stylelint-disable-line declaration-no-important */
58796
+ &:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover,
58797
+ &:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
58798
+ color: $step-hover-not-text-color;
58905
58799
  }
58906
58800
 
58907
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container {
58908
- &:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
58909
- &:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
58910
- color: $step-hover-text-color;
58911
- background: $step-selected-hover-color !important; /* stylelint-disable-line declaration-no-important */
58801
+ &:not(.e-step-type-label) {
58802
+ .e-step-selected .e-indicator:active,
58803
+ .e-step-selected .e-step:active {
58804
+ background: $step-selected-active-color;
58912
58805
  }
58913
- &.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
58914
- &.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
58915
- color: $step-hover-text-color !important; /* stylelint-disable-line declaration-no-important */
58916
- background: $step-valid-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
58806
+ .e-step-valid.e-step-selected .e-indicator:active,
58807
+ .e-step-valid.e-step-selected .e-step:active {
58808
+ background: $step-valid-completed-bg-color;
58917
58809
  }
58918
- &.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
58919
- &.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
58920
- color: $step-hover-text-color !important; /* stylelint-disable-line declaration-no-important */
58921
- background: $step-error-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
58810
+ .e-step-error.e-step-selected .e-indicator:active,
58811
+ .e-step-error.e-step-selected .e-step:active {
58812
+ background: $step-error-completed-bg-color;
58922
58813
  }
58923
58814
  }
58924
58815
 
58925
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover,
58926
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
58927
- color: $step-hover-not-text-color;
58816
+ &:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover,
58817
+ &:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
58818
+ background: $step-hover-color;
58928
58819
  }
58929
58820
 
58930
- &:not(.e-step-type-label) .e-stepper-steps .e-step-container {
58931
- &.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
58932
- &.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
58933
- background: $step-selected-active-color !important; /* stylelint-disable-line declaration-no-important */
58934
- }
58935
- &.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
58936
- &.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
58937
- background: $step-valid-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
58821
+ &:not(.e-step-type-label) .e-step-notstarted .e-indicator:active,
58822
+ &:not(.e-step-type-label) .e-step-notstarted .e-step:active {
58823
+ background: $step-active-color;
58824
+ }
58825
+
58826
+ &:not(.e-step-type-label) {
58827
+ .e-step-valid .e-indicator:hover,
58828
+ .e-step-valid .e-step:hover {
58829
+ color: $step-hover-text-color;
58830
+ background: $step-valid-completed-bg-color;
58938
58831
  }
58939
- &.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active,
58940
- &.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
58941
- background: $step-error-completed-bg-color !important; /* stylelint-disable-line declaration-no-important */
58832
+ .e-step-error .e-indicator:hover,
58833
+ .e-step-error .e-step:hover {
58834
+ color: $step-hover-text-color;
58835
+ background: $step-error-completed-bg-color;
58942
58836
  }
58943
58837
  }
58944
58838
  }
@@ -81857,7 +81751,7 @@ margin: $grid-group-animator-cell-margin;
81857
81751
  text-align: left;
81858
81752
  }
81859
81753
 
81860
- &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
81754
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell,.e-detailheadercell,.e-rowdragheader) {
81861
81755
  border-width: $grid-headercell-both-border-width;
81862
81756
  }
81863
81757
 
@@ -81883,7 +81777,7 @@ margin: $grid-group-animator-cell-margin;
81883
81777
  border-right-width: 1px;
81884
81778
  }
81885
81779
 
81886
- &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
81780
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell,.e-detailheadercell,.e-rowdragheader) {
81887
81781
  border-width: $grid-rtl-headercell-both-border-width;
81888
81782
  }
81889
81783
 
@@ -83768,6 +83662,14 @@ margin: $grid-group-animator-cell-margin;
83768
83662
  border-top: 1px solid $grid-header-border-color;
83769
83663
  }
83770
83664
 
83665
+ .e-gridcontent table tbody tr:first-child .e-normaledit .e-dragindentcell {
83666
+ border-top: 0 solid $grid-header-border-color;
83667
+ }
83668
+
83669
+ .e-detailrow .e-grid.e-default .e-normaledit .e-lastrowcell {
83670
+ border-bottom: 0;
83671
+ }
83672
+
83771
83673
  .e-ccdlg {
83772
83674
  .e-footer-content {
83773
83675
  border-color: $grid-columnchooser-footer-border-color;
@@ -88472,7 +88374,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
88472
88374
 
88473
88375
  //Focus state for Normal and Outline GroupButton
88474
88376
  .e-btn:focus,
88475
- input:focus+label.e-btn {
88377
+ input:focus-visible+label.e-btn {
88476
88378
  @include button-focus;
88477
88379
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
88478
88380
  box-shadow: none;
@@ -90262,6 +90164,12 @@ $rte-emoji-headname-color: $primary;
90262
90164
  $rte-big-emoji-btn-height: 247px;
90263
90165
  $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMi41QzQuNDQ3NzIgMi41IDQgMi45NDc3MiA0IDMuNUM0IDQuMDUyMjggNC40NDc3MiA0LjUgNSA0LjVINi42OTcyMkw3LjUgNS4wMzUxOFYxNi45NjQ4TDYuNjk3MjIgMTcuNUg1QzQuNDQ3NzIgMTcuNSA0IDE3Ljk0NzcgNCAxOC41QzQgMTkuMDUyMyA0LjQ0NzcyIDE5LjUgNSAxOS41SDYuNjk3MjJDNy4wOTIwNyAxOS41IDcuNDc4MDkgMTkuMzgzMSA3LjgwNjYyIDE5LjE2NDFMOC41IDE4LjcwMTlMOS4xOTMzOCAxOS4xNjQxQzkuNTIxOTEgMTkuMzgzMSA5LjkwNzkzIDE5LjUgMTAuMzAyOCAxOS41SDEyQzEyLjU1MjMgMTkuNSAxMyAxOS4wNTIzIDEzIDE4LjVDMTMgMTcuOTQ3NyAxMi41NTIzIDE3LjUgMTIgMTcuNUwxMC4zMDI4IDE3LjVMOS41IDE2Ljk2NDhWNS4wMzUxOEwxMC4zMDI4IDQuNUgxMkMxMi41NTIzIDQuNSAxMyA0LjA1MjI4IDEzIDMuNUMxMyAyLjk0NzcyIDEyLjU1MjMgMi41IDEyIDIuNUgxMC4zMDI4QzkuOTA3OTMgMi41IDkuNTIxOTEgMi42MTY4OCA5LjE5MzM4IDIuODM1OUw4LjUgMy4yOTgxNUw3LjgwNjYyIDIuODM1OUM3LjQ3ODA5IDIuNjE2ODggNy4wOTIwNyAyLjUgNi42OTcyMiAyLjVINVoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyAxNy41QzE3IDE3Ljc4IDE3LjIyMDcgMTggMTcuNSAxOEgyNi41QzI2Ljc3OTMgMTggMjcgMTcuNzggMjcgMTcuNVY5LjVDMjcgOC42NzAwMSAyNi4zMzAxIDggMjUuNSA4SDI0VjRDMjQgMi44OTk5OSAyMy4wOTk2IDIgMjIgMkMyMC45MDA0IDIgMjAgMi44OTk5OSAyMCA0VjhIMTguNUMxNy42Njk5IDggMTcgOC42NzAwMSAxNyA5LjVWMTcuNVpNMjYgMTFWOS41QzI2IDkuMjIgMjUuNzc5MyA5IDI1LjUgOUgyNEMyMy40NDkyIDkgMjMgOC41NDk5OSAyMyA4VjRDMjMgMy40NTAwMSAyMi41NTA4IDMgMjIgM0MyMS40NDkyIDMgMjEgMy40NTAwMSAyMSA0VjhDMjEgOC41NDk5OSAyMC41NTA4IDkgMjAgOUgxOC41QzE4LjIyMDcgOSAxOCA5LjIyIDE4IDkuNVYxMUgyNlpNMTggMTJWMTdIMjBWMTRDMjAgMTMuNzIgMjAuMjIwNyAxMy41IDIwLjUgMTMuNUMyMC43NzkzIDEzLjUgMjEgMTMuNzIgMjEgMTRWMTdIMjNWMTZDMjMgMTUuNzIgMjMuMjIwNyAxNS41IDIzLjUgMTUuNUMyMy43NzkzIDE1LjUgMjQgMTUuNzIgMjQgMTZWMTdIMjZWMTJIMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTggMTdWMTJIMjZWMTdIMjRWMTZDMjQgMTUuNzIgMjMuNzc5MyAxNS41IDIzLjUgMTUuNUMyMy4yMjA3IDE1LjUgMjMgMTUuNzIgMjMgMTZWMTdIMjFWMTRDMjEgMTMuNzIgMjAuNzc5MyAxMy41IDIwLjUgMTMuNUMyMC4yMjA3IDEzLjUgMjAgMTMuNzIgMjAgMTRWMTdIMThaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjYgOS41VjExSDE4VjkuNUMxOCA5LjIyIDE4LjIyMDcgOSAxOC41IDlIMjBDMjAuNTUwOCA5IDIxIDguNTQ5OTkgMjEgOFY0QzIxIDMuNDUwMDEgMjEuNDQ5MiAzIDIyIDNDMjIuNTUwOCAzIDIzIDMuNDUwMDEgMjMgNFY4QzIzIDguNTQ5OTkgMjMuNDQ5MiA5IDI0IDlIMjUuNUMyNS43NzkzIDkgMjYgOS4yMiAyNiA5LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K') 8 1, auto;
90264
90166
 
90167
+ $rte-img-upload-abort-icon-btn-margin-right: 45px;
90168
+ $rte-img-upload-abort-icon-btn-margin-top: 17px;
90169
+ $rte-big-img-upload-abort-icon-btn-margin-right: 60px;
90170
+ $rte-big-img-upload-abort-icon-btn-margin-top: 10px;
90171
+ $rte-big-img-upload-abort-icon-btn-padding: 5px;
90172
+
90265
90173
  @include export-module('richtexteditor-layout') {
90266
90174
 
90267
90175
  /*! tab layout */
@@ -90414,6 +90322,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90414
90322
  padding: $rte-big-toolbar-expaned-padding;
90415
90323
  }
90416
90324
  }
90325
+ .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
90326
+ margin-right: $rte-big-img-upload-abort-icon-btn-margin-right;
90327
+ margin-top: $rte-big-img-upload-abort-icon-btn-margin-top;
90328
+ padding: $rte-big-img-upload-abort-icon-btn-padding;
90329
+ }
90417
90330
  }
90418
90331
 
90419
90332
  .e-richtexteditor {
@@ -91391,6 +91304,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91391
91304
  float: none;
91392
91305
  }
91393
91306
 
91307
+ .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
91308
+ margin-right: $rte-img-upload-abort-icon-btn-margin-right;
91309
+ margin-top: $rte-img-upload-abort-icon-btn-margin-top;
91310
+ }
91311
+
91394
91312
  .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
91395
91313
  .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
91396
91314
  .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -117658,6 +117576,22 @@ $schedule-tree-content-color: $content-text-color-alt2;
117658
117576
  }
117659
117577
  }
117660
117578
 
117579
+ &.e-adaptive {
117580
+ .e-schedule-toolbar {
117581
+ .e-toolbar-items {
117582
+ .e-toolbar-item {
117583
+ &.e-today .e-icon-today {
117584
+ display: block;
117585
+ }
117586
+
117587
+ &.e-today .e-icon-today + .e-tbar-btn-text {
117588
+ display: none;
117589
+ }
117590
+ }
117591
+ }
117592
+ }
117593
+ }
117594
+
117661
117595
  #{if(&, '&', '*')}.e-device {
117662
117596
  .e-schedule-toolbar {
117663
117597
  height: $schedule-tbar-bgr-size;
@@ -119640,7 +119574,8 @@ $schedule-tree-content-color: $content-text-color-alt2;
119640
119574
  }
119641
119575
  }
119642
119576
 
119643
- .e-content-wrap {
119577
+ .e-content-wrap,
119578
+ .e-resource-column-wrap {
119644
119579
  &.e-transition {
119645
119580
  transition: all 1000ms linear; // sass-lint:disable-line no-transition-all
119646
119581
  }