@dynamic-framework/ui-react 1.17.0 → 1.18.0

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 (20) hide show
  1. package/dist/css/dynamic-ui-non-root.css +69 -76
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +10 -7
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +78 -82
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +2 -12
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +2 -12
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DButton/DButton.d.ts +1 -1
  12. package/package.json +2 -2
  13. package/src/style/abstracts/_mixins.scss +1 -1
  14. package/src/style/abstracts/variables/_badges.scss +1 -1
  15. package/src/style/abstracts/variables/_body.scss +1 -1
  16. package/src/style/abstracts/variables/_border.scss +5 -5
  17. package/src/style/abstracts/variables/_buttons.scss +3 -3
  18. package/src/style/base/_button.scss +0 -5
  19. package/src/style/components/_d-stepper-mobile.scss +1 -0
  20. package/src/style/root/_root.scss +4 -0
package/dist/css/dynamic-ui-non-root.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.17.0
2
+ * dynamic-framework 1.18.0
3
3
  * bootstrap ^5.3.3
4
4
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
5
5
  */
@@ -182,7 +182,7 @@ sup {
182
182
 
183
183
  a {
184
184
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
185
- text-decoration: underline;
185
+ text-decoration: none;
186
186
  }
187
187
  a:hover {
188
188
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
@@ -229,7 +229,7 @@ kbd {
229
229
  font-size: 0.875rem;
230
230
  color: var(--bs-body-bg);
231
231
  background-color: var(--bs-body-color);
232
- border-radius: var(--bs-ref-spacer-2);
232
+ border-radius: 0.5rem;
233
233
  }
234
234
  kbd kbd {
235
235
  padding: 0;
@@ -3523,7 +3523,6 @@ textarea.form-control-lg {
3523
3523
  font-weight: 400;
3524
3524
  color: var(--bs-dropdown-link-color);
3525
3525
  text-align: inherit;
3526
- text-decoration: none;
3527
3526
  white-space: nowrap;
3528
3527
  background-color: transparent;
3529
3528
  border: 0;
@@ -3615,7 +3614,7 @@ textarea.form-control-lg {
3615
3614
  }
3616
3615
 
3617
3616
  .btn-group {
3618
- border-radius: var(--bs-border-radius-sm);
3617
+ border-radius: var(--bs-border-radius-pill);
3619
3618
  }
3620
3619
  .btn-group > :not(.btn-check:first-child) + .btn,
3621
3620
  .btn-group > .btn-group:not(:first-child) {
@@ -3707,7 +3706,6 @@ textarea.form-control-lg {
3707
3706
  font-size: var(--bs-nav-link-font-size);
3708
3707
  font-weight: var(--bs-nav-link-font-weight);
3709
3708
  color: var(--bs-nav-link-color);
3710
- text-decoration: none;
3711
3709
  background: none;
3712
3710
  border: 0;
3713
3711
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
@@ -3841,7 +3839,7 @@ textarea.form-control-lg {
3841
3839
  --bs-navbar-toggler-font-size: 1.125rem;
3842
3840
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--bs-body-color-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
3843
3841
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3844
- --bs-navbar-toggler-border-radius: var(--bs-border-radius-sm);
3842
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius-pill);
3845
3843
  --bs-navbar-toggler-focus-width: 0;
3846
3844
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3847
3845
  position: relative;
@@ -3869,7 +3867,6 @@ textarea.form-control-lg {
3869
3867
  margin-right: var(--bs-navbar-brand-margin-end);
3870
3868
  font-size: var(--bs-navbar-brand-font-size);
3871
3869
  color: var(--bs-navbar-brand-color);
3872
- text-decoration: none;
3873
3870
  white-space: nowrap;
3874
3871
  }
3875
3872
  .navbar-brand:hover, .navbar-brand:focus {
@@ -4642,7 +4639,6 @@ textarea.form-control-lg {
4642
4639
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
4643
4640
  font-size: var(--bs-pagination-font-size);
4644
4641
  color: var(--bs-pagination-color);
4645
- text-decoration: none;
4646
4642
  background-color: var(--bs-pagination-bg);
4647
4643
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
4648
4644
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -4918,7 +4914,6 @@ textarea.form-control-lg {
4918
4914
  display: block;
4919
4915
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
4920
4916
  color: var(--bs-list-group-color);
4921
- text-decoration: none;
4922
4917
  background-color: var(--bs-list-group-bg);
4923
4918
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
4924
4919
  }
@@ -5222,7 +5217,7 @@ textarea.form-control-lg {
5222
5217
  color: var(--bs-btn-close-color);
5223
5218
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5224
5219
  border: 0;
5225
- border-radius: var(--bs-ref-spacer-4);
5220
+ border-radius: 1rem;
5226
5221
  opacity: var(--bs-btn-close-opacity);
5227
5222
  }
5228
5223
  .btn-close:hover {
@@ -6681,7 +6676,7 @@ textarea.form-control-lg {
6681
6676
  .badge {
6682
6677
  --bs-badge-padding-x: var(--bs-ref-spacer-2);
6683
6678
  --bs-badge-padding-y: var(--bs-ref-spacer-1);
6684
- --bs-badge-font-size: 0.875rem;
6679
+ --bs-badge-font-size: var(--bs-body-font-size);
6685
6680
  --bs-badge-font-weight: 400;
6686
6681
  --bs-badge-color: var(--bs-gray-900);
6687
6682
  --bs-badge-border-radius: var(--bs-border-radius-sm);
@@ -6915,7 +6910,6 @@ body {
6915
6910
  --bs-btn-bg: transparent;
6916
6911
  --bs-btn-border-width: var(--bs-border-width);
6917
6912
  --bs-btn-border-color: transparent;
6918
- --bs-btn-border-radius: var(--bs-btn-component-border-radius, var(--bs-border-radius-sm));
6919
6913
  --bs-btn-hover-border-color: transparent;
6920
6914
  --bs-btn-box-shadow: none;
6921
6915
  --bs-btn-disabled-opacity: 1;
@@ -6924,11 +6918,9 @@ body {
6924
6918
  --bs-btn-lg-padding-y: 1rem;
6925
6919
  --bs-btn-lg-padding-x: 2rem;
6926
6920
  --bs-btn-lg-font-size: 1.125rem;
6927
- --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, var(--bs-border-radius));
6928
6921
  --bs-btn-sm-padding-y: 0.5rem;
6929
6922
  --bs-btn-sm-padding-x: 1rem;
6930
6923
  --bs-btn-sm-font-size: 0.875rem;
6931
- --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, var(--bs-border-radius-sm));
6932
6924
  display: inline-flex;
6933
6925
  flex-direction: row;
6934
6926
  gap: var(--bs-btn-gap, 0.5rem);
@@ -7027,17 +7019,17 @@ body {
7027
7019
 
7028
7020
  .btn-outline-primary {
7029
7021
  --bs-btn-bg: transparent;
7030
- --bs-btn-border-color: var(--bs-primary-600);
7031
- --bs-btn-color: var(--bs-primary-600);
7022
+ --bs-btn-border-color: var(--bs-primary-500);
7023
+ --bs-btn-color: var(--bs-primary-500);
7032
7024
  --bs-btn-hover-bg: var(--bs-primary-100);
7033
- --bs-btn-hover-border-color: var(--bs-primary-600);
7034
- --bs-btn-hover-color: var(--bs-primary-600);
7025
+ --bs-btn-hover-border-color: var(--bs-primary-500);
7026
+ --bs-btn-hover-color: var(--bs-primary-500);
7035
7027
  --bs-btn-focus-bg: var(--bs-primary-100);
7036
- --bs-btn-focus-border-color: var(--bs-primary-600);
7037
- --bs-btn-focus-color: var(--bs-primary-600);
7028
+ --bs-btn-focus-border-color: var(--bs-primary-500);
7029
+ --bs-btn-focus-color: var(--bs-primary-500);
7038
7030
  --bs-btn-active-bg: var(--bs-primary-200);
7039
- --bs-btn-active-border-color: var(--bs-primary-600);
7040
- --bs-btn-active-color: var(--bs-primary-600);
7031
+ --bs-btn-active-border-color: var(--bs-primary-500);
7032
+ --bs-btn-active-color: var(--bs-primary-500);
7041
7033
  --bs-btn-disabled-bg: transparent;
7042
7034
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7043
7035
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7046,8 +7038,8 @@ body {
7046
7038
  .btn-outline-primary.loading {
7047
7039
  --bs-btn-disabled-opacity: 1;
7048
7040
  --bs-btn-disabled-bg: transparent;
7049
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7050
- --bs-btn-disabled-color: var(--bs-primary-600);
7041
+ --bs-btn-disabled-border-color: var(--bs-primary-500);
7042
+ --bs-btn-disabled-color: var(--bs-primary-500);
7051
7043
  }
7052
7044
 
7053
7045
  .btn-link-primary {
@@ -7104,17 +7096,17 @@ body {
7104
7096
 
7105
7097
  .btn-outline-secondary {
7106
7098
  --bs-btn-bg: transparent;
7107
- --bs-btn-border-color: var(--bs-secondary-600);
7108
- --bs-btn-color: var(--bs-secondary-600);
7099
+ --bs-btn-border-color: var(--bs-secondary-500);
7100
+ --bs-btn-color: var(--bs-secondary-500);
7109
7101
  --bs-btn-hover-bg: var(--bs-secondary-100);
7110
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7111
- --bs-btn-hover-color: var(--bs-secondary-600);
7102
+ --bs-btn-hover-border-color: var(--bs-secondary-500);
7103
+ --bs-btn-hover-color: var(--bs-secondary-500);
7112
7104
  --bs-btn-focus-bg: var(--bs-secondary-100);
7113
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7114
- --bs-btn-focus-color: var(--bs-secondary-600);
7105
+ --bs-btn-focus-border-color: var(--bs-secondary-500);
7106
+ --bs-btn-focus-color: var(--bs-secondary-500);
7115
7107
  --bs-btn-active-bg: var(--bs-secondary-200);
7116
- --bs-btn-active-border-color: var(--bs-secondary-600);
7117
- --bs-btn-active-color: var(--bs-secondary-600);
7108
+ --bs-btn-active-border-color: var(--bs-secondary-500);
7109
+ --bs-btn-active-color: var(--bs-secondary-500);
7118
7110
  --bs-btn-disabled-bg: transparent;
7119
7111
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7120
7112
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7123,8 +7115,8 @@ body {
7123
7115
  .btn-outline-secondary.loading {
7124
7116
  --bs-btn-disabled-opacity: 1;
7125
7117
  --bs-btn-disabled-bg: transparent;
7126
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7127
- --bs-btn-disabled-color: var(--bs-secondary-600);
7118
+ --bs-btn-disabled-border-color: var(--bs-secondary-500);
7119
+ --bs-btn-disabled-color: var(--bs-secondary-500);
7128
7120
  }
7129
7121
 
7130
7122
  .btn-link-secondary {
@@ -7181,17 +7173,17 @@ body {
7181
7173
 
7182
7174
  .btn-outline-success {
7183
7175
  --bs-btn-bg: transparent;
7184
- --bs-btn-border-color: var(--bs-success-600);
7185
- --bs-btn-color: var(--bs-success-600);
7176
+ --bs-btn-border-color: var(--bs-success-500);
7177
+ --bs-btn-color: var(--bs-success-500);
7186
7178
  --bs-btn-hover-bg: var(--bs-success-100);
7187
- --bs-btn-hover-border-color: var(--bs-success-600);
7188
- --bs-btn-hover-color: var(--bs-success-600);
7179
+ --bs-btn-hover-border-color: var(--bs-success-500);
7180
+ --bs-btn-hover-color: var(--bs-success-500);
7189
7181
  --bs-btn-focus-bg: var(--bs-success-100);
7190
- --bs-btn-focus-border-color: var(--bs-success-600);
7191
- --bs-btn-focus-color: var(--bs-success-600);
7182
+ --bs-btn-focus-border-color: var(--bs-success-500);
7183
+ --bs-btn-focus-color: var(--bs-success-500);
7192
7184
  --bs-btn-active-bg: var(--bs-success-200);
7193
- --bs-btn-active-border-color: var(--bs-success-600);
7194
- --bs-btn-active-color: var(--bs-success-600);
7185
+ --bs-btn-active-border-color: var(--bs-success-500);
7186
+ --bs-btn-active-color: var(--bs-success-500);
7195
7187
  --bs-btn-disabled-bg: transparent;
7196
7188
  --bs-btn-disabled-border-color: var(--bs-success-100);
7197
7189
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7200,8 +7192,8 @@ body {
7200
7192
  .btn-outline-success.loading {
7201
7193
  --bs-btn-disabled-opacity: 1;
7202
7194
  --bs-btn-disabled-bg: transparent;
7203
- --bs-btn-disabled-border-color: var(--bs-success-600);
7204
- --bs-btn-disabled-color: var(--bs-success-600);
7195
+ --bs-btn-disabled-border-color: var(--bs-success-500);
7196
+ --bs-btn-disabled-color: var(--bs-success-500);
7205
7197
  }
7206
7198
 
7207
7199
  .btn-link-success {
@@ -7258,17 +7250,17 @@ body {
7258
7250
 
7259
7251
  .btn-outline-info {
7260
7252
  --bs-btn-bg: transparent;
7261
- --bs-btn-border-color: var(--bs-info-600);
7262
- --bs-btn-color: var(--bs-info-600);
7253
+ --bs-btn-border-color: var(--bs-info-500);
7254
+ --bs-btn-color: var(--bs-info-500);
7263
7255
  --bs-btn-hover-bg: var(--bs-info-100);
7264
- --bs-btn-hover-border-color: var(--bs-info-600);
7265
- --bs-btn-hover-color: var(--bs-info-600);
7256
+ --bs-btn-hover-border-color: var(--bs-info-500);
7257
+ --bs-btn-hover-color: var(--bs-info-500);
7266
7258
  --bs-btn-focus-bg: var(--bs-info-100);
7267
- --bs-btn-focus-border-color: var(--bs-info-600);
7268
- --bs-btn-focus-color: var(--bs-info-600);
7259
+ --bs-btn-focus-border-color: var(--bs-info-500);
7260
+ --bs-btn-focus-color: var(--bs-info-500);
7269
7261
  --bs-btn-active-bg: var(--bs-info-200);
7270
- --bs-btn-active-border-color: var(--bs-info-600);
7271
- --bs-btn-active-color: var(--bs-info-600);
7262
+ --bs-btn-active-border-color: var(--bs-info-500);
7263
+ --bs-btn-active-color: var(--bs-info-500);
7272
7264
  --bs-btn-disabled-bg: transparent;
7273
7265
  --bs-btn-disabled-border-color: var(--bs-info-100);
7274
7266
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7277,8 +7269,8 @@ body {
7277
7269
  .btn-outline-info.loading {
7278
7270
  --bs-btn-disabled-opacity: 1;
7279
7271
  --bs-btn-disabled-bg: transparent;
7280
- --bs-btn-disabled-border-color: var(--bs-info-600);
7281
- --bs-btn-disabled-color: var(--bs-info-600);
7272
+ --bs-btn-disabled-border-color: var(--bs-info-500);
7273
+ --bs-btn-disabled-color: var(--bs-info-500);
7282
7274
  }
7283
7275
 
7284
7276
  .btn-link-info {
@@ -7335,17 +7327,17 @@ body {
7335
7327
 
7336
7328
  .btn-outline-warning {
7337
7329
  --bs-btn-bg: transparent;
7338
- --bs-btn-border-color: var(--bs-warning-600);
7339
- --bs-btn-color: var(--bs-warning-600);
7330
+ --bs-btn-border-color: var(--bs-warning-500);
7331
+ --bs-btn-color: var(--bs-warning-500);
7340
7332
  --bs-btn-hover-bg: var(--bs-warning-100);
7341
- --bs-btn-hover-border-color: var(--bs-warning-600);
7342
- --bs-btn-hover-color: var(--bs-warning-600);
7333
+ --bs-btn-hover-border-color: var(--bs-warning-500);
7334
+ --bs-btn-hover-color: var(--bs-warning-500);
7343
7335
  --bs-btn-focus-bg: var(--bs-warning-100);
7344
- --bs-btn-focus-border-color: var(--bs-warning-600);
7345
- --bs-btn-focus-color: var(--bs-warning-600);
7336
+ --bs-btn-focus-border-color: var(--bs-warning-500);
7337
+ --bs-btn-focus-color: var(--bs-warning-500);
7346
7338
  --bs-btn-active-bg: var(--bs-warning-200);
7347
- --bs-btn-active-border-color: var(--bs-warning-600);
7348
- --bs-btn-active-color: var(--bs-warning-600);
7339
+ --bs-btn-active-border-color: var(--bs-warning-500);
7340
+ --bs-btn-active-color: var(--bs-warning-500);
7349
7341
  --bs-btn-disabled-bg: transparent;
7350
7342
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7351
7343
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7354,8 +7346,8 @@ body {
7354
7346
  .btn-outline-warning.loading {
7355
7347
  --bs-btn-disabled-opacity: 1;
7356
7348
  --bs-btn-disabled-bg: transparent;
7357
- --bs-btn-disabled-border-color: var(--bs-warning-600);
7358
- --bs-btn-disabled-color: var(--bs-warning-600);
7349
+ --bs-btn-disabled-border-color: var(--bs-warning-500);
7350
+ --bs-btn-disabled-color: var(--bs-warning-500);
7359
7351
  }
7360
7352
 
7361
7353
  .btn-link-warning {
@@ -7412,17 +7404,17 @@ body {
7412
7404
 
7413
7405
  .btn-outline-danger {
7414
7406
  --bs-btn-bg: transparent;
7415
- --bs-btn-border-color: var(--bs-danger-600);
7416
- --bs-btn-color: var(--bs-danger-600);
7407
+ --bs-btn-border-color: var(--bs-danger-500);
7408
+ --bs-btn-color: var(--bs-danger-500);
7417
7409
  --bs-btn-hover-bg: var(--bs-danger-100);
7418
- --bs-btn-hover-border-color: var(--bs-danger-600);
7419
- --bs-btn-hover-color: var(--bs-danger-600);
7410
+ --bs-btn-hover-border-color: var(--bs-danger-500);
7411
+ --bs-btn-hover-color: var(--bs-danger-500);
7420
7412
  --bs-btn-focus-bg: var(--bs-danger-100);
7421
- --bs-btn-focus-border-color: var(--bs-danger-600);
7422
- --bs-btn-focus-color: var(--bs-danger-600);
7413
+ --bs-btn-focus-border-color: var(--bs-danger-500);
7414
+ --bs-btn-focus-color: var(--bs-danger-500);
7423
7415
  --bs-btn-active-bg: var(--bs-danger-200);
7424
- --bs-btn-active-border-color: var(--bs-danger-600);
7425
- --bs-btn-active-color: var(--bs-danger-600);
7416
+ --bs-btn-active-border-color: var(--bs-danger-500);
7417
+ --bs-btn-active-color: var(--bs-danger-500);
7426
7418
  --bs-btn-disabled-bg: transparent;
7427
7419
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7428
7420
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7431,8 +7423,8 @@ body {
7431
7423
  .btn-outline-danger.loading {
7432
7424
  --bs-btn-disabled-opacity: 1;
7433
7425
  --bs-btn-disabled-bg: transparent;
7434
- --bs-btn-disabled-border-color: var(--bs-danger-600);
7435
- --bs-btn-disabled-color: var(--bs-danger-600);
7426
+ --bs-btn-disabled-border-color: var(--bs-danger-500);
7427
+ --bs-btn-disabled-color: var(--bs-danger-500);
7436
7428
  }
7437
7429
 
7438
7430
  .btn-link-danger {
@@ -7618,7 +7610,7 @@ body {
7618
7610
  --bs-btn-disabled-border-color: transparent;
7619
7611
  --bs-btn-box-shadow: 0 0 0 #000;
7620
7612
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
7621
- text-decoration: underline;
7613
+ text-decoration: none;
7622
7614
  }
7623
7615
  .btn-link:hover, .btn-link:focus-visible {
7624
7616
  text-decoration: underline;
@@ -10769,6 +10761,7 @@ label .d-icon {
10769
10761
  }
10770
10762
  .d-stepper .d-step-number {
10771
10763
  z-index: var(--bs-step-current-step-z-index);
10764
+ margin-bottom: 0;
10772
10765
  font-weight: var(--bs-step-current-step-font-weight);
10773
10766
  color: var(--bs-step-current-step-color);
10774
10767
  }