@dynamic-framework/ui-react 1.17.0 → 1.17.1

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 (12) hide show
  1. package/dist/css/dynamic-ui-non-root.css +67 -71
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +7 -7
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +73 -77
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/package.json +2 -2
  8. package/src/style/abstracts/_mixins.scss +1 -1
  9. package/src/style/abstracts/variables/_badges.scss +1 -1
  10. package/src/style/abstracts/variables/_body.scss +1 -1
  11. package/src/style/abstracts/variables/_border.scss +5 -5
  12. package/src/style/components/_d-stepper-mobile.scss +1 -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.17.1
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;
@@ -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;
@@ -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);
@@ -7027,17 +7022,17 @@ body {
7027
7022
 
7028
7023
  .btn-outline-primary {
7029
7024
  --bs-btn-bg: transparent;
7030
- --bs-btn-border-color: var(--bs-primary-600);
7031
- --bs-btn-color: var(--bs-primary-600);
7025
+ --bs-btn-border-color: var(--bs-primary-500);
7026
+ --bs-btn-color: var(--bs-primary-500);
7032
7027
  --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);
7028
+ --bs-btn-hover-border-color: var(--bs-primary-500);
7029
+ --bs-btn-hover-color: var(--bs-primary-500);
7035
7030
  --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);
7031
+ --bs-btn-focus-border-color: var(--bs-primary-500);
7032
+ --bs-btn-focus-color: var(--bs-primary-500);
7038
7033
  --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);
7034
+ --bs-btn-active-border-color: var(--bs-primary-500);
7035
+ --bs-btn-active-color: var(--bs-primary-500);
7041
7036
  --bs-btn-disabled-bg: transparent;
