@dynamic-framework/ui-react 1.20.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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.20.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;
@@ -262,32 +290,42 @@
262
290
  --bs-form-invalid-color: var(--bs-danger);
263
291
  --bs-form-invalid-border-color: var(--bs-danger);
264
292
  --bs-heading-line-height: 1.2;
265
- --bs-rfs-display-1: calc(1.875rem + 7.5vw);
293
+ --bs-rfs-display-1: calc(1.725rem + 5.7vw);
266
294
  --bs-fs-display-1: var(--bs-rfs-display-1);
267
- --bs-rfs-display-2: calc(1.575rem + 3.9vw);
295
+ --bs-rfs-display-2: calc(1.675rem + 5.1vw);
268
296
  --bs-fs-display-2: var(--bs-rfs-display-2);
269
- --bs-rfs-display-3: calc(1.525rem + 3.3vw);
297
+ --bs-rfs-display-3: calc(1.625rem + 4.5vw);
270
298
  --bs-fs-display-3: var(--bs-rfs-display-3);
271
- --bs-rfs-display-4: calc(1.475rem + 2.7vw);
299
+ --bs-rfs-display-4: calc(1.575rem + 3.9vw);
272
300
  --bs-fs-display-4: var(--bs-rfs-display-4);
273
- --bs-rfs-display-5: calc(1.425rem + 2.1vw);
301
+ --bs-rfs-display-5: calc(1.525rem + 3.3vw);
274
302
  --bs-fs-display-5: var(--bs-rfs-display-5);
275
- --bs-rfs-display-6: calc(1.375rem + 1.5vw);
303
+ --bs-rfs-display-6: calc(1.475rem + 2.7vw);
276
304
  --bs-fs-display-6: var(--bs-rfs-display-6);
277
- --bs-rfs-fs-1: calc(1.525rem + 3.3vw);
305
+ --bs-rfs-fs-1: calc(1.425rem + 2.1vw);
278
306
  --bs-fs-1: var(--bs-rfs-fs-1);
279
- --bs-rfs-fs-2: calc(1.475rem + 2.7vw);
307
+ --bs-rfs-fs-2: calc(1.375rem + 1.5vw);
280
308
  --bs-fs-2: var(--bs-rfs-fs-2);
281
- --bs-rfs-fs-3: calc(1.425rem + 2.1vw);
309
+ --bs-rfs-fs-3: calc(1.325rem + 0.9vw);
282
310
  --bs-fs-3: var(--bs-rfs-fs-3);
283
- --bs-rfs-fs-4: calc(1.325rem + 0.9vw);
311
+ --bs-rfs-fs-4: calc(1.275rem + 0.3vw);
284
312
  --bs-fs-4: var(--bs-rfs-fs-4);
285
- --bs-rfs-fs-5: calc(1.275rem + 0.3vw);
313
+ --bs-rfs-fs-5: 1.25rem;
286
314
  --bs-fs-5: var(--bs-rfs-fs-5);
287
- --bs-rfs-fs-6: 1.125rem;
315
+ --bs-rfs-fs-6: 1rem;
288
316
  --bs-fs-6: var(--bs-rfs-fs-6);
289
317
  --bs-rfs-fs-small: 0.875em;
290
318
  --bs-fs-small: var(--bs-rfs-fs-small);
319
+ --bs-rfs-fs-body-large: calc(1.275rem + 0.3vw);
320
+ --bs-fs-body-large: var(--bs-rfs-fs-body-large);
321
+ --bs-rfs-fs-body-medium: 1.25rem;
322
+ --bs-fs-body-medium: var(--bs-rfs-fs-body-medium);
323
+ --bs-rfs-fs-body-normal: 1rem;
324
+ --bs-fs-body-normal: var(--bs-rfs-fs-body-normal);
325
+ --bs-rfs-fs-body-small: 0.875rem;
326
+ --bs-fs-body-small: var(--bs-rfs-fs-body-small);
327
+ --bs-rfs-fs-body-tiny: 0.8125rem;
328
+ --bs-fs-body-tiny: var(--bs-rfs-fs-body-tiny);
291
329
  --bs-fw-lighter: lighter;
