@dynamic-framework/ui-react 1.21.0 → 1.22.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 (11) hide show
  1. package/dist/css/dynamic-ui-non-root.css +136 -23
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +91 -63
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +226 -85
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/package.json +10 -3
  8. package/src/style/abstracts/_utilities.scss +1 -1
  9. package/src/style/abstracts/variables/_colors.scss +110 -65
  10. package/src/style/components/_d-tabs.scss +11 -7
  11. package/src/style/root/_root.scss +2 -2
package/dist/css/dynamic-ui.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.21.0
2
+ * dynamic-framework 1.22.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
  */
@@ -7,32 +7,41 @@
7
7
  /* stylelint-disable scss/dollar-variable-default */
8
8
  :root,
9
9
  [data-bs-theme=dynamic] {
10
- --bs-blue-rgb: 54, 109, 219;
11
- --bs-indigo-rgb: 72, 72, 183;
12
- --bs-purple-rgb: 82, 82, 152;
13
- --bs-pink-rgb: 230, 0, 99;
14
- --bs-red-rgb: 216, 27, 96;
15
- --bs-orange-rgb: 211, 47, 47;
16
- --bs-yellow-rgb: 251, 192, 45;
17
- --bs-green-rgb: 2, 135, 89;
10
+ --bs-blue-rgb: 13, 110, 253;
11
+ --bs-indigo-rgb: 102, 16, 242;
12
+ --bs-purple-rgb: 72, 72, 183;
13
+ --bs-pink-rgb: 216, 27, 96;
14
+ --bs-red-rgb: 220, 53, 69;
15
+ --bs-orange-rgb: 253, 126, 20;
16
+ --bs-yellow-rgb: 255, 193, 7;
17
+ --bs-green-rgb: 25, 135, 84;
18
18
  --bs-teal-rgb: 32, 201, 151;
19
19
  --bs-cyan-rgb: 13, 202, 240;
20
20
  --bs-black-rgb: 0, 0, 0;
21
21
  --bs-white-rgb: 255, 255, 255;
22
- --bs-gray-rgb: 109, 109, 130;
23
- --bs-gray-dark-rgb: 54, 55, 68;
24
- --bs-gray-100-rgb: 247, 247, 255;
25
- --bs-gray-200-rgb: 230, 230, 243;
26
- --bs-gray-300-rgb: 213, 212, 230;
27
- --bs-gray-400-rgb: 161, 161, 181;
28
- --bs-gray-500-rgb: 109, 109, 130;
29
- --bs-gray-600-rgb: 97, 97, 115;
30
- --bs-gray-700-rgb: 85, 85, 100;
31
- --bs-gray-800-rgb: 54, 55, 68;
32
- --bs-gray-900-rgb: 22, 23, 35;
33
- --bs-gray-soft-rgb: 250, 250, 250;
34
- --bs-primary-soft-rgb: 255, 249, 250;
35
- --bs-secondary-soft-rgb: 251, 250, 255;
22
+ --bs-gray-rgb: 173, 181, 189;
23
+ --bs-gray-dark-rgb: 52, 58, 64;
24
+ --bs-gray-50-rgb: 252, 252, 253;
25
+ --bs-gray-100-rgb: 248, 249, 250;
26
+ --bs-gray-200-rgb: 233, 236, 239;
27
+ --bs-gray-300-rgb: 222, 226, 230;
28
+ --bs-gray-400-rgb: 206, 212, 218;
29
+ --bs-gray-500-rgb: 173, 181, 189;
30
+ --bs-gray-600-rgb: 108, 117, 125;
31
+ --bs-gray-700-rgb: 73, 80, 87;
32
+ --bs-gray-800-rgb: 52, 58, 64;
33
+ --bs-gray-900-rgb: 33, 37, 41;
34
+ --bs-gray-soft-rgb: 252, 252, 253;
35
+ --bs-primary-soft-rgb: 251, 232, 239;
36
+ --bs-secondary-soft-rgb: 237, 237, 248;
37
+ --bs-surface-gray-rgb: 252, 252, 253;
38
+ --bs-surface-primary-rgb: 251, 232, 239;
39
+ --bs-surface-secondary-rgb: 237, 237, 248;
40
+ --bs-surface-success-rgb: 232, 243, 238;
41
+ --bs-surface-info-rgb: 231, 241, 255;
42
+ --bs-surface-warning-rgb: 255, 249, 230;
43
+ --bs-surface-danger-rgb: 252, 235, 236;
44
+ --bs-primary-50-rgb: 251, 232, 239;
36
45
  --bs-primary-100-rgb: 247, 209, 223;
37
46
  --bs-primary-200-rgb: 239, 164, 191;
38
47
  --bs-primary-300-rgb: 232, 118, 160;
@@ -42,6 +51,7 @@
42
51
  --bs-primary-700-rgb: 130, 16, 58;
43
52
  --bs-primary-800-rgb: 86, 11, 38;
44
53
  --bs-primary-900-rgb: 43, 5, 19;
54
+ --bs-secondary-50-rgb: 237, 237, 248;
45
55
  --bs-secondary-100-rgb: 218, 218, 241;
46
56
  --bs-secondary-200-rgb: 182, 182, 226;
47
57
  --bs-secondary-300-rgb: 145, 145, 212;
@@ -51,42 +61,46 @@
51
61
  --bs-secondary-700-rgb: 43, 43, 110;
52
62
  --bs-secondary-800-rgb: 29, 29, 73;
53
63
  --bs-secondary-900-rgb: 14, 14, 37;
54
- --bs-success-100-rgb: 204, 231, 222;
55
- --bs-success-200-rgb: 154, 207, 189;
56
- --bs-success-300-rgb: 103, 183, 155;
57
- --bs-success-400-rgb: 53, 159, 122;
64
+ --bs-success-50-rgb: 232, 243, 238;
65
+ --bs-success-100-rgb: 209, 231, 221;
66
+ --bs-success-200-rgb: 163, 207, 187;
67
+ --bs-success-300-rgb: 117, 183, 152;
68
+ --bs-success-400-rgb: 71, 159, 118;
58
69
  --bs-success-500-rgb: var(--bs-success-rgb);
59
- --bs-success-600-rgb: 2, 108, 71;
60
- --bs-success-700-rgb: 1, 81, 53;
61
- --bs-success-800-rgb: 1, 54, 36;
62
- --bs-success-900-rgb: 0, 27, 18;
63
- --bs-info-100-rgb: 215, 226, 248;
64
- --bs-info-200-rgb: 175, 197, 241;
65
- --bs-info-300-rgb: 134, 167, 233;
66
- --bs-info-400-rgb: 94, 138, 226;
70
+ --bs-success-600-rgb: 20, 108, 67;
71
+ --bs-success-700-rgb: 15, 81, 50;
72
+ --bs-success-800-rgb: 10, 54, 34;
73
+ --bs-success-900-rgb: 5, 27, 17;
74
+ --bs-info-50-rgb: 231, 241, 255;
75
+ --bs-info-100-rgb: 207, 226, 255;
76
+ --bs-info-200-rgb: 158, 197, 254;
77
+ --bs-info-300-rgb: 110, 168, 254;
78
+ --bs-info-400-rgb: 61, 139, 253;
67
79
  --bs-info-500-rgb: var(--bs-info-rgb);
68
- --bs-info-600-rgb: 43, 87, 175;
69
- --bs-info-700-rgb: 32, 65, 131;
70
- --bs-info-800-rgb: 22, 44, 88;
71
- --bs-info-900-rgb: 11, 22, 44;
72
- --bs-warning-100-rgb: 254, 242, 213;
73
- --bs-warning-200-rgb: 253, 230, 171;
74
- --bs-warning-300-rgb: 253, 217, 129;
75
- --bs-warning-400-rgb: 252, 205, 87;
80
+ --bs-info-600-rgb: 10, 88, 202;
81
+ --bs-info-700-rgb: 8, 66, 152;
82
+ --bs-info-800-rgb: 5, 44, 101;
83
+ --bs-info-900-rgb: 3, 22, 51;
84
+ --bs-warning-50-rgb: 255, 249, 230;
85
+ --bs-warning-100-rgb: 255, 243, 205;
86
+ --bs-warning-200-rgb: 255, 230, 156;
87
+ --bs-warning-300-rgb: 255, 218, 106;
88
+ --bs-warning-400-rgb: 255, 205, 57;
76
89
  --bs-warning-500-rgb: var(--bs-warning-rgb);
77
- --bs-warning-600-rgb: 201, 154, 36;
78
- --bs-warning-700-rgb: 151, 115, 27;
79
- --bs-warning-800-rgb: 100, 77, 18;
80
- --bs-warning-900-rgb: 50, 38, 9;
81
- --bs-danger-100-rgb: 246, 213, 213;
82
- --bs-danger-200-rgb: 237, 172, 172;
83
- --bs-danger-300-rgb: 229, 130, 130;
84
- --bs-danger-400-rgb: 220, 89, 89;
90
+ --bs-warning-600-rgb: 204, 154, 6;
91
+ --bs-warning-700-rgb: 153, 116, 4;
92
+ --bs-warning-800-rgb: 102, 77, 3;
93
+ --bs-warning-900-rgb: 51, 39, 1;
94
+ --bs-danger-50-rgb: 252, 235, 236;
95
+ --bs-danger-100-rgb: 248, 215, 218;
96
+ --bs-danger-200-rgb: 241, 174, 181;
97
+ --bs-danger-300-rgb: 234, 134, 143;
98
+ --bs-danger-400-rgb: 227, 93, 106;
85
99
  --bs-danger-500-rgb: var(--bs-danger-rgb);
86
- --bs-danger-600-rgb: 169, 38, 38;
87
- --bs-danger-700-rgb: 127, 28, 28;
88
- --bs-danger-800-rgb: 84, 19, 19;
89
- --bs-danger-900-rgb: 42, 9, 9;
100
+ --bs-danger-600-rgb: 176, 42, 55;
101
+ --bs-danger-700-rgb: 132, 32, 41;
102
+ --bs-danger-800-rgb: 88, 21, 28;
103
+ --bs-danger-900-rgb: 44, 11, 14;
90
104
  --bs-blue: rgb(var(--bs-blue-rgb));
91
105
  --bs-indigo: rgb(var(--bs-indigo-rgb));
92
106
  --bs-purple: rgb(var(--bs-purple-rgb));
@@ -101,6 +115,7 @@
101
115
  --bs-white: rgb(var(--bs-white-rgb));
102
116
  --bs-gray: rgb(var(--bs-gray-rgb));
103
117
  --bs-gray-dark: rgb(var(--bs-gray-dark-rgb));
118
+ --bs-gray-50: rgb(var(--bs-gray-50-rgb));
104
119
  --bs-gray-100: rgb(var(--bs-gray-100-rgb));
105
120
  --bs-gray-200: rgb(var(--bs-gray-200-rgb));
106
121
  --bs-gray-300: rgb(var(--bs-gray-300-rgb));
@@ -113,6 +128,13 @@
113
128
  --bs-gray-soft: rgb(var(--bs-gray-soft-rgb));
114
129
  --bs-primary-soft: rgb(var(--bs-primary-soft-rgb));
115
130
  --bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));
