@dynamic-framework/ui-react 1.5.0 → 1.6.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 (26) hide show
  1. package/dist/css/dynamic-root.css +286 -0
  2. package/dist/css/dynamic-root.min.css +1 -0
  3. package/dist/css/dynamic-ui-all.css +16620 -1
  4. package/dist/css/dynamic-ui-all.min.css +1 -0
  5. package/dist/css/dynamic-ui-react.css +1919 -1
  6. package/dist/css/dynamic-ui-react.min.css +1 -0
  7. package/dist/css/dynamic-ui.css +14701 -1
  8. package/dist/css/dynamic-ui.min.css +1 -0
  9. package/dist/index.esm.js +41 -4
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +42 -3
  12. package/dist/index.js.map +1 -1
  13. package/dist/types/components/DStepper.d.ts +5 -2
  14. package/dist/types/components/DStepperDesktop.d.ts +12 -0
  15. package/dist/types/components/DStepperMobile.d.ts +11 -0
  16. package/dist/types/components/index.d.ts +2 -0
  17. package/dist/types/stories/components/DStepperDesktop.stories.d.ts +7 -0
  18. package/dist/types/stories/components/DStepperMobile.stories.d.ts +6 -0
  19. package/package.json +5 -8
  20. package/src/style/abstracts/variables/_box-file.scss +4 -4
  21. package/src/style/abstracts/variables/_collapse-icon-text.scss +3 -3
  22. package/src/style/components/_+import.scss +2 -1
  23. package/src/style/components/_d-card-account.scss +2 -2
  24. package/src/style/components/{_d-stepper.scss → _d-stepper-desktop.scss} +1 -1
  25. package/src/style/components/_d-stepper-mobile.scss +69 -0
  26. package/src/style/dynamic-root.scss +2 -0