292
330
  --bs-fw-light: 200;
293
331
  --bs-fw-normal: 400;
@@ -494,7 +532,7 @@
494
532
  --bs-btn-link-info-disabled-border-color: transparent;
495
533
  --bs-btn-link-info-disabled-color: var(--bs-info-500);
496
534
  --bs-btn-link-info-disabled-opacity: 0.5;
497
- --bs-btn-warning-color: var(--bs-black);
535
+ --bs-btn-warning-color: var(--bs-gray-700);
498
536
  --bs-btn-warning-bg: var(--bs-warning-500);
499
537
  --bs-btn-warning-border-color: var(--bs-warning-500);
500
538
  --bs-btn-warning-hover-color: var(--bs-black);
@@ -506,7 +544,7 @@
506
544
  --bs-btn-warning-active-color: var(--bs-black);
507
545
  --bs-btn-warning-active-bg: var(--bs-warning-700);
508
546
  --bs-btn-warning-active-border-color: var(--bs-warning-700);
509
- --bs-btn-warning-disabled-color: var(--bs-black);
547
+ --bs-btn-warning-disabled-color: var(--bs-gray-700);
510
548
  --bs-btn-warning-disabled-bg: var(--bs-warning-500);
511
549
  --bs-btn-warning-disabled-border-color: var(--bs-warning-500);
512
550
  --bs-btn-warning-disabled-opacity: 0.5;
@@ -705,67 +743,67 @@
705
743
  @media (min-width: 1200px) {
706
744
  :root,
707
745
  [data-bs-theme=dynamic] {
708
- --bs-rfs-display-1: 7.5rem;
746
+ --bs-rfs-display-1: 6rem;
709
747
  }
710
748
  }
711
749
  @media (min-width: 1200px) {
712
750
  :root,
713
751
  [data-bs-theme=dynamic] {
714
- --bs-rfs-display-2: 4.5rem;
752
+ --bs-rfs-display-2: 5.5rem;
715
753
  }
716
754
  }
717
755
  @media (min-width: 1200px) {
718
756
  :root,
719
757
  [data-bs-theme=dynamic] {
720
- --bs-rfs-display-3: 4rem;
758
+ --bs-rfs-display-3: 5rem;
721
759
  }
722
760
  }
723
761
  @media (min-width: 1200px) {
724
762
  :root,
725
763
  [data-bs-theme=dynamic] {
726
- --bs-rfs-display-4: 3.5rem;
764
+ --bs-rfs-display-4: 4.5rem;
727
765
  }
728
766
  }
729
767
  @media (min-width: 1200px) {
730
768
  :root,
731
769
  [data-bs-theme=dynamic] {
732
- --bs-rfs-display-5: 3rem;
770
+ --bs-rfs-display-5: 4rem;
733
771
  }
734
772
  }
735
773
  @media (min-width: 1200px) {
736
774
  :root,
737
775
  [data-bs-theme=dynamic] {
738
- --bs-rfs-display-6: 2.5rem;
776
+ --bs-rfs-display-6: 3.5rem;
739
777
  }
740
778
  }
741
779
  @media (min-width: 1200px) {
742
780
  :root,
743
781
  [data-bs-theme=dynamic] {
744
- --bs-rfs-fs-1: 4rem;
782
+ --bs-rfs-fs-1: 3rem;
745
783
  }
746
784
  }
747
785
  @media (min-width: 1200px) {
748
786
  :root,
749
787
  [data-bs-theme=dynamic] {
750
- --bs-rfs-fs-2: 3.5rem;
788
+ --bs-rfs-fs-2: 2.5rem;
751
789
  }
752
790
  }
753
791
  @media (min-width: 1200px) {
754
792
  :root,
755
793
  [data-bs-theme=dynamic] {
756
- --bs-rfs-fs-3: 3rem;
794
+ --bs-rfs-fs-3: 2rem;
757
795
  }
758
796
  }