131
+ --bs-surface-gray: rgb(var(--bs-surface-gray-rgb));
132
+ --bs-surface-primary: rgb(var(--bs-surface-primary-rgb));
133
+ --bs-surface-secondary: rgb(var(--bs-surface-secondary-rgb));
134
+ --bs-surface-success: rgb(var(--bs-surface-success-rgb));
135
+ --bs-surface-info: rgb(var(--bs-surface-info-rgb));
136
+ --bs-surface-warning: rgb(var(--bs-surface-warning-rgb));
137
+ --bs-surface-danger: rgb(var(--bs-surface-danger-rgb));
116
138
  --bs-primary: rgb(var(--bs-primary-rgb));
117
139
  --bs-secondary: rgb(var(--bs-secondary-rgb));
118
140
  --bs-success: rgb(var(--bs-success-rgb));
@@ -121,14 +143,15 @@
121
143
  --bs-danger: rgb(var(--bs-danger-rgb));
122
144
  --bs-light: rgb(var(--bs-light-rgb));
123
145
  --bs-dark: rgb(var(--bs-dark-rgb));
124
- --bs-primary-rgb: var(--bs-red-rgb);
125
- --bs-secondary-rgb: var(--bs-indigo-rgb);
146
+ --bs-primary-rgb: var(--bs-pink-rgb);
147
+ --bs-secondary-rgb: var(--bs-purple-rgb);
126
148
  --bs-success-rgb: var(--bs-green-rgb);