package/dist/css/dynamic-root.css ADDED
@@ -0,0 +1,286 @@
1
+ /* stylelint-disable scss/dollar-variable-default */
2
+ :root,
3
+ [data-bs-theme=dynamic] {
4
+ --bs-blue-rgb: 54, 109, 219;
5
+ --bs-indigo-rgb: 72, 72, 183;
6
+ --bs-purple-rgb: 82, 82, 152;
7
+ --bs-pink-rgb: 230, 0, 99;
8
+ --bs-red-rgb: 216, 27, 96;
9
+ --bs-orange-rgb: 211, 47, 47;
10
+ --bs-yellow-rgb: 251, 192, 45;
11
+ --bs-green-rgb: 2, 135, 89;
12
+ --bs-teal-rgb: 32, 201, 151;
13
+ --bs-cyan-rgb: 13, 202, 240;
14
+ --bs-black-rgb: 0, 0, 0;
15
+ --bs-white-rgb: 255, 255, 255;
16
+ --bs-gray-rgb: 109, 109, 130;
17
+ --bs-gray-dark-rgb: 54, 55, 68;
18
+ --bs-gray-100-rgb: 247, 247, 255;
19
+ --bs-gray-200-rgb: 230, 230, 243;
20
+ --bs-gray-300-rgb: 213, 212, 230;
21
+ --bs-gray-400-rgb: 161, 161, 181;
22
+ --bs-gray-500-rgb: 109, 109, 130;
23
+ --bs-gray-600-rgb: 97, 97, 115;
24
+ --bs-gray-700-rgb: 85, 85, 100;
25
+ --bs-gray-800-rgb: 54, 55, 68;
26
+ --bs-gray-900-rgb: 22, 23, 35;
27
+ --bs-gray-soft-rgb: 250, 250, 250;
28
+ --bs-primary-soft-rgb: 255, 249, 250;
29
+ --bs-secondary-soft-rgb: 251, 250, 255;
30
+ --bs-primary-100-rgb: 247, 209, 223;
31
+ --bs-primary-200-rgb: 239, 164, 191;
32
+ --bs-primary-300-rgb: 232, 118, 160;
33
+ --bs-primary-400-rgb: 224, 73, 128;
34
+ --bs-primary-500-rgb: var(--bs-primary-rgb);
35
+ --bs-primary-600-rgb: 173, 22, 77;
36
+ --bs-primary-700-rgb: 130, 16, 58;
37
+ --bs-primary-800-rgb: 86, 11, 38;
38
+ --bs-primary-900-rgb: 43, 5, 19;
39
+ --bs-secondary-100-rgb: 218, 218, 241;
40
+ --bs-secondary-200-rgb: 182, 182, 226;
41
+ --bs-secondary-300-rgb: 145, 145, 212;
42
+ --bs-secondary-400-rgb: 109, 109, 197;
43
+ --bs-secondary-500-rgb: var(--bs-secondary-rgb);
44
+ --bs-secondary-600-rgb: 58, 58, 146;
45
+ --bs-secondary-700-rgb: 43, 43, 110;
46
+ --bs-secondary-800-rgb: 29, 29, 73;
47
+ --bs-secondary-900-rgb: 14, 14, 37;
48
+ --bs-success-100-rgb: 204, 231, 222;
49
+ --bs-success-200-rgb: 154, 207, 189;
50
+ --bs-success-300-rgb: 103, 183, 155;
51
+ --bs-success-400-rgb: 53, 159, 122;
52
+ --bs-success-500-rgb: var(--bs-success-rgb);
53
+ --bs-success-600-rgb: 2, 108, 71;
54
+ --bs-success-700-rgb: 1, 81, 53;
55
+ --bs-success-800-rgb: 1, 54, 36;
56
+ --bs-success-900-rgb: 0, 27, 18;
57
+ --bs-info-100-rgb: 215, 226, 248;
58
+ --bs-info-200-rgb: 175, 197, 241;
59
+ --bs-info-300-rgb: 134, 167, 233;
60
+ --bs-info-400-rgb: 94, 138, 226;
61
+ --bs-info-500-rgb: var(--bs-info-rgb);
62
+ --bs-info-600-rgb: 43, 87, 175;
63
+ --bs-info-700-rgb: 32, 65, 131;
64
+ --bs-info-800-rgb: 22, 44, 88;
65
+ --bs-info-900-rgb: 11, 22, 44;
66
+ --bs-warning-100-rgb: 254, 242, 213;
67
+ --bs-warning-200-rgb: 253, 230, 171;
68
+ --bs-warning-300-rgb: 253, 217, 129;
69
+ --bs-warning-400-rgb: 252, 205, 87;
70
+ --bs-warning-500-rgb: var(--bs-warning-rgb);
71
+ --bs-warning-600-rgb: 201, 154, 36;
72
+ --bs-warning-700-rgb: 151, 115, 27;
73
+ --bs-warning-800-rgb: 100, 77, 18;
74
+ --bs-warning-900-rgb: 50, 38, 9;
75
+ --bs-danger-100-rgb: 246, 213, 213;
76
+ --bs-danger-200-rgb: 237, 172, 172;
77
+ --bs-danger-300-rgb: 229, 130, 130;
78
+ --bs-danger-400-rgb: 220, 89, 89;
79
+ --bs-danger-500-rgb: var(--bs-danger-rgb);
80
+ --bs-danger-600-rgb: 169, 38, 38;
81
+ --bs-danger-700-rgb: 127, 28, 28;
82
+ --bs-danger-800-rgb: 84, 19, 19;
83
+ --bs-danger-900-rgb: 42, 9, 9;
84
+ --bs-blue: rgb(var(--bs-blue-rgb));
85
+ --bs-indigo: rgb(var(--bs-indigo-rgb));
86
+ --bs-purple: rgb(var(--bs-purple-rgb));
87
+ --bs-pink: rgb(var(--bs-pink-rgb));
88
+ --bs-red: rgb(var(--bs-red-rgb));
89
+ --bs-orange: rgb(var(--bs-orange-rgb));
90
+ --bs-yellow: rgb(var(--bs-yellow-rgb));
91
+ --bs-green: rgb(var(--bs-green-rgb));
92
+ --bs-teal: rgb(var(--bs-teal-rgb));
93
+ --bs-cyan: rgb(var(--bs-cyan-rgb));
94
+ --bs-black: rgb(var(--bs-black-rgb));
95
+ --bs-white: rgb(var(--bs-white-rgb));
96
+ --bs-gray: rgb(var(--bs-gray-rgb));
97
+ --bs-gray-dark: rgb(var(--bs-gray-dark-rgb));
98
+ --bs-gray-100: rgb(var(--bs-gray-100-rgb));
99
+ --bs-gray-200: rgb(var(--bs-gray-200-rgb));
100
+ --bs-gray-300: rgb(var(--bs-gray-300-rgb));
101
+ --bs-gray-400: rgb(var(--bs-gray-400-rgb));
102
+ --bs-gray-500: rgb(var(--bs-gray-500-rgb));
103
+ --bs-gray-600: rgb(var(--bs-gray-600-rgb));
104
+ --bs-gray-700: rgb(var(--bs-gray-700-rgb));
105
+ --bs-gray-800: rgb(var(--bs-gray-800-rgb));
106
+ --bs-gray-900: rgb(var(--bs-gray-900-rgb));
107
+ --bs-gray-soft: rgb(var(--bs-gray-soft-rgb));
108
+ --bs-primary-soft: rgb(var(--bs-primary-soft-rgb));
109
+ --bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));
110
+ --bs-primary: rgb(var(--bs-primary-rgb));
111
+ --bs-secondary: rgb(var(--bs-secondary-rgb));
112
+ --bs-success: rgb(var(--bs-success-rgb));
113
+ --bs-info: rgb(var(--bs-info-rgb));
114
+ --bs-warning: rgb(var(--bs-warning-rgb));
115
+ --bs-danger: rgb(var(--bs-danger-rgb));
116
+ --bs-light: rgb(var(--bs-light-rgb));
117
+ --bs-dark: rgb(var(--bs-dark-rgb));
118
+ --bs-primary-rgb: var(--bs-red-rgb);
119
+ --bs-secondary-rgb: var(--bs-indigo-rgb);
120
+ --bs-success-rgb: var(--bs-green-rgb);
121
+ --bs-info-rgb: var(--bs-blue-rgb);
122
+ --bs-warning-rgb: var(--bs-yellow-rgb);
123
+ --bs-danger-rgb: var(--bs-orange-rgb);
124
+ --bs-light-rgb: var(--bs-gray-100-rgb);
125
+ --bs-dark-rgb: var(--bs-gray-900-rgb);
126
+ --bs-primary-100: rgb(var(--bs-primary-100-rgb));
127
+ --bs-primary-200: rgb(var(--bs-primary-200-rgb));
128
+ --bs-primary-300: rgb(var(--bs-primary-300-rgb));
129
+ --bs-primary-400: rgb(var(--bs-primary-400-rgb));
130
+ --bs-primary-500: rgb(var(--bs-primary-500-rgb));
131
+ --bs-primary-600: rgb(var(--bs-primary-600-rgb));
132
+ --bs-primary-700: rgb(var(--bs-primary-700-rgb));
133
+ --bs-primary-800: rgb(var(--bs-primary-800-rgb));
134
+ --bs-primary-900: rgb(var(--bs-primary-900-rgb));
135
+ --bs-secondary-100: rgb(var(--bs-secondary-100-rgb));
136
+ --bs-secondary-200: rgb(var(--bs-secondary-200-rgb));
137
+ --bs-secondary-300: rgb(var(--bs-secondary-300-rgb));
138
+ --bs-secondary-400: rgb(var(--bs-secondary-400-rgb));
139
+ --bs-secondary-500: rgb(var(--bs-secondary-500-rgb));
140
+ --bs-secondary-600: rgb(var(--bs-secondary-600-rgb));
141
+ --bs-secondary-700: rgb(var(--bs-secondary-700-rgb));
142
+ --bs-secondary-800: rgb(var(--bs-secondary-800-rgb));
143
+ --bs-secondary-900: rgb(var(--bs-secondary-900-rgb));
144
+ --bs-success-100: rgb(var(--bs-success-100-rgb));
145
+ --bs-success-200: rgb(var(--bs-success-200-rgb));
146
+ --bs-success-300: rgb(var(--bs-success-300-rgb));
147
+ --bs-success-400: rgb(var(--bs-success-400-rgb));
148
+ --bs-success-500: rgb(var(--bs-success-500-rgb));
149
+ --bs-success-600: rgb(var(--bs-success-600-rgb));
150
+ --bs-success-700: rgb(var(--bs-success-700-rgb));
151
+ --bs-success-800: rgb(var(--bs-success-800-rgb));
152
+ --bs-success-900: rgb(var(--bs-success-900-rgb));
153
+ --bs-info-100: rgb(var(--bs-info-100-rgb));
154
+ --bs-info-200: rgb(var(--bs-info-200-rgb));
155
+ --bs-info-300: rgb(var(--bs-info-300-rgb));
156
+ --bs-info-400: rgb(var(--bs-info-400-rgb));
157
+ --bs-info-500: rgb(var(--bs-info-500-rgb));
158
+ --bs-info-600: rgb(var(--bs-info-600-rgb));
159
+ --bs-info-700: rgb(var(--bs-info-700-rgb));
160
+ --bs-info-800: rgb(var(--bs-info-800-rgb));
161
+ --bs-info-900: rgb(var(--bs-info-900-rgb));
162
+ --bs-warning-100: rgb(var(--bs-warning-100-rgb));
163
+ --bs-warning-200: rgb(var(--bs-warning-200-rgb));
164
+ --bs-warning-300: rgb(var(--bs-warning-300-rgb));
165
+ --bs-warning-400: rgb(var(--bs-warning-400-rgb));
166
+ --bs-warning-500: rgb(var(--bs-warning-500-rgb));
167
+ --bs-warning-600: rgb(var(--bs-warning-600-rgb));
168
+ --bs-warning-700: rgb(var(--bs-warning-700-rgb));
169
+ --bs-warning-800: rgb(var(--bs-warning-800-rgb));
170
+ --bs-warning-900: rgb(var(--bs-warning-900-rgb));
171
+ --bs-danger-100: rgb(var(--bs-danger-100-rgb));
172
+ --bs-danger-200: rgb(var(--bs-danger-200-rgb));
173
+ --bs-danger-300: rgb(var(--bs-danger-300-rgb));
174
+ --bs-danger-400: rgb(var(--bs-danger-400-rgb));
175
+ --bs-danger-500: rgb(var(--bs-danger-500-rgb));
176
+ --bs-danger-600: rgb(var(--bs-danger-600-rgb));
177
+ --bs-danger-700: rgb(var(--bs-danger-700-rgb));
178
+ --bs-danger-800: rgb(var(--bs-danger-800-rgb));
179
+ --bs-danger-900: rgb(var(--bs-danger-900-rgb));
180
+ --bs-primary-text-emphasis: var(--bs-primary-600);
181
+ --bs-secondary-text-emphasis: var(--bs-secondary-600);
182
+ --bs-success-text-emphasis: var(--bs-success-600);
183
+ --bs-info-text-emphasis: var(--bs-info-600);
184
+ --bs-warning-text-emphasis: var(--bs-warning-600);
185
+ --bs-danger-text-emphasis: var(--bs-danger-600);
186
+ --bs-light-text-emphasis: var(--bs-gray-600);
187
+ --bs-dark-text-emphasis: var(--bs-gray-600);
188
+ --bs-primary-bg-subtle: var(--bs-primary-100);
189
+ --bs-secondary-bg-subtle: var(--bs-secondary-100);
190
+ --bs-success-bg-subtle: var(--bs-success-100);
191
+ --bs-info-bg-subtle: var(--bs-info-100);
192
+ --bs-warning-bg-subtle: var(--bs-warning-100);
193
+ --bs-danger-bg-subtle: var(--bs-danger-100);
194
+ --bs-light-bg-subtle: var(--bs-gray-100);
195
+ --bs-dark-bg-subtle: var(--bs-gray-400);
196
+ --bs-primary-border-subtle: var(--bs-primary-100);
197
+ --bs-secondary-border-subtle: var(--bs-secondary-100);
198
+ --bs-success-border-subtle: var(--bs-success-100);
199
+ --bs-info-border-subtle: var(--bs-info-100);
200
+ --bs-warning-border-subtle: var(--bs-warning-100);
201
+ --bs-danger-border-subtle: var(--bs-danger-100);
202
+ --bs-light-border-subtle: var(--bs-gray-100);
203
+ --bs-dark-border-subtle: var(--bs-gray-400);
204
+ --bs-font-sans-serif: "Source Sans Pro", sans-serif;
205
+ --bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
206
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
207
+ --bs-root-font-size: 16px;
208
+ --bs-body-font-family: var(--bs-font-sans-serif);
209
+ --bs-body-font-size: 1rem;
210
+ --bs-body-font-weight: 400;
211
+ --bs-body-line-height: 1.2;
212
+ --bs-body-color: rgb(var(--bs-body-color-rgb));
213
+ --bs-body-color-rgb: var(--bs-gray-900-rgb);
214
+ --bs-body-bg: rgb(var(--bs-body-bg-rgb));
215
+ --bs-body-bg-rgb: var(--bs-white-rgb);
216
+ --bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
217
+ --bs-emphasis-color-rgb: var(--bs-black);
218
+ --bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);
219
+ --bs-secondary-color-rgb: var(--bs-body-color-rgb);
220
+ --bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));
221
+ --bs-secondary-bg-rgb: var(--bs-gray-200);
222
+ --bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5);
223
+ --bs-tertiary-color-rgb: var(--bs-body-color-rgb);
224
+ --bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));
225
+ --bs-tertiary-bg-rgb: var(--bs-gray-100);
226
+ --bs-heading-color: inherit;
227
+ --bs-link-color: rgb(var(--bs-link-color-rgb));
228
+ --bs-link-color-rgb: var(--bs-primary);
229
+ --bs-link-decoration: underline;
230
+ --bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
231
+ --bs-link-hover-color-rgb: var(--bs-primary-700);
232
+ --bs-link-hover-decoration: underline;
233
+ --bs-code-color: rgb(var(--bs-code-color-rgb));
234
+ --bs-code-color-rgb: var(--bs-primary-rgb);
235
+ --bs-highlight-bg: var(--bs-warning-100);
236
+ --bs-border-width: 1px;
237
+ --bs-border-style: solid;
238
+ --bs-border-color: var(--bs-gray-200);
239
+ --bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175);
240
+ --bs-border-radius: 1rem;
241
+ --bs-border-radius-sm: 0.5rem;
242
+ --bs-border-radius-lg: 1.5rem;
243
+ --bs-border-radius-xl: 2rem;
244
+ --bs-border-radius-xxl: 2.5rem;
245
+ --bs-border-radius-2xl: var(--bs-border-radius-xxl);
246
+ --bs-border-radius-pill: 50rem;
247
+ --bs-box-shadow: 0 12px 14px 0 rgba(22, 23, 35, 0.2);
248
+ --bs-box-shadow-sm: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
249
+ --bs-box-shadow-lg: 0 20px 22px 0 rgba(22, 23, 35, 0.25);
250
+ --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
251
+ --bs-focus-ring-width: 0.25rem;
252
+ --bs-focus-ring-opacity: 1;
253
+ --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
254
+ --bs-form-valid-color: var(--bs-gray);
255
+ --bs-form-valid-border-color: var(--bs-gray);
256
+ --bs-form-invalid-color: var(--bs-danger);
257
+ --bs-form-invalid-border-color: var(--bs-danger);
258
+ --bs-ref-spacer-0: 0;
259
+ --bs-ref-spacer-1: 0.25rem;
260
+ --bs-ref-spacer-2: 0.5rem;
261
+ --bs-ref-spacer-3: 1rem;
262
+ --bs-ref-spacer-4: 1.5rem;
263
+ --bs-ref-spacer-5: 2rem;
264
+ --bs-ref-spacer-6: 2.5rem;
265
+ --bs-ref-spacer-7: 3rem;
266
+ --bs-ref-spacer-8: 3.5rem;
267
+ --bs-ref-display-1: 7.5rem;
268
+ --bs-ref-display-2: 4.5rem;
269
+ --bs-ref-display-3: 4rem;
270
+ --bs-ref-display-4: 3.5rem;
271
+ --bs-ref-display-5: 3rem;
272
+ --bs-ref-display-6: 2.5rem;
273
+ --bs-ref-fs-1: 4rem;
274
+ --bs-ref-fs-2: 3.5rem;
275
+ --bs-ref-fs-3: 3rem;
276
+ --bs-ref-fs-4: 2rem;
277
+ --bs-ref-fs-5: 1.5rem;
278
+ --bs-ref-fs-6: 1.125rem;
279
+ --bs-ref-fs-small: 0.875rem;
280
+ --bs-ref-fw-lighter: lighter;
281
+ --bs-ref-fw-light: 200;
282
+ --bs-ref-fw-normal: 400;
283
+ --bs-ref-fw-semibold: 600;
284
+ --bs-ref-fw-bold: 700;
285
+ --bs-ref-fw-bolder: 800;
286
+ }
package/dist/css/dynamic-root.min.css ADDED
@@ -0,0 +1 @@
1
+ :root,[data-bs-theme=dynamic]{--bs-blue-rgb: 54, 109, 219;--bs-indigo-rgb: 72, 72, 183;--bs-purple-rgb: 82, 82, 152;--bs-pink-rgb: 230, 0, 99;--bs-red-rgb: 216, 27, 96;--bs-orange-rgb: 211, 47, 47;--bs-yellow-rgb: 251, 192, 45;--bs-green-rgb: 2, 135, 89;--bs-teal-rgb: 32, 201, 151;--bs-cyan-rgb: 13, 202, 240;--bs-black-rgb: 0, 0, 0;--bs-white-rgb: 255, 255, 255;--bs-gray-rgb: 109, 109, 130;--bs-gray-dark-rgb: 54, 55, 68;--bs-gray-100-rgb: 247, 247, 255;--bs-gray-200-rgb: 230, 230, 243;--bs-gray-300-rgb: 213, 212, 230;--bs-gray-400-rgb: 161, 161, 181;--bs-gray-500-rgb: 109, 109, 130;--bs-gray-600-rgb: 97, 97, 115;--bs-gray-700-rgb: 85, 85, 100;--bs-gray-800-rgb: 54, 55, 68;--bs-gray-900-rgb: 22, 23, 35;--bs-gray-soft-rgb: 250, 250, 250;--bs-primary-soft-rgb: 255, 249, 250;--bs-secondary-soft-rgb: 251, 250, 255;--bs-primary-100-rgb: 247, 209, 223;--bs-primary-200-rgb: 239, 164, 191;--bs-primary-300-rgb: 232, 118, 160;--bs-primary-400-rgb: 224, 73, 128;--bs-primary-500-rgb: var(--bs-primary-rgb);--bs-primary-600-rgb: 173, 22, 77;--bs-primary-700-rgb: 130, 16, 58;--bs-primary-800-rgb: 86, 11, 38;--bs-primary-900-rgb: 43, 5, 19;--bs-secondary-100-rgb: 218, 218, 241;--bs-secondary-200-rgb: 182, 182, 226;--bs-secondary-300-rgb: 145, 145, 212;--bs-secondary-400-rgb: 109, 109, 197;--bs-secondary-500-rgb: var(--bs-secondary-rgb);--bs-secondary-600-rgb: 58, 58, 146;--bs-secondary-700-rgb: 43, 43, 110;--bs-secondary-800-rgb: 29, 29, 73;--bs-secondary-900-rgb: 14, 14, 37;--bs-success-100-rgb: 204, 231, 222;--bs-success-200-rgb: 154, 207, 189;--bs-success-300-rgb: 103, 183, 155;--bs-success-400-rgb: 53, 159, 122;--bs-success-500-rgb: var(--bs-success-rgb);--bs-success-600-rgb: 2, 108, 71;--bs-success-700-rgb: 1, 81, 53;--bs-success-800-rgb: 1, 54, 36;--bs-success-900-rgb: 0, 27, 18;--bs-info-100-rgb: 215, 226, 248;--bs-info-200-rgb: 175, 197, 241;--bs-info-300-rgb: 134, 167, 233;--bs-info-400-rgb: 94, 138, 226;--bs-info-500-rgb: var(--bs-info-rgb);--bs-info-600-rgb: 43, 87, 175;--bs-info-700-rgb: 32, 65, 131;--bs-info-800-rgb: 22, 44, 88;--bs-info-900-rgb: 11, 22, 44;--bs-warning-100-rgb: 254, 242, 213;--bs-warning-200-rgb: 253, 230, 171;--bs-warning-300-rgb: 253, 217, 129;--bs-warning-400-rgb: 252, 205, 87;--bs-warning-500-rgb: var(--bs-warning-rgb);--bs-warning-600-rgb: 201, 154, 36;--bs-warning-700-rgb: 151, 115, 27;--bs-warning-800-rgb: 100, 77, 18;--bs-warning-900-rgb: 50, 38, 9;--bs-danger-100-rgb: 246, 213, 213;--bs-danger-200-rgb: 237, 172, 172;--bs-danger-300-rgb: 229, 130, 130;--bs-danger-400-rgb: 220, 89, 89;--bs-danger-500-rgb: var(--bs-danger-rgb);--bs-danger-600-rgb: 169, 38, 38;--bs-danger-700-rgb: 127, 28, 28;--bs-danger-800-rgb: 84, 19, 19;--bs-danger-900-rgb: 42, 9, 9;--bs-blue: rgb(var(--bs-blue-rgb));--bs-indigo: rgb(var(--bs-indigo-rgb));--bs-purple: rgb(var(--bs-purple-rgb));--bs-pink: rgb(var(--bs-pink-rgb));--bs-red: rgb(var(--bs-red-rgb));--bs-orange: rgb(var(--bs-orange-rgb));--bs-yellow: rgb(var(--bs-yellow-rgb));--bs-green: rgb(var(--bs-green-rgb));--bs-teal: rgb(var(--bs-teal-rgb));--bs-cyan: rgb(var(--bs-cyan-rgb));--bs-black: rgb(var(--bs-black-rgb));--bs-white: rgb(var(--bs-white-rgb));--bs-gray: rgb(var(--bs-gray-rgb));--bs-gray-dark: rgb(var(--bs-gray-dark-rgb));--bs-gray-100: rgb(var(--bs-gray-100-rgb));--bs-gray-200: rgb(var(--bs-gray-200-rgb));--bs-gray-300: rgb(var(--bs-gray-300-rgb));--bs-gray-400: rgb(var(--bs-gray-400-rgb));--bs-gray-500: rgb(var(--bs-gray-500-rgb));--bs-gray-600: rgb(var(--bs-gray-600-rgb));--bs-gray-700: rgb(var(--bs-gray-700-rgb));--bs-gray-800: rgb(var(--bs-gray-800-rgb));--bs-gray-900: rgb(var(--bs-gray-900-rgb));--bs-gray-soft: rgb(var(--bs-gray-soft-rgb));--bs-primary-soft: rgb(var(--bs-primary-soft-rgb));--bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));--bs-primary: rgb(var(--bs-primary-rgb));--bs-secondary: rgb(var(--bs-secondary-rgb));--bs-success: rgb(var(--bs-success-rgb));--bs-info: rgb(var(--bs-info-rgb));--bs-warning: rgb(var(--bs-warning-rgb));--bs-danger: rgb(var(--bs-danger-rgb));--bs-light: rgb(var(--bs-light-rgb));--bs-dark: rgb(var(--bs-dark-rgb));--bs-primary-rgb: var(--bs-red-rgb);--bs-secondary-rgb: var(--bs-indigo-rgb);--bs-success-rgb: var(--bs-green-rgb);--bs-info-rgb: var(--bs-blue-rgb);--bs-warning-rgb: var(--bs-yellow-rgb);--bs-danger-rgb: var(--bs-orange-rgb);--bs-light-rgb: var(--bs-gray-100-rgb);--bs-dark-rgb: var(--bs-gray-900-rgb);--bs-primary-100: rgb(var(--bs-primary-100-rgb));--bs-primary-200: rgb(var(--bs-primary-200-rgb));--bs-primary-300: rgb(var(--bs-primary-300-rgb));--bs-primary-400: rgb(var(--bs-primary-400-rgb));--bs-primary-500: rgb(var(--bs-primary-500-rgb));--bs-primary-600: rgb(var(--bs-primary-600-rgb));--bs-primary-700: rgb(var(--bs-primary-700-rgb));--bs-primary-800: rgb(var(--bs-primary-800-rgb));--bs-primary-900: rgb(var(--bs-primary-900-rgb));--bs-secondary-100: rgb(var(--bs-secondary-100-rgb));--bs-secondary-200: rgb(var(--bs-secondary-200-rgb));--bs-secondary-300: rgb(var(--bs-secondary-300-rgb));--bs-secondary-400: rgb(var(--bs-secondary-400-rgb));--bs-secondary-500: rgb(var(--bs-secondary-500-rgb));--bs-secondary-600: rgb(var(--bs-secondary-600-rgb));--bs-secondary-700: rgb(var(--bs-secondary-700-rgb));--bs-secondary-800: rgb(var(--bs-secondary-800-rgb));--bs-secondary-900: rgb(var(--bs-secondary-900-rgb));--bs-success-100: rgb(var(--bs-success-100-rgb));--bs-success-200: rgb(var(--bs-success-200-rgb));--bs-success-300: rgb(var(--bs-success-300-rgb));--bs-success-400: rgb(var(--bs-success-400-rgb));--bs-success-500: rgb(var(--bs-success-500-rgb));--bs-success-600: rgb(var(--bs-success-600-rgb));--bs-success-700: rgb(var(--bs-success-700-rgb));--bs-success-800: rgb(var(--bs-success-800-rgb));--bs-success-900: rgb(var(--bs-success-900-rgb));--bs-info-100: rgb(var(--bs-info-100-rgb));--bs-info-200: rgb(var(--bs-info-200-rgb));--bs-info-300: rgb(var(--bs-info-300-rgb));--bs-info-400: rgb(var(--bs-info-400-rgb));--bs-info-500: rgb(var(--bs-info-500-rgb));--bs-info-600: rgb(var(--bs-info-600-rgb));--bs-info-700: rgb(var(--bs-info-700-rgb));--bs-info-800: rgb(var(--bs-info-800-rgb));--bs-info-900: rgb(var(--bs-info-900-rgb));--bs-warning-100: rgb(var(--bs-warning-100-rgb));--bs-warning-200: rgb(var(--bs-warning-200-rgb));--bs-warning-300: rgb(var(--bs-warning-300-rgb));--bs-warning-400: rgb(var(--bs-warning-400-rgb));--bs-warning-500: rgb(var(--bs-warning-500-rgb));--bs-warning-600: rgb(var(--bs-warning-600-rgb));--bs-warning-700: rgb(var(--bs-warning-700-rgb));--bs-warning-800: rgb(var(--bs-warning-800-rgb));--bs-warning-900: rgb(var(--bs-warning-900-rgb));--bs-danger-100: rgb(var(--bs-danger-100-rgb));--bs-danger-200: rgb(var(--bs-danger-200-rgb));--bs-danger-300: rgb(var(--bs-danger-300-rgb));--bs-danger-400: rgb(var(--bs-danger-400-rgb));--bs-danger-500: rgb(var(--bs-danger-500-rgb));--bs-danger-600: rgb(var(--bs-danger-600-rgb));--bs-danger-700: rgb(var(--bs-danger-700-rgb));--bs-danger-800: rgb(var(--bs-danger-800-rgb));--bs-danger-900: rgb(var(--bs-danger-900-rgb));--bs-primary-text-emphasis: var(--bs-primary-600);--bs-secondary-text-emphasis: var(--bs-secondary-600);--bs-success-text-emphasis: var(--bs-success-600);--bs-info-text-emphasis: var(--bs-info-600);--bs-warning-text-emphasis: var(--bs-warning-600);--bs-danger-text-emphasis: var(--bs-danger-600);--bs-light-text-emphasis: var(--bs-gray-600);--bs-dark-text-emphasis: var(--bs-gray-600);--bs-primary-bg-subtle: var(--bs-primary-100);--bs-secondary-bg-subtle: var(--bs-secondary-100);--bs-success-bg-subtle: var(--bs-success-100);--bs-info-bg-subtle: var(--bs-info-100);--bs-warning-bg-subtle: var(--bs-warning-100);--bs-danger-bg-subtle: var(--bs-danger-100);--bs-light-bg-subtle: var(--bs-gray-100);--bs-dark-bg-subtle: var(--bs-gray-400);--bs-primary-border-subtle: var(--bs-primary-100);--bs-secondary-border-subtle: var(--bs-secondary-100);--bs-success-border-subtle: var(--bs-success-100);--bs-info-border-subtle: var(--bs-info-100);--bs-warning-border-subtle: var(--bs-warning-100);--bs-danger-border-subtle: var(--bs-danger-100);--bs-light-border-subtle: var(--bs-gray-100);--bs-dark-border-subtle: var(--bs-gray-400);--bs-font-sans-serif: "Source Sans Pro", sans-serif;--bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-root-font-size: 16px;--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.2;--bs-body-color: rgb(var(--bs-body-color-rgb));--bs-body-color-rgb: var(--bs-gray-900-rgb);--bs-body-bg: rgb(var(--bs-body-bg-rgb));--bs-body-bg-rgb: var(--bs-white-rgb);--bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));--bs-emphasis-color-rgb: var(--bs-black);--bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);--bs-secondary-color-rgb: var(--bs-body-color-rgb);--bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));--bs-secondary-bg-rgb: var(--bs-gray-200);--bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5);--bs-tertiary-color-rgb: var(--bs-body-color-rgb);--bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));--bs-tertiary-bg-rgb: var(--bs-gray-100);--bs-heading-color: inherit;--bs-link-color: rgb(var(--bs-link-color-rgb));--bs-link-color-rgb: var(--bs-primary);--bs-link-decoration: underline;--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));--bs-link-hover-color-rgb: var(--bs-primary-700);--bs-link-hover-decoration: underline;--bs-code-color: rgb(var(--bs-code-color-rgb));--bs-code-color-rgb: var(--bs-primary-rgb);--bs-highlight-bg: var(--bs-warning-100);--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: var(--bs-gray-200);--bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175);--bs-border-radius: 1rem;--bs-border-radius-sm: 0.5rem;--bs-border-radius-lg: 1.5rem;--bs-border-radius-xl: 2rem;--bs-border-radius-xxl: 2.5rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 12px 14px 0 rgba(22, 23, 35, 0.2);--bs-box-shadow-sm: 0 8px 12px 0 rgba(22, 23, 35, 0.05);--bs-box-shadow-lg: 0 20px 22px 0 rgba(22, 23, 35, 0.25);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 1;--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));--bs-form-valid-color: var(--bs-gray);--bs-form-valid-border-color: var(--bs-gray);--bs-form-invalid-color: var(--bs-danger);--bs-form-invalid-border-color: var(--bs-danger);--bs-ref-spacer-0: 0;--bs-ref-spacer-1: 0.25rem;--bs-ref-spacer-2: 0.5rem;--bs-ref-spacer-3: 1rem;--bs-ref-spacer-4: 1.5rem;--bs-ref-spacer-5: 2rem;--bs-ref-spacer-6: 2.5rem;--bs-ref-spacer-7: 3rem;--bs-ref-spacer-8: 3.5rem;--bs-ref-display-1: 7.5rem;--bs-ref-display-2: 4.5rem;--bs-ref-display-3: 4rem;--bs-ref-display-4: 3.5rem;--bs-ref-display-5: 3rem;--bs-ref-display-6: 2.5rem;--bs-ref-fs-1: 4rem;--bs-ref-fs-2: 3.5rem;--bs-ref-fs-3: 3rem;--bs-ref-fs-4: 2rem;--bs-ref-fs-5: 1.5rem;--bs-ref-fs-6: 1.125rem;--bs-ref-fs-small: 0.875rem;--bs-ref-fw-lighter: lighter;--bs-ref-fw-light: 200;--bs-ref-fw-normal: 400;--bs-ref-fw-semibold: 600;--bs-ref-fw-bold: 700;--bs-ref-fw-bolder: 800}