759
797
  @media (min-width: 1200px) {
760
798
  :root,
761
799
  [data-bs-theme=dynamic] {
762
- --bs-rfs-fs-4: 2rem;
800
+ --bs-rfs-fs-4: 1.5rem;
763
801
  }
764
802
  }
765
803
  @media (min-width: 1200px) {
766
804
  :root,
767
805
  [data-bs-theme=dynamic] {
768
- --bs-rfs-fs-5: 1.5rem;
806
+ --bs-rfs-fs-body-large: 1.5rem;
769
807
  }
770
808
  }
771
809
 
@@ -3263,7 +3301,7 @@ textarea.form-control-lg {
3263
3301
  }
3264
3302
 
3265
3303
  .form-select {
3266
- --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");
3267
3305
  display: block;
3268
3306
  width: 100%;
3269
3307
  padding: 0.75rem 3rem 0.75rem 1rem;
@@ -3409,7 +3447,7 @@ textarea.form-control-lg {
3409
3447
  padding-left: 3.5em;
3410
3448
  }
3411
3449
  .form-switch .form-check-input {
3412
- --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");
3413
3451
  width: 3em;
3414
3452
  margin-left: -3.5em;
3415
3453
  background-image: var(--bs-form-switch-bg);
@@ -3423,11 +3461,11 @@ textarea.form-control-lg {
3423
3461
  }
3424
3462
  }
3425
3463
  .form-switch .form-check-input:focus {
3426
- --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");
3427
3465
  }
3428
3466
  .form-switch .form-check-input:checked {
3429
3467
  background-position: right center;
3430
- --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");
3431
3469
  }
3432
3470
  .form-switch.form-check-reverse {
3433
3471
  padding-right: 3.5em;
@@ -5082,7 +5120,7 @@ textarea.form-control-lg {
5082
5120
  --bs-accordion-btn-padding-y: var(--bs-ref-spacer-6);
5083
5121
  --bs-accordion-btn-color: var(--bs-body-color);
5084
5122
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
5085
- --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");
5086
5124
  --bs-accordion-btn-icon-width: 1.25rem;
5087
5125
  --bs-accordion-btn-icon-transform: rotate(-180deg);
5088
5126
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@@ -7339,6 +7377,10 @@ textarea.form-control-lg {
7339
7377
  line-height: var(--bs-heading-line-height);
7340
7378
  }
7341
7379
 
7380
+ [class*=fs-body-] {
7381
+ font-size: var(--bs-fs-body-font-size);
7382
+ }
7383
+
7342
7384
  .list-unstyled {
7343
7385
  padding-left: 0;
7344
7386
  list-style: none;
@@ -7403,14 +7445,14 @@ body {
7403
7445
  .form-switch {
7404
7446
  --bs-input-switch-bg: var(--bs-gray-300);
7405
7447
  --bs-input-switch-border-color: var(--bs-gray-500);
7406
- --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");
7407
7449
  --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
7408
7450
  --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
7409
7451
  --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
7410
7452
  --bs-input-switch-active-bg: var(--bs-focus-ring-color);
7411
7453
  --bs-input-switch-disabled-border-color: var(--bs-gray-300);
7412
7454
  --bs-input-switch-disabled-bg: var(--bs-gray-100);
7413
- --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");
7414
7456
  --bs-input-switch-label-color: var(--bs-gray);
7415
7457
  --bs-input-switch-active-label-color: var(--bs-gray-700);
7416
7458
  }
@@ -8285,7 +8327,7 @@ body {
8285
8327
  --bs-btn-hover-border-color: transparent;
8286
8328
  --bs-btn-active-color: var(--bs-link-hover-color);
8287
8329
  --bs-btn-active-border-color: transparent;
8288
- --bs-btn-disabled-color: #616173;
8330
+ --bs-btn-disabled-color: #6c757d;
8289
8331
  --bs-btn-disabled-border-color: transparent;
8290
8332
  --bs-btn-box-shadow: 0 0 0 #000;
8291
8333
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
@@ -8375,10 +8417,10 @@ body {
8375
8417
  --bs-alert-link-color: var(--bs-white);
8376
8418
  }
8377
8419
  .alert.alert-warning {
8378
- --bs-alert-color: var(--bs-black);
8420
+ --bs-alert-color: var(--bs-gray-700);
8379
8421
  --bs-alert-bg: var(--bs-warning);
8380
8422
  --bs-alert-border-color: var(--bs-warning);
8381
- --bs-alert-link-color: var(--bs-black);
8423
+ --bs-alert-link-color: var(--bs-gray-700);
8382
8424
  }
8383
8425
  .alert.alert-danger {
8384
8426
  --bs-alert-color: var(--bs-white);
@@ -8640,7 +8682,7 @@ label .d-icon {
8640
8682
  --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
8641
8683
  }
8642
8684
  .tooltip.tooltip-warning {
8643
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
8685
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
8644
8686
  --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
8645
8687
  }
8646
8688
  .tooltip.tooltip-danger {
@@ -10950,12 +10992,18 @@ label .d-icon {
10950
10992
  }
10951
10993
 
10952
10994
  .nav-pills,
10995
+ .nav-tabs,
10953
10996
  .nav-underline {
10954
- --bs-tabs-nav-gap: var(--bs-ref-spacer-6);
10955
- --bs-tabs-nav-padding-x: var(--bs-ref-spacer-6);
10956
- --bs-tabs-nav-padding-y: var(--bs-ref-spacer-4);
10957
- gap: var(--bs-tabs-nav-gap);
10958
- padding: var(--bs-tabs-nav-padding-y) var(--bs-tabs-nav-padding-x);
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
+
11003
+ .nav-pills,
11004
+ .nav-underline {
11005
+ gap: var(--bs-nav-tabs-nav-gap);
11006
+ padding: var(--bs-nav-tabs-nav-padding-y) var(--bs-nav-tabs-nav-padding-x);
10959
11007
  }
10960
11008
  .nav-pills.flex-column,
10961
11009
  .nav-underline.flex-column {
@@ -10966,11 +11014,8 @@ label .d-icon {
10966
11014
  width: 100%;
10967
11015
  }
10968
11016
 
10969
- .nav-tabs {
10970
- --bs-tabs-link-border-active-font-weight: var(--bs-fw-bold);
10971
- }
10972
11017
  .nav-tabs .nav-link.active {
10973
- font-weight: var(--bs-tabs-link-border-active-font-weight);
11018
+ font-weight: var(--bs-nav-tabs-link-border-active-font-weight);
10974
11019
  border-bottom-color: transparent;
10975
11020
  }
10976
11021
  .nav-tabs .nav-link:not(.active):is(:hover, :focus) {
@@ -11663,7 +11708,7 @@ label .d-icon {
11663
11708
 
11664
11709
  .d-select {
11665
11710
  --bs-select-gap: 0.5rem;
11666
- --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);
11667
11712
  --bs-select-option-focus-bg: var(--bs-gray-100);
11668
11713
  --bs-select-option-selected-color: var(--bs-secondary);
11669
11714
  --bs-select-option-selected-bg: var(--bs-gray-100);
@@ -11872,7 +11917,7 @@ label .d-icon {
11872
11917
  }
11873
11918
 
11874
11919
  .text-bg-warning {
11875
- color: var(--bs-black) !important;
11920
+ color: var(--bs-gray-700) !important;
11876
11921
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11877
11922
  }
11878
11923
 
@@ -12649,6 +12694,11 @@ label .d-icon {
12649
12694
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
12650
12695
  }
12651
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
+
12652
12702
  .border-gray-100 {
12653
12703
  --bs-border-opacity: 1;
12654
12704
  border-color: rgba(var(--bs-gray-100-rgb), var(--bs-border-opacity)) !important;
@@ -14348,6 +14398,11 @@ label .d-icon {
14348
14398
  color: inherit !important;
14349
14399
  }
14350
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
+
14351
14406
  .text-primary-100 {
14352
14407
  --bs-text-opacity: 1;
14353
14408
  color: rgba(var(--bs-primary-100-rgb), var(--bs-text-opacity)) !important;
@@ -14393,6 +14448,11 @@ label .d-icon {
14393
14448
  color: rgba(var(--bs-primary-900-rgb), var(--bs-text-opacity)) !important;
14394
14449
  }
14395
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
+
14396
14456
  .text-secondary-100 {
14397
14457
  --bs-text-opacity: 1;
14398
14458
  color: rgba(var(--bs-secondary-100-rgb), var(--bs-text-opacity)) !important;
@@ -14438,6 +14498,11 @@ label .d-icon {
14438
14498
  color: rgba(var(--bs-secondary-900-rgb), var(--bs-text-opacity)) !important;
14439
14499
  }
14440
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
+
14441
14506
  .text-success-100 {
14442
14507
  --bs-text-opacity: 1;
14443
14508
  color: rgba(var(--bs-success-100-rgb), var(--bs-text-opacity)) !important;
@@ -14483,6 +14548,11 @@ label .d-icon {
14483
14548
  color: rgba(var(--bs-success-900-rgb), var(--bs-text-opacity)) !important;
14484
14549
  }
14485
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
+
14486
14556
  .text-info-100 {
14487
14557
  --bs-text-opacity: 1;
14488
14558
  color: rgba(var(--bs-info-100-rgb), var(--bs-text-opacity)) !important;
@@ -14528,6 +14598,11 @@ label .d-icon {
14528
14598
  color: rgba(var(--bs-info-900-rgb), var(--bs-text-opacity)) !important;
14529
14599
  }
14530
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
+
14531
14606
  .text-warning-100 {
14532
14607
  --bs-text-opacity: 1;
14533
14608
  color: rgba(var(--bs-warning-100-rgb), var(--bs-text-opacity)) !important;
@@ -14573,6 +14648,11 @@ label .d-icon {
14573
14648
  color: rgba(var(--bs-warning-900-rgb), var(--bs-text-opacity)) !important;
14574
14649
  }
14575
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
+
14576
14656
  .text-danger-100 {
14577
14657
  --bs-text-opacity: 1;
14578
14658
  color: rgba(var(--bs-danger-100-rgb), var(--bs-text-opacity)) !important;
@@ -14618,6 +14698,11 @@ label .d-icon {
14618
14698
  color: rgba(var(--bs-danger-900-rgb), var(--bs-text-opacity)) !important;
14619
14699
  }
14620
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
+
14621
14706
  .text-gray-100 {
14622
14707
  --bs-text-opacity: 1;
14623
14708
  color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
@@ -14951,6 +15036,11 @@ label .d-icon {
14951
15036
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
14952
15037
  }
14953
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
+
14954
15044
  .bg-primary-100 {
14955
15045
  --bs-bg-opacity: 1;
14956
15046
  background-color: rgba(var(--bs-primary-100-rgb), var(--bs-bg-opacity)) !important;
@@ -14996,6 +15086,11 @@ label .d-icon {
14996
15086
  background-color: rgba(var(--bs-primary-900-rgb), var(--bs-bg-opacity)) !important;
14997
15087
  }
14998
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
+
14999
15094
  .bg-secondary-100 {
15000
15095
  --bs-bg-opacity: 1;
15001
15096
  background-color: rgba(var(--bs-secondary-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15041,6 +15136,11 @@ label .d-icon {
15041
15136
  background-color: rgba(var(--bs-secondary-900-rgb), var(--bs-bg-opacity)) !important;
15042
15137
  }
15043
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
+
15044
15144
  .bg-success-100 {
15045
15145
  --bs-bg-opacity: 1;
15046
15146
  background-color: rgba(var(--bs-success-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15086,6 +15186,11 @@ label .d-icon {
15086
15186
  background-color: rgba(var(--bs-success-900-rgb), var(--bs-bg-opacity)) !important;
15087
15187
  }
15088
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
+
15089
15194
  .bg-info-100 {
15090
15195
  --bs-bg-opacity: 1;
15091
15196
  background-color: rgba(var(--bs-info-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15131,6 +15236,11 @@ label .d-icon {
15131
15236
  background-color: rgba(var(--bs-info-900-rgb), var(--bs-bg-opacity)) !important;
15132
15237
  }
15133
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
+
15134
15244
  .bg-warning-100 {
15135
15245
  --bs-bg-opacity: 1;
15136
15246
  background-color: rgba(var(--bs-warning-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15176,6 +15286,11 @@ label .d-icon {
15176
15286
  background-color: rgba(var(--bs-warning-900-rgb), var(--bs-bg-opacity)) !important;
15177
15287
  }
15178
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
+
15179
15294
  .bg-danger-100 {
15180
15295
  --bs-bg-opacity: 1;
15181
15296
  background-color: rgba(var(--bs-danger-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15221,6 +15336,11 @@ label .d-icon {
15221
15336
  background-color: rgba(var(--bs-danger-900-rgb), var(--bs-bg-opacity)) !important;
15222
15337
  }
15223
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
+
15224
15344
  .bg-gray-100 {
15225
15345
  --bs-bg-opacity: 1;
15226
15346
  background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important;
@@ -15281,6 +15401,41 @@ label .d-icon {
15281
15401
  background-color: rgba(var(--bs-secondary-soft-rgb), var(--bs-bg-opacity)) !important;
15282
15402
  }
15283
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
+
15284
15439
  .bg-opacity-10 {
15285
15440
  --bs-bg-opacity: 0.1;
15286
15441
  }
@@ -15803,6 +15958,26 @@ label .d-icon {
15803
15958
  --bs-display-font-size: var(--bs-fs-display-6);
15804
15959
  }
15805
15960
 
15961
+ .fs-body-large {
15962
+ --bs-fs-body-font-size: var(--bs-fs-body-large);
15963
+ }
15964
+
15965
+ .fs-body-medium {
15966
+ --bs-fs-body-font-size: var(--bs-fs-body-medium);
15967
+ }
15968
+
15969
+ .fs-body-normal {
15970
+ --bs-fs-body-font-size: var(--bs-fs-body-normal);
15971
+ }
15972
+
15973
+ .fs-body-small {
15974
+ --bs-fs-body-font-size: var(--bs-fs-body-small);
15975
+ }
15976
+
15977
+ .fs-body-tiny {
15978
+ --bs-fs-body-font-size: var(--bs-fs-body-tiny);
15979
+ }
15980
+
15806
15981
  @media (min-width: 576px) {
15807
15982
  .float-sm-start {
15808
15983
  float: left !important;
@@ -16972,6 +17147,21 @@ label .d-icon {
16972
17147
  .display-sm-6 {
16973
17148
  --bs-display-font-size: var(--bs-fs-display-6);
16974
17149
  }
17150
+ .fs-body-sm-large {
17151
+ --bs-fs-body-font-size: var(--bs-fs-body-large);
17152
+ }
17153
+ .fs-body-sm-medium {
17154
+ --bs-fs-body-font-size: var(--bs-fs-body-medium);
17155
+ }
17156
+ .fs-body-sm-normal {
17157
+ --bs-fs-body-font-size: var(--bs-fs-body-normal);
17158
+ }
17159
+ .fs-body-sm-small {
17160
+ --bs-fs-body-font-size: var(--bs-fs-body-small);
17161
+ }
17162
+ .fs-body-sm-tiny {
17163
+ --bs-fs-body-font-size: var(--bs-fs-body-tiny);
17164
+ }
16975
17165
  }
16976
17166
  @media (min-width: 768px) {
16977
17167
  .float-md-start {
@@ -18142,6 +18332,21 @@ label .d-icon {
18142
18332
  .display-md-6 {
18143
18333
  --bs-display-font-size: var(--bs-fs-display-6);
18144
18334
  }
18335
+ .fs-body-md-large {
18336
+ --bs-fs-body-font-size: var(--bs-fs-body-large);
18337
+ }
18338
+ .fs-body-md-medium {
18339
+ --bs-fs-body-font-size: var(--bs-fs-body-medium);
18340
+ }
18341
+ .fs-body-md-normal {
18342
+ --bs-fs-body-font-size: var(--bs-fs-body-normal);
18343
+ }
18344
+ .fs-body-md-small {
18345
+ --bs-fs-body-font-size: var(--bs-fs-body-small);
18346
+ }
18347
+ .fs-body-md-tiny {
18348
+ --bs-fs-body-font-size: var(--bs-fs-body-tiny);
18349
+ }
18145
18350
  }
18146
18351
  @media (min-width: 992px) {
18147
18352
  .float-lg-start {
@@ -19312,6 +19517,21 @@ label .d-icon {
19312
19517
  .display-lg-6 {
19313
19518
  --bs-display-font-size: var(--bs-fs-display-6);
19314
19519
  }
19520
+ .fs-body-lg-large {
19521
+ --bs-fs-body-font-size: var(--bs-fs-body-large);
19522
+ }
19523
+ .fs-body-lg-medium {
19524
+ --bs-fs-body-font-size: var(--bs-fs-body-medium);
19525
+ }
19526
+ .fs-body-lg-normal {
19527
+ --bs-fs-body-font-size: var(--bs-fs-body-normal);
19528
+ }
19529
+ .fs-body-lg-small {
19530
+ --bs-fs-body-font-size: var(--bs-fs-body-small);
19531
+ }
19532
+ .fs-body-lg-tiny {
19533
+ --bs-fs-body-font-size: var(--bs-fs-body-tiny);
19534
+ }
19315
19535
  }
19316
19536
  @media (min-width: 1200px) {
19317
19537
  .float-xl-start {
@@ -20482,6 +20702,21 @@ label .d-icon {
20482
20702
  .display-xl-6 {
20483
20703
  --bs-display-font-size: var(--bs-fs-display-6);
20484
20704
  }
20705
+ .fs-body-xl-large {
20706
+ --bs-fs-body-font-size: var(--bs-fs-body-large);
20707
+ }
20708
+ .fs-body-xl-medium {
20709
+ --bs-fs-body-font-size: var(--bs-fs-body-medium);
20710
+ }
20711
+ .fs-body-xl-normal {
20712
+ --bs-fs-body-font-size: var(--bs-fs-body-normal);
20713
+ }
20714
+ .fs-body-xl-small {
20715
+ --bs-fs-body-font-size: var(--bs-fs-body-small);
20716
+ }
20717
+ .fs-body-xl-tiny {
20718
+ --bs-fs-body-font-size: var(--bs-fs-body-tiny);
20719
+ }
20485
20720
  }
20486
20721
  @media (min-width: 1400px) {
20487
20722
  .float-xxl-start {
@@ -21652,6 +21887,21 @@ label .d-icon {
21652
21887
  .display-xxl-6 {
21653
21888
  --bs-display-font-size: var(--bs-fs-display-6);
21654
21889
  }
21890
+ .fs-body-xxl-large {
21891
+ --bs-fs-body-font-size: var(--bs-fs-body-large);
21892
+ }
21893
+ .fs-body-xxl-medium {
21894
+ --bs-fs-body-font-size: var(--bs-fs-body-medium);
21895
+ }
21896
+ .fs-body-xxl-normal {
21897
+ --bs-fs-body-font-size: var(--bs-fs-body-normal);
21898
+ }
21899
+ .fs-body-xxl-small {
21900
+ --bs-fs-body-font-size: var(--bs-fs-body-small);
21901
+ }
21902
+ .fs-body-xxl-tiny {
21903
+ --bs-fs-body-font-size: var(--bs-fs-body-tiny);
21904
+ }
21655
21905
  }
21656
21906
  @media print {
21657
21907
  .d-print-inline {