127
149
  --bs-info-rgb: var(--bs-blue-rgb);
128
150
  --bs-warning-rgb: var(--bs-yellow-rgb);
129
- --bs-danger-rgb: var(--bs-orange-rgb);
151
+ --bs-danger-rgb: var(--bs-red-rgb);
130
152
  --bs-light-rgb: var(--bs-gray-100-rgb);
131
153
  --bs-dark-rgb: var(--bs-gray-900-rgb);
154
+ --bs-primary-50: rgb(var(--bs-primary-50-rgb));
132
155
  --bs-primary-100: rgb(var(--bs-primary-100-rgb));
133
156
  --bs-primary-200: rgb(var(--bs-primary-200-rgb));
134
157
  --bs-primary-300: rgb(var(--bs-primary-300-rgb));
@@ -138,6 +161,7 @@
138
161
  --bs-primary-700: rgb(var(--bs-primary-700-rgb));
139
162
  --bs-primary-800: rgb(var(--bs-primary-800-rgb));
140
163
  --bs-primary-900: rgb(var(--bs-primary-900-rgb));
164
+ --bs-secondary-50: rgb(var(--bs-secondary-50-rgb));
141
165
  --bs-secondary-100: rgb(var(--bs-secondary-100-rgb));
142
166
  --bs-secondary-200: rgb(var(--bs-secondary-200-rgb));