7042
7037
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7043
7038
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7046,8 +7041,8 @@ body {
7046
7041
  .btn-outline-primary.loading {
7047
7042
  --bs-btn-disabled-opacity: 1;
7048
7043
  --bs-btn-disabled-bg: transparent;
7049
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7050
- --bs-btn-disabled-color: var(--bs-primary-600);
7044
+ --bs-btn-disabled-border-color: var(--bs-primary-500);
7045
+ --bs-btn-disabled-color: var(--bs-primary-500);
7051
7046
  }
7052
7047
 
7053
7048
  .btn-link-primary {
@@ -7104,17 +7099,17 @@ body {
7104
7099
 
7105
7100
  .btn-outline-secondary {
7106
7101
  --bs-btn-bg: transparent;
7107
- --bs-btn-border-color: var(--bs-secondary-600);
7108
- --bs-btn-color: var(--bs-secondary-600);
7102
+ --bs-btn-border-color: var(--bs-secondary-500);
7103
+ --bs-btn-color: var(--bs-secondary-500);
7109
7104
  --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);
7105
+ --bs-btn-hover-border-color: var(--bs-secondary-500);
7106
+ --bs-btn-hover-color: var(--bs-secondary-500);
7112
7107
  --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);
7108
+ --bs-btn-focus-border-color: var(--bs-secondary-500);
7109
+ --bs-btn-focus-color: var(--bs-secondary-500);
7115
7110
  --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);
7111
+ --bs-btn-active-border-color: var(--bs-secondary-500);
7112
+ --bs-btn-active-color: var(--bs-secondary-500);
7118
7113
  --bs-btn-disabled-bg: transparent;
7119
7114
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7120
7115
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7123,8 +7118,8 @@ body {
7123
7118
  .btn-outline-secondary.loading {
7124
7119
  --bs-btn-disabled-opacity: 1;
7125
7120
  --bs-btn-disabled-bg: transparent;
7126
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7127
- --bs-btn-disabled-color: var(--bs-secondary-600);
7121
+ --bs-btn-disabled-border-color: var(--bs-secondary-500);
7122
+ --bs-btn-disabled-color: var(--bs-secondary-500);
7128
7123
  }
7129
7124
 
7130
7125
  .btn-link-secondary {
@@ -7181,17 +7176,17 @@ body {
7181
7176
 
7182
7177
  .btn-outline-success {
7183
7178
  --bs-btn-bg: transparent;
7184
- --bs-btn-border-color: var(--bs-success-600);
7185
- --bs-btn-color: var(--bs-success-600);
7179
+ --bs-btn-border-color: var(--bs-success-500);
7180
+ --bs-btn-color: var(--bs-success-500);
7186
7181
  --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);
7182
+ --bs-btn-hover-border-color: var(--bs-success-500);
7183
+ --bs-btn-hover-color: var(--bs-success-500);
7189
7184
  --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);
7185
+ --bs-btn-focus-border-color: var(--bs-success-500);
7186
+ --bs-btn-focus-color: var(--bs-success-500);
7192
7187
  --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);
7188
+ --bs-btn-active-border-color: var(--bs-success-500);
7189
+ --bs-btn-active-color: var(--bs-success-500);
7195
7190
  --bs-btn-disabled-bg: transparent;
7196
7191
  --bs-btn-disabled-border-color: var(--bs-success-100);
7197
7192
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7200,8 +7195,8 @@ body {
7200
7195
  .btn-outline-success.loading {
7201
7196
  --bs-btn-disabled-opacity: 1;
7202
7197
  --bs-btn-disabled-bg: transparent;
7203
- --bs-btn-disabled-border-color: var(--bs-success-600);
7204
- --bs-btn-disabled-color: var(--bs-success-600);
7198
+ --bs-btn-disabled-border-color: var(--bs-success-500);
7199
+ --bs-btn-disabled-color: var(--bs-success-500);
7205
7200
  }
7206
7201
 
7207
7202
  .btn-link-success {
@@ -7258,17 +7253,17 @@ body {
7258
7253
 
7259
7254
  .btn-outline-info {
7260
7255
  --bs-btn-bg: transparent;
7261
- --bs-btn-border-color: var(--bs-info-600);
7262
- --bs-btn-color: var(--bs-info-600);
7256
+ --bs-btn-border-color: var(--bs-info-500);
7257
+ --bs-btn-color: var(--bs-info-500);
7263
7258
  --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);
7259
+ --bs-btn-hover-border-color: var(--bs-info-500);
7260
+ --bs-btn-hover-color: var(--bs-info-500);
7266
7261
  --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);
7262
+ --bs-btn-focus-border-color: var(--bs-info-500);
7263
+ --bs-btn-focus-color: var(--bs-info-500);
7269
7264
  --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);
7265
+ --bs-btn-active-border-color: var(--bs-info-500);
7266
+ --bs-btn-active-color: var(--bs-info-500);
7272
7267
  --bs-btn-disabled-bg: transparent;
7273
7268
  --bs-btn-disabled-border-color: var(--bs-info-100);
7274
7269
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7277,8 +7272,8 @@ body {
7277
7272
  .btn-outline-info.loading {
7278
7273
  --bs-btn-disabled-opacity: 1;
7279
7274
  --bs-btn-disabled-bg: transparent;
7280
- --bs-btn-disabled-border-color: var(--bs-info-600);
7281
- --bs-btn-disabled-color: var(--bs-info-600);
7275
+ --bs-btn-disabled-border-color: var(--bs-info-500);
7276
+ --bs-btn-disabled-color: var(--bs-info-500);
7282
7277
  }
7283
7278
 
7284
7279
  .btn-link-info {
@@ -7335,17 +7330,17 @@ body {
7335
7330
 
7336
7331
  .btn-outline-warning {
7337
7332
  --bs-btn-bg: transparent;
7338
- --bs-btn-border-color: var(--bs-warning-600);
7339
- --bs-btn-color: var(--bs-warning-600);
7333
+ --bs-btn-border-color: var(--bs-warning-500);
7334
+ --bs-btn-color: var(--bs-warning-500);
7340
7335
  --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);
7336
+ --bs-btn-hover-border-color: var(--bs-warning-500);
7337
+ --bs-btn-hover-color: var(--bs-warning-500);
7343
7338
  --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);
7339
+ --bs-btn-focus-border-color: var(--bs-warning-500);
7340
+ --bs-btn-focus-color: var(--bs-warning-500);
7346
7341
  --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);
7342
+ --bs-btn-active-border-color: var(--bs-warning-500);
7343
+ --bs-btn-active-color: var(--bs-warning-500);
7349
7344
  --bs-btn-disabled-bg: transparent;
7350
7345
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7351
7346
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7354,8 +7349,8 @@ body {
7354
7349
  .btn-outline-warning.loading {
7355
7350
  --bs-btn-disabled-opacity: 1;
7356
7351
  --bs-btn-disabled-bg: transparent;
7357
- --bs-btn-disabled-border-color: var(--bs-warning-600);
7358
- --bs-btn-disabled-color: var(--bs-warning-600);
7352
+ --bs-btn-disabled-border-color: var(--bs-warning-500);
7353
+ --bs-btn-disabled-color: var(--bs-warning-500);
7359
7354
  }
7360
7355
 
7361
7356
  .btn-link-warning {
@@ -7412,17 +7407,17 @@ body {
7412
7407
 
7413
7408
  .btn-outline-danger {
7414
7409
  --bs-btn-bg: transparent;
7415
- --bs-btn-border-color: var(--bs-danger-600);
7416
- --bs-btn-color: var(--bs-danger-600);
7410
+ --bs-btn-border-color: var(--bs-danger-500);
7411
+ --bs-btn-color: var(--bs-danger-500);
7417
7412
  --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);
7413
+ --bs-btn-hover-border-color: var(--bs-danger-500);
7414
+ --bs-btn-hover-color: var(--bs-danger-500);
7420
7415
  --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);
7416
+ --bs-btn-focus-border-color: var(--bs-danger-500);
7417
+ --bs-btn-focus-color: var(--bs-danger-500);
7423
7418
  --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);
7419
+ --bs-btn-active-border-color: var(--bs-danger-500);
7420
+ --bs-btn-active-color: var(--bs-danger-500);
7426
7421
  --bs-btn-disabled-bg: transparent;
7427
7422
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7428
7423
  --bs-btn-disabled-color: var(--bs-gray-700);
@@ -7431,8 +7426,8 @@ body {
7431
7426
  .btn-outline-danger.loading {
7432
7427
  --bs-btn-disabled-opacity: 1;
7433
7428
  --bs-btn-disabled-bg: transparent;
7434
- --bs-btn-disabled-border-color: var(--bs-danger-600);
7435
- --bs-btn-disabled-color: var(--bs-danger-600);
7429
+ --bs-btn-disabled-border-color: var(--bs-danger-500);
7430
+ --bs-btn-disabled-color: var(--bs-danger-500);
7436
7431
  }
7437
7432
 
7438
7433
  .btn-link-danger {
@@ -7618,7 +7613,7 @@ body {
7618
7613
  --bs-btn-disabled-border-color: transparent;
7619
7614
  --bs-btn-box-shadow: 0 0 0 #000;
7620
7615
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
7621
- text-decoration: underline;
7616
+ text-decoration: none;
7622
7617
  }
7623
7618
  .btn-link:hover, .btn-link:focus-visible {
7624
7619
  text-decoration: underline;
@@ -10769,6 +10764,7 @@ label .d-icon {
10769
10764
  }
10770
10765
  .d-stepper .d-step-number {
10771
10766
  z-index: var(--bs-step-current-step-z-index);
10767
+ margin-bottom: 0;
10772
10768
  font-weight: var(--bs-step-current-step-font-weight);
10773
10769
  color: var(--bs-step-current-step-color);
10774
10770
  }