143
167
  --bs-secondary-300: rgb(var(--bs-secondary-300-rgb));
@@ -147,6 +171,7 @@
147
171
  --bs-secondary-700: rgb(var(--bs-secondary-700-rgb));
148
172
  --bs-secondary-800: rgb(var(--bs-secondary-800-rgb));
149
173
  --bs-secondary-900: rgb(var(--bs-secondary-900-rgb));
174
+ --bs-success-50: rgb(var(--bs-success-50-rgb));
150
175
  --bs-success-100: rgb(var(--bs-success-100-rgb));
151
176
  --bs-success-200: rgb(var(--bs-success-200-rgb));
152
177
  --bs-success-300: rgb(var(--bs-success-300-rgb));
@@ -156,6 +181,7 @@
156
181
  --bs-success-700: rgb(var(--bs-success-700-rgb));
157
182
  --bs-success-800: rgb(var(--bs-success-800-rgb));
158
183
  --bs-success-900: rgb(var(--bs-success-900-rgb));
184
+ --bs-info-50: rgb(var(--bs-info-50-rgb));
159
185
  --bs-info-100: rgb(var(--bs-info-100-rgb));
160
186
  --bs-info-200: rgb(var(--bs-info-200-rgb));
161
187
  --bs-info-300: rgb(var(--bs-info-300-rgb));
@@ -165,6 +191,7 @@
165
191
  --bs-info-700: rgb(var(--bs-info-700-rgb));
166
192
  --bs-info-800: rgb(var(--bs-info-800-rgb));
167
193
  --bs-info-900: rgb(var(--bs-info-900-rgb));
194
+ --bs-warning-50: rgb(var(--bs-warning-50-rgb));
168
195
  --bs-warning-100: rgb(var(--bs-warning-100-rgb));
169
196
  --bs-warning-200: rgb(var(--bs-warning-200-rgb));
170
197
  --bs-warning-300: rgb(var(--bs-warning-300-rgb));
@@ -174,6 +201,7 @@
174
201
  --bs-warning-700: rgb(var(--bs-warning-700-rgb));
175
202
  --bs-warning-800: rgb(var(--bs-warning-800-rgb));
176
203
  --bs-warning-900: rgb(var(--bs-warning-900-rgb));
204
+ --bs-danger-50: rgb(var(--bs-danger-50-rgb));
177
205
  --bs-danger-100: rgb(var(--bs-danger-100-rgb));
178
206
  --bs-danger-200: rgb(var(--bs-danger-200-rgb));
179
207
  --bs-danger-300: rgb(var(--bs-danger-300-rgb));
@@ -250,9 +278,9 @@
250
278
  --bs-border-radius-xxl: 2.5rem;
251
279
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
252
280
  --bs-border-radius-pill: 50rem;
253
- --bs-box-shadow: 0 12px 14px 0 rgba(22, 23, 35, 0.2);
254
- --bs-box-shadow-sm: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
255
- --bs-box-shadow-lg: 0 20px 22px 0 rgba(22, 23, 35, 0.25);
281
+ --bs-box-shadow: 0 12px 14px 0 rgba(33, 37, 41, 0.2);
282
+ --bs-box-shadow-sm: 0 8px 12px 0 rgba(33, 37, 41, 0.05);
283
+ --bs-box-shadow-lg: 0 20px 22px 0 rgba(33, 37, 41, 0.25);
256
284
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.75);
257
285
  --bs-focus-ring-width: 0.25rem;
258
286
  --bs-focus-ring-opacity: 1;
@@ -504,7 +532,7 @@
504
532
  --bs-btn-link-info-disabled-border-color: transparent;
505
533
  --bs-btn-link-info-disabled-color: var(--bs-info-500);
506
534
  --bs-btn-link-info-disabled-opacity: 0.5;
507
- --bs-btn-warning-color: var(--bs-black);
535
+ --bs-btn-warning-color: var(--bs-gray-700);
508
536
  --bs-btn-warning-bg: var(--bs-warning-500);
509
537
  --bs-btn-warning-border-color: var(--bs-warning-500);
510
538
  --bs-btn-warning-hover-color: var(--bs-black);
@@ -516,7 +544,7 @@
516
544
  --bs-btn-warning-active-color: var(--bs-black);
517
545
  --bs-btn-warning-active-bg: var(--bs-warning-700);
518
546
  --bs-btn-warning-active-border-color: var(--bs-warning-700);
519
- --bs-btn-warning-disabled-color: var(--bs-black);
547
+ --bs-btn-warning-disabled-color: var(--bs-gray-700);
520
548
  --bs-btn-warning-disabled-bg: var(--bs-warning-500);
521
549
  --bs-btn-warning-disabled-border-color: var(--bs-warning-500);
522
550
  --bs-btn-warning-disabled-opacity: 0.5;
@@ -3273,7 +3301,7 @@ textarea.form-control-lg {
3273
3301
  }
3274
3302
 
3275
3303
  .form-select {
3276
- --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236d6d82' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
3304
+ --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
3277
3305
  display: block;
3278
3306
  width: 100%;
3279
3307
  padding: 0.75rem 3rem 0.75rem 1rem;
@@ -3419,7 +3447,7 @@ textarea.form-control-lg {
3419
3447
  padding-left: 3.5em;
3420
3448
  }
3421
3449
  .form-switch .form-check-input {
3422
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%236d6d82'/%3e%3c/svg%3e");
3450
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
3423
3451
  width: 3em;
3424
3452
  margin-left: -3.5em;
3425
3453
  background-image: var(--bs-form-switch-bg);
@@ -3433,11 +3461,11 @@ textarea.form-control-lg {
3433
3461
  }
3434
3462
  }
3435
3463
  .form-switch .form-check-input:focus {
3436
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%236d6d82'/%3e%3c/svg%3e");
3464
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
3437
3465
  }
3438
3466
  .form-switch .form-check-input:checked {
3439
3467
  background-position: right center;
3440
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%236d6d82'/%3e%3c/svg%3e");
3468
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
3441
3469
  }
3442
3470
  .form-switch.form-check-reverse {
3443
3471
  padding-right: 3.5em;
@@ -5092,7 +5120,7 @@ textarea.form-control-lg {
5092
5120
  --bs-accordion-btn-padding-y: var(--bs-ref-spacer-6);
5093
5121
  --bs-accordion-btn-color: var(--bs-body-color);
5094
5122
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
5095
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23161723'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5123
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5096
5124
  --bs-accordion-btn-icon-width: 1.25rem;
5097
5125
  --bs-accordion-btn-icon-transform: rotate(-180deg);
5098
5126
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@@ -7417,14 +7445,14 @@ body {
7417
7445
  .form-switch {
7418
7446
  --bs-input-switch-bg: var(--bs-gray-300);
7419
7447
  --bs-input-switch-border-color: var(--bs-gray-500);
7420
- --bs-input-switch-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%236d6d82'/%3e%3c/svg%3e");
7448
+ --bs-input-switch-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
7421
7449
  --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
7422
7450
  --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
7423
7451
  --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
7424
7452
  --bs-input-switch-active-bg: var(--bs-focus-ring-color);
7425
7453
  --bs-input-switch-disabled-border-color: var(--bs-gray-300);
7426
7454
  --bs-input-switch-disabled-bg: var(--bs-gray-100);
7427
- --bs-input-switch-disabled-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23d5d4e6'/%3e%3c/svg%3e");
7455
+ --bs-input-switch-disabled-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23dee2e6'/%3e%3c/svg%3e");
7428
7456
  --bs-input-switch-label-color: var(--bs-gray);
7429
7457
  --bs-input-switch-active-label-color: var(--bs-gray-700);
7430
7458
  }
@@ -8299,7 +8327,7 @@ body {
8299
8327
  --bs-btn-hover-border-color: transparent;
8300
8328
  --bs-btn-active-color: var(--bs-link-hover-color);
8301
8329
  --bs-btn-active-border-color: transparent;
8302
- --bs-btn-disabled-color: #616173;
8330
+ --bs-btn-disabled-color: #6c757d;
8303
8331
  --bs-btn-disabled-border-color: transparent;
8304
8332
  --bs-btn-box-shadow: 0 0 0 #000;
8305
8333
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
@@ -8389,10 +8417,10 @@ body {
8389
8417
  --bs-alert-link-color: var(--bs-white);
8390
8418
  }
8391
8419
  .alert.alert-warning {
8392
- --bs-alert-color: var(--bs-black);
8420
+ --bs-alert-color: var(--bs-gray-700);
8393
8421
  --bs-alert-bg: var(--bs-warning);
8394
8422
  --bs-alert-border-color: var(--bs-warning);
8395
- --bs-alert-link-color: var(--bs-black);
8423
+ --bs-alert-link-color: var(--bs-gray-700);
8396
8424
  }
8397
8425
  .alert.alert-danger {
8398
8426
  --bs-alert-color: var(--bs-white);
@@ -8654,7 +8682,7 @@ label .d-icon {
8654
8682
  --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
8655
8683
  }
8656
8684
  .tooltip.tooltip-warning {
8657
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
8685
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
8658
8686
  --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
8659
8687
  }
8660
8688
  .tooltip.tooltip-danger {
@@ -10963,13 +10991,19 @@ label .d-icon {
10963
10991
  background-image: var(--bs-datepicker-calendar-picker-icon);
10964
10992
  }
10965
10993
 
10994
+ .nav-pills,
10995
+ .nav-tabs,
10996
+ .nav-underline {
10997
+ --bs-nav-tabs-nav-gap: var(--bs-ref-spacer-6);
10998
+ --bs-nav-tabs-nav-padding-x: var(--bs-ref-spacer-6);
10999
+ --bs-nav-tabs-nav-padding-y: var(--bs-ref-spacer-4);
11000
+ --bs-nav-tabs-link-border-active-font-weight: var(--bs-fw-bold);
11001
+ }
11002
+
10966
11003
  .nav-pills,
10967
11004
  .nav-underline {
10968
- --bs-tabs-nav-gap: var(--bs-ref-spacer-6);
10969
- --bs-tabs-nav-padding-x: var(--bs-ref-spacer-6);
10970
- --bs-tabs-nav-padding-y: var(--bs-ref-spacer-4);
10971
- gap: var(--bs-tabs-nav-gap);
10972
- padding: var(--bs-tabs-nav-padding-y) var(--bs-tabs-nav-padding-x);
11005
+ gap: var(--bs-nav-tabs-nav-gap);
11006
+ padding: var(--bs-nav-tabs-nav-padding-y) var(--bs-nav-tabs-nav-padding-x);
10973
11007
  }
10974
11008
  .nav-pills.flex-column,
10975
11009
  .nav-underline.flex-column {
@@ -10980,11 +11014,8 @@ label .d-icon {
10980
11014
  width: 100%;
10981
11015
  }
10982
11016
 
10983
- .nav-tabs {
10984
- --bs-tabs-link-border-active-font-weight: var(--bs-fw-bold);
10985
- }
10986
11017
  .nav-tabs .nav-link.active {
10987
- font-weight: var(--bs-tabs-link-border-active-font-weight);
11018
+ font-weight: var(--bs-nav-tabs-link-border-active-font-weight);
10988
11019
  border-bottom-color: transparent;
10989
11020
  }
10990
11021
  .nav-tabs .nav-link:not(.active):is(:hover, :focus) {
@@ -11677,7 +11708,7 @@ label .d-icon {
11677
11708
 
11678
11709
  .d-select {
11679
11710
  --bs-select-gap: 0.5rem;
11680
- --bs-select-menu-shadow: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
11711
+ --bs-select-menu-shadow: 0 8px 12px 0 rgba(33, 37, 41, 0.05);
11681
11712
  --bs-select-option-focus-bg: var(--bs-gray-100);
11682
11713
  --bs-select-option-selected-color: var(--bs-secondary);
11683
11714
  --bs-select-option-selected-bg: var(--bs-gray-100);
@@ -11886,7 +11917,7 @@ label .d-icon {
11886
11917
  }
11887
11918
 
11888
11919
  .text-bg-warning {
11889
- color: var(--bs-black) !important;
11920
+ color: var(--bs-gray-700) !important;
11890
11921
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11891
11922
  }
11892
11923
 
@@ -12663,6 +12694,11 @@ label .d-icon {
12663
12694
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
12664
12695
  }
12665
12696
 
12697
+ .border-gray-50 {
12698
+ --bs-border-opacity: 1;
12699
+ border-color: rgba(var(--bs-gray-50-rgb), var(--bs-border-opacity)) !important;
12700
+ }
12701
+
12666
12702
  .border-gray-100 {
12667
12703
  --bs-border-opacity: 1;
12668
12704
  border-color: rgba(var(--bs-gray-100-rgb), var(--bs-border-opacity)) !important;
@@ -14362,6 +14398,11 @@ label .d-icon {
14362
14398
  color: inherit !important;
14363
14399
  }
14364
14400
 
14401
+ .text-primary-50 {
14402
+ --bs-text-opacity: 1;
14403
+ color: rgba(var(--bs-primary-50-rgb), var(--bs-text-opacity)) !important;
14404
+ }
14405
+
14365
14406
  .text-primary-100 {
14366
14407
  --bs-text-opacity: 1;
14367
14408
  color: rgba(var(--bs-primary-100-rgb), var(--bs-text-opacity)) !important;
@@ -14407,6 +14448,11 @@ label .d-icon {
14407
14448
  color: rgba(var(--bs-primary-900-rgb), var(--bs-text-opacity)) !important;
14408
14449
  }
14409
14450
 
14451
+ .text-secondary-50 {
14452
+ --bs-text-opacity: 1;
14453
+ color: rgba(var(--bs-secondary-50-rgb), var(--bs-text-opacity)) !important;
14454
+ }
14455
+
14410
14456
  .text-secondary-100 {
14411
14457
  --bs-text-opacity: 1;
14412
14458
  color: rgba(var(--bs-secondary-100-rgb), var(--bs-text-opacity)) !important;
@@ -14452,6 +14498,11 @@ label .d-icon {
14452
14498
  color: rgba(var(--bs-secondary-900-rgb), var(--bs-text-opacity)) !important;
14453
14499
  }
14454
14500
 
14501
+ .text-success-50 {
14502
+ --bs-text-opacity: 1;
14503
+ color: rgba(var(--bs-success-50-rgb), var(--bs-text-opacity)) !important;
14504
+ }
14505
+
14455
14506
  .text-success-100 {
14456
14507
  --bs-text-opacity: 1;
14457
14508
  color: rgba(var(--bs-success-100-rgb), var(--bs-text-opacity)) !important;
@@ -14497,6 +14548,11 @@ label .d-icon {
14497
14548
  color: rgba(var(--bs-success-900-rgb), var(--bs-text-opacity)) !important;
14498
14549
  }
14499
14550
 
14551
+ .text-info-50 {
14552
+ --bs-text-opacity: 1;
14553
+ color: rgba(var(--bs-info-50-rgb), var(--bs-text-opacity)) !important;
14554
+ }
14555
+
14500
14556
  .text-info-100 {
14501
14557
  --bs-text-opacity: 1;
14502
14558
  color: rgba(var(--bs-info-100-rgb), var(--bs-text-opacity)) !important;
@@ -14542,6 +14598,11 @@ label .d-icon {
14542
14598
  color: rgba(var(--bs-info-900-rgb), var(--bs-text-opacity)) !important;
14543
14599
  }
14544
14600
 
14601
+ .text-warning-50 {
14602
+ --bs-text-opacity: 1;
14603
+ color: rgba(var(--bs-warning-50-rgb), var(--bs-text-opacity)) !important;
14604
+ }
14605
+
14545
14606
  .text-warning-100 {
14546
14607
  --bs-text-opacity: 1;
14547
14608
  color: rgba(var(--bs-warning-100-rgb), var(--bs-text-opacity)) !important;
@@ -14587,6 +14648,11 @@ label .d-icon {
14587
14648
  color: rgba(var(--bs-warning-900-rgb), var(--bs-text-opacity)) !important;
14588
14649
  }
14589
14650
 
14651
+ .text-danger-50 {
14652
+ --bs-text-opacity: 1;
14653
+ color: rgba(var(--bs-danger-50-rgb), var(--bs-text-opacity)) !important;
14654
+ }
14655
+
14590
14656
  .text-danger-100 {
14591
14657
  --bs-text-opacity: 1;
14592
14658
  color: rgba(var(--bs-danger-100-rgb), var(--bs-text-opacity)) !important;
@@ -14632,6 +14698,11 @@ label .d-icon {
14632
14698
  color: rgba(var(--bs-danger-900-rgb), var(--bs-text-opacity)) !important;
14633
14699
  }
14634
14700
 
14701
+ .text-gray-50 {
14702
+ --bs-text-opacity: 1;
14703
+ color: rgba(var(--bs-gray-50-rgb), var(--bs-text-opacity)) !important;
14704
+ }
14705
+
14635
14706
  .text-gray-100 {
14636
14707
  --bs-text-opacity: 1;
14637
14708
  color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
@@ -14965,6 +15036,11 @@ label .d-icon {
14965
15036
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
14966
15037
  }
14967
15038
 
15039
+ .bg-primary-50 {
15040
+ --bs-bg-opacity: 1;
15041
+ background-color: rgba(var(--bs-primary-50-rgb), var(--bs-bg-opacity)) !important;
15042
+ }
15043
+
14968
15044
  .bg-primary-100 {
14969
15045
  --bs-bg-opacity: 1;
14970
15046
  background-color: rgba(var(--bs-primary-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15010,6 +15086,11 @@ label .d-icon {
15010
15086
  background-color: rgba(var(--bs-primary-900-rgb), var(--bs-bg-opacity)) !important;
15011
15087
  }
15012
15088
 
15089
+ .bg-secondary-50 {
15090
+ --bs-bg-opacity: 1;
15091
+ background-color: rgba(var(--bs-secondary-50-rgb), var(--bs-bg-opacity)) !important;
15092
+ }
15093
+
15013
15094
  .bg-secondary-100 {
15014
15095
  --bs-bg-opacity: 1;
15015
15096
  background-color: rgba(var(--bs-secondary-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15055,6 +15136,11 @@ label .d-icon {
15055
15136
  background-color: rgba(var(--bs-secondary-900-rgb), var(--bs-bg-opacity)) !important;
15056
15137
  }
15057
15138
 
15139
+ .bg-success-50 {
15140
+ --bs-bg-opacity: 1;
15141
+ background-color: rgba(var(--bs-success-50-rgb), var(--bs-bg-opacity)) !important;
15142
+ }
15143
+
15058
15144
  .bg-success-100 {
15059
15145
  --bs-bg-opacity: 1;
15060
15146
  background-color: rgba(var(--bs-success-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15100,6 +15186,11 @@ label .d-icon {
15100
15186
  background-color: rgba(var(--bs-success-900-rgb), var(--bs-bg-opacity)) !important;
15101
15187
  }
15102
15188
 
15189
+ .bg-info-50 {
15190
+ --bs-bg-opacity: 1;
15191
+ background-color: rgba(var(--bs-info-50-rgb), var(--bs-bg-opacity)) !important;
15192
+ }
15193
+
15103
15194
  .bg-info-100 {
15104
15195
  --bs-bg-opacity: 1;
15105
15196
  background-color: rgba(var(--bs-info-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15145,6 +15236,11 @@ label .d-icon {
15145
15236
  background-color: rgba(var(--bs-info-900-rgb), var(--bs-bg-opacity)) !important;
15146
15237
  }
15147
15238
 
15239
+ .bg-warning-50 {
15240
+ --bs-bg-opacity: 1;
15241
+ background-color: rgba(var(--bs-warning-50-rgb), var(--bs-bg-opacity)) !important;
15242
+ }
15243
+
15148
15244
  .bg-warning-100 {
15149
15245
  --bs-bg-opacity: 1;
15150
15246
  background-color: rgba(var(--bs-warning-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15190,6 +15286,11 @@ label .d-icon {
15190
15286
  background-color: rgba(var(--bs-warning-900-rgb), var(--bs-bg-opacity)) !important;
15191
15287
  }
15192
15288
 
15289
+ .bg-danger-50 {
15290
+ --bs-bg-opacity: 1;
15291
+ background-color: rgba(var(--bs-danger-50-rgb), var(--bs-bg-opacity)) !important;
15292
+ }
15293
+
15193
15294
  .bg-danger-100 {
15194
15295
  --bs-bg-opacity: 1;
15195
15296
  background-color: rgba(var(--bs-danger-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15235,6 +15336,11 @@ label .d-icon {
15235
15336
  background-color: rgba(var(--bs-danger-900-rgb), var(--bs-bg-opacity)) !important;
15236
15337
  }
15237
15338
 
15339
+ .bg-gray-50 {
15340
+ --bs-bg-opacity: 1;
15341
+ background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity)) !important;
15342
+ }
15343
+
15238
15344
  .bg-gray-100 {
15239
15345
  --bs-bg-opacity: 1;
15240
15346
  background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15295,6 +15401,41 @@ label .d-icon {
15295
15401
  background-color: rgba(var(--bs-secondary-soft-rgb), var(--bs-bg-opacity)) !important;
15296
15402
  }
15297
15403
 
15404
+ .bg-surface-gray {
15405
+ --bs-bg-opacity: 1;
15406
+ background-color: rgba(var(--bs-surface-gray-rgb), var(--bs-bg-opacity)) !important;
15407
+ }
15408
+
15409
+ .bg-surface-primary {
15410
+ --bs-bg-opacity: 1;
15411
+ background-color: rgba(var(--bs-surface-primary-rgb), var(--bs-bg-opacity)) !important;
15412
+ }
15413
+
15414
+ .bg-surface-secondary {
15415
+ --bs-bg-opacity: 1;
15416
+ background-color: rgba(var(--bs-surface-secondary-rgb), var(--bs-bg-opacity)) !important;
15417
+ }
15418
+
15419
+ .bg-surface-success {
15420
+ --bs-bg-opacity: 1;
15421
+ background-color: rgba(var(--bs-surface-success-rgb), var(--bs-bg-opacity)) !important;
15422
+ }
15423
+
15424
+ .bg-surface-info {
15425
+ --bs-bg-opacity: 1;
15426
+ background-color: rgba(var(--bs-surface-info-rgb), var(--bs-bg-opacity)) !important;
15427
+ }
15428
+
15429
+ .bg-surface-warning {
15430
+ --bs-bg-opacity: 1;
15431
+ background-color: rgba(var(--bs-surface-warning-rgb), var(--bs-bg-opacity)) !important;
15432
+ }
15433
+
15434
+ .bg-surface-danger {
15435
+ --bs-bg-opacity: 1;
15436
+ background-color: rgba(var(--bs-surface-danger-rgb), var(--bs-bg-opacity)) !important;
15437
+ }
15438
+
15298
15439
  .bg-opacity-10 {
15299
15440
  --bs-bg-opacity: 0.1;
15300
15441
  }