@openedx/paragon 23.3.0 → 23.4.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 (38) hide show
  1. package/bin/paragon-scripts.js +1 -1
  2. package/dist/DataTable/TablePagination.js +4 -0
  3. package/dist/DataTable/TablePagination.js.map +1 -1
  4. package/dist/DataTable/TablePaginationMinimal.js +4 -1
  5. package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
  6. package/dist/DataTable/messages.js +11 -0
  7. package/dist/Hyperlink/index.d.ts +10 -5
  8. package/dist/Hyperlink/index.js +56 -25
  9. package/dist/Hyperlink/index.js.map +1 -1
  10. package/dist/core.css +657 -657
  11. package/dist/core.css.map +1 -1
  12. package/dist/core.min.css +1 -1
  13. package/dist/index.d.ts +1 -1
  14. package/dist/index.js +1 -1
  15. package/dist/light.css +2051 -2051
  16. package/dist/light.css.map +1 -1
  17. package/dist/light.min.css +1 -1
  18. package/package.json +2 -2
  19. package/src/Button/Button.test.tsx +6 -1
  20. package/src/DataTable/TablePagination.jsx +5 -0
  21. package/src/DataTable/TablePaginationMinimal.jsx +5 -1
  22. package/src/DataTable/messages.js +11 -0
  23. package/src/DataTable/tests/TableFooter.test.jsx +5 -1
  24. package/src/DataTable/tests/TablePagination.test.jsx +6 -3
  25. package/src/Hyperlink/Hyperlink.test.tsx +50 -20
  26. package/src/Hyperlink/README.md +14 -1
  27. package/src/Hyperlink/index.tsx +70 -30
  28. package/src/MailtoLink/MailtoLink.test.jsx +12 -3
  29. package/src/Menu/Menu.test.jsx +12 -9
  30. package/src/Menu/SelectMenu.test.jsx +35 -16
  31. package/src/Menu/__snapshots__/Menu.test.jsx.snap +0 -1
  32. package/src/index.d.ts +1 -1
  33. package/src/index.js +1 -1
  34. package/styles/css/core/variables.css +656 -656
  35. package/styles/css/themes/light/variables.css +2051 -2051
  36. package/styles/scss/core/_variables.scss +1 -1
  37. package/tokens/src/core/global/other.json +5 -0
  38. package/tokens/src/core/global/typography.json +0 -5
package/dist/core.css CHANGED
@@ -90,666 +90,666 @@
90
90
  --breakpoint-xxl: 1400px;
91
91
  --font-family-sans-serif: var(--pgn-typography-font-family-sans-serif);
92
92
  --font-family-monospace: var(--pgn-typography-font-family-monospace);
93
- --pgn-theme-interval: 8%;
94
- --pgn-other-form-control-custom-file-content: Browse;
95
- --pgn-other-form-control-custom-file-lang: en;
96
- --pgn-other-form-control-range-track-cursor: pointer;
97
- --pgn-other-form-control-cursor: auto;
98
- --pgn-elevation-zindex-fixed: 1030;
99
- --pgn-elevation-zindex-sticky: 1020;
100
- --pgn-elevation-zindex-2000: 2000;
101
- --pgn-elevation-zindex-1800: 1800;
102
- --pgn-elevation-zindex-1600: 1600;
103
- --pgn-elevation-zindex-1400: 1400;
104
- --pgn-elevation-zindex-1200: 1200;
105
- --pgn-elevation-zindex-1000: 1000;
106
- --pgn-elevation-zindex-800: 800;
107
- --pgn-elevation-zindex-600: 600;
108
- --pgn-elevation-zindex-400: 400;
109
- --pgn-elevation-zindex-200: 200;
110
- --pgn-elevation-zindex-0: 0;
111
- --pgn-elevation-tooltip-zindex: 1070;
112
- --pgn-elevation-sheet-zindex-main: 1032;
113
- --pgn-elevation-sheet-zindex-backdrop: 1031;
114
- --pgn-elevation-product-tour-checkpoint-zindex: 1060;
115
- --pgn-elevation-popover-zindex: 1060;
116
- --pgn-elevation-modal-zindex: 1050;
117
- --pgn-elevation-modal-backdrop-zindex: 1040;
118
- --pgn-elevation-dropdown-zindex: 1000;
119
- --pgn-transition-collapse-width-behavior: normal;
120
- --pgn-transition-collapse-width-delay: 0s;
121
- --pgn-transition-collapse-width-timing-function: ease;
122
- --pgn-transition-collapse-width-duration: 0.35s;
123
- --pgn-transition-collapse-width-property: width;
124
- --pgn-transition-collapse-height-behavior: normal;
125
- --pgn-transition-collapse-height-delay: 0s;
126
- --pgn-transition-collapse-height-timing-function: ease;
127
- --pgn-transition-collapse-height-duration: 0.35s;
128
- --pgn-transition-collapse-height-property: height;
129
- --pgn-transition-fade-behavior: normal;
130
- --pgn-transition-fade-delay: 0s;
131
- --pgn-transition-fade-timing-function: linear;
132
- --pgn-transition-fade-duration: 0.15s;
133
- --pgn-transition-fade-property: opacity;
134
- --pgn-transition-base-behavior: normal;
135
- --pgn-transition-base-delay: 0s;
136
- --pgn-transition-base-timing-function: ease-in-out;
137
- --pgn-transition-base-duration: 0.2s;
138
- --pgn-transition-base-property: all;
139
- --pgn-transition-progress-bar-transition-behavior: normal;
140
- --pgn-transition-progress-bar-transition-delay: 0s;
141
- --pgn-transition-progress-bar-transition-timing-function: ease;
142
- --pgn-transition-progress-bar-transition-duration: 0.6s;
143
- --pgn-transition-progress-bar-transition-property: width;
144
- --pgn-transition-progress-bar-animation-timing-iteration-count: infinite;
145
- --pgn-transition-progress-bar-animation-timing-delay: 0s;
146
- --pgn-transition-progress-bar-animation-timing-timing-function: linear;
147
- --pgn-transition-progress-bar-animation-timing-duration: 1s;
148
- --pgn-transition-form-control-3-behavior: normal;
149
- --pgn-transition-form-control-3-delay: 0s;
150
- --pgn-transition-form-control-3-timing-function: ease-in-out;
151
- --pgn-transition-form-control-3-duration: 0.15s;
152
- --pgn-transition-form-control-3-property: box-shadow;
153
- --pgn-transition-form-control-2-behavior: normal;
154
- --pgn-transition-form-control-2-delay: 0s;
155
- --pgn-transition-form-control-2-timing-function: ease-in-out;
156
- --pgn-transition-form-control-2-duration: 0.15s;
157
- --pgn-transition-form-control-2-property: border-color;
158
- --pgn-transition-form-control-1-behavior: normal;
159
- --pgn-transition-form-control-1-delay: 0s;
160
- --pgn-transition-form-control-1-timing-function: ease-in-out;
161
- --pgn-transition-form-control-1-duration: 0.15s;
162
- --pgn-transition-form-control-1-property: background-color;
163
- --pgn-transition-form-input-2-behavior: normal;
164
- --pgn-transition-form-input-2-delay: 0s;
165
- --pgn-transition-form-input-2-timing-function: ease-in-out;
166
- --pgn-transition-form-input-2-duration: 0.15s;
167
- --pgn-transition-form-input-2-property: box-shadow;
168
- --pgn-transition-form-input-1-behavior: normal;
169
- --pgn-transition-form-input-1-delay: 0s;
170
- --pgn-transition-form-input-1-timing-function: ease-in-out;
171
- --pgn-transition-form-input-1-duration: 0.15s;
172
- --pgn-transition-form-input-1-property: border-color;
173
- --pgn-transition-carousel-control-behavior: normal;
174
- --pgn-transition-carousel-control-delay: 0ms;
175
- --pgn-transition-carousel-control-timing-function: ease;
176
- --pgn-transition-carousel-control-duration: 0.15s;
177
- --pgn-transition-carousel-control-property: opacity;
178
- --pgn-transition-carousel-indicator-behavior: normal;
179
- --pgn-transition-carousel-indicator-delay: 0ms;
180
- --pgn-transition-carousel-indicator-timing-function: ease;
181
- --pgn-transition-carousel-indicator-duration: var(--pgn-transition-carousel-duration);
182
- --pgn-transition-carousel-indicator-property: opacity;
183
- --pgn-transition-carousel-duration: 0.6s;
184
- --pgn-transition-carousel-base-behavior: normal;
185
- --pgn-transition-carousel-base-delay: 0ms;
186
- --pgn-transition-carousel-base-timing-function: ease-in-out;
187
- --pgn-transition-carousel-base-duration: var(--pgn-transition-carousel-duration);
188
- --pgn-transition-carousel-base-property: transform;
189
- --pgn-transition-btn: none;
190
- --pgn-transition-badge: none;
191
- --pgn-typography-print-page-size: a3;
192
- --pgn-typography-line-height-display-mobile: 3.5rem;
193
- --pgn-typography-line-height-display-base: 1;
194
- --pgn-typography-line-height-micro: 0.938rem;
195
- --pgn-typography-line-height-sm: 1.5;
196
- --pgn-typography-line-height-lg: 1.5;
197
- --pgn-typography-line-height-base: 1.5556;
198
- --pgn-typography-font-weight-display-4: var(--pgn-typography-font-weight-bold);
199
- --pgn-typography-font-weight-display-3: var(--pgn-typography-font-weight-bold);
200
- --pgn-typography-font-weight-display-2: var(--pgn-typography-font-weight-bold);
201
- --pgn-typography-font-weight-display-1: var(--pgn-typography-font-weight-bold);
202
- --pgn-typography-font-weight-table-th: 700;
203
- --pgn-typography-font-weight-lead: inherit;
204
- --pgn-typography-font-weight-base: var(--pgn-typography-font-weight-normal);
205
- --pgn-typography-font-weight-bolder: bolder;
206
- --pgn-typography-font-weight-bold: 700;
207
- --pgn-typography-font-weight-semi-bold: 500;
208
- --pgn-typography-font-weight-normal: 400;
209
- --pgn-typography-font-weight-light: 300;
210
- --pgn-typography-font-weight-lighter: lighter;
211
- --pgn-typography-font-size-display-mobile-4: var(--pgn-typography-font-size-display-mobile-1);
212
- --pgn-typography-font-size-display-mobile-3: var(--pgn-typography-font-size-display-mobile-1);
213
- --pgn-typography-font-size-display-mobile-2: var(--pgn-typography-font-size-display-mobile-1);
214
- --pgn-typography-font-size-display-mobile-1: 3.25rem;
215
- --pgn-typography-font-size-display-4: 7.5rem;
216
- --pgn-typography-font-size-display-3: 5.625rem;
217
- --pgn-typography-font-size-display-2: 4.875rem;
218
- --pgn-typography-font-size-display-1: 3.75rem;
219
- --pgn-typography-font-size-h6-mobile: var(--pgn-typography-font-size-h6-base);
220
- --pgn-typography-font-size-h6-base: 0.75rem;
221
- --pgn-typography-font-size-h5-mobile: var(--pgn-typography-font-size-h5-base);
222
- --pgn-typography-font-size-h5-base: 0.875rem;
223
- --pgn-typography-font-size-h4-mobile: var(--pgn-typography-font-size-h4-base);
224
- --pgn-typography-font-size-h4-base: 1.125rem;
225
- --pgn-typography-font-size-h3-mobile: var(--pgn-typography-font-size-h3-base);
226
- --pgn-typography-font-size-h3-base: 1.375rem;
227
- --pgn-typography-font-size-h2-mobile: var(--pgn-typography-font-size-h2-base);
228
- --pgn-typography-font-size-h2-base: 2rem;
229
- --pgn-typography-font-size-h1-mobile: 2.25rem;
230
- --pgn-typography-font-size-h1-base: 2.5rem;
231
- --pgn-typography-font-size-micro: 0.688rem;
232
- --pgn-typography-font-size-xs: 75%;
233
- --pgn-typography-font-size-sm: 87.5%;
234
- --pgn-typography-font-size-lg: calc(var(--pgn-typography-font-size-base) * 1.25);
235
- --pgn-typography-font-size-base: 1.125rem;
236
- --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
237
- --pgn-typography-font-family-serif: serif;
238
- --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
239
- --pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif);
240
- --pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25);
241
- --pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-sm);
242
- --pgn-typography-dt-font-weight: var(--pgn-typography-font-weight-bold);
243
- --pgn-typography-link-decoration-brand-inline-hover: underline;
244
- --pgn-typography-link-decoration-brand-inline-base: underline;
245
- --pgn-typography-link-decoration-brand-hover: underline;
246
- --pgn-typography-link-decoration-brand-base: none;
247
- --pgn-typography-link-decoration-muted-inline-hover: underline;
248
- --pgn-typography-link-decoration-muted-inline-base: underline;
249
- --pgn-typography-link-decoration-muted-hover: underline;
250
- --pgn-typography-link-decoration-muted-base: none;
251
- --pgn-typography-link-decoration-inline-hover: underline;
252
- --pgn-typography-link-decoration-inline-base: underline;
253
- --pgn-typography-link-decoration-hover: underline;
254
- --pgn-typography-link-decoration-base: none;
255
- --pgn-typography-input-btn-line-height-lg: var(--pgn-typography-line-height-lg);
256
- --pgn-typography-input-btn-line-height-sm: 1.4286;
257
- --pgn-typography-input-btn-line-height-base: 1.3333;
258
- --pgn-typography-input-btn-font-size-lg: 1.325rem;
259
- --pgn-typography-input-btn-font-size-sm: 0.875rem;
260
- --pgn-typography-input-btn-font-size-base: 1.125rem;
261
- --pgn-typography-input-btn-font-family: inherit;
262
- --pgn-typography-headings-line-height: 1.25;
263
- --pgn-typography-headings-font-weight: var(--pgn-typography-font-weight-bold);
264
- --pgn-typography-headings-font-family: inherit;
265
- --pgn-typography-tooltip-font-size: var(--pgn-typography-font-size-sm);
266
- --pgn-typography-toast-font-size: 0.875rem;
267
- --pgn-typography-tabs-notification-font-size: var(--pgn-typography-font-size-xs);
268
- --pgn-typography-spacer-line-height: 1px;
269
- --pgn-typography-progress-bar-font-size: calc(var(--pgn-typography-font-size-base) * .75);
270
- --pgn-typography-popover-font-size: var(--pgn-typography-font-size-sm);
271
- --pgn-typography-pagination-line-height: 1.5rem;
272
- --pgn-typography-pagination-font-size-sm: 0.875rem;
273
- --pgn-typography-navbar-toggler-font-size: var(--pgn-typography-font-size-lg);
274
- --pgn-typography-navbar-nav-link-height: calc(var(--pgn-typography-font-size-base) * var(--pgn-typography-line-height-base) + .5rem * 2);
275
- --pgn-typography-navbar-brand-font-size: var(--pgn-typography-font-size-lg);
276
- --pgn-typography-nav-link-text-decoration: none;
277
- --pgn-typography-nav-link-font-weight: 500;
278
- --pgn-typography-menu-select-btn-link-text-decoration-thickness: 0.125rem;
279
- --pgn-typography-menu-select-btn-link-text-decoration-line: underline;
280
- --pgn-typography-image-figure-caption-font-size: 90%;
281
- --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-typography-line-height-base);
282
- --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-typography-font-size-sm);
283
- --pgn-typography-form-feedback-font-size: var(--pgn-typography-font-size-sm);
284
- --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
285
- --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
286
- --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
287
- --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
288
- --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
289
- --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
290
- --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
291
- --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
292
- --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
293
- --pgn-typography-form-input-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
294
- --pgn-typography-form-input-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
295
- --pgn-typography-form-input-line-height-base: var(--pgn-typography-input-btn-line-height-base);
296
- --pgn-typography-form-input-font-weight: var(--pgn-typography-font-weight-base);
297
- --pgn-typography-form-input-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
298
- --pgn-typography-form-input-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
299
- --pgn-typography-form-input-font-size-base: var(--pgn-typography-input-btn-font-size-base);
300
- --pgn-typography-form-input-font-family: var(--pgn-typography-input-btn-font-family);
301
- --pgn-typography-dropzone-restriction-msg-font-size: var(--pgn-typography-font-size-xs);
302
- --pgn-typography-dropdown-item-text-decoration: none;
303
- --pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
304
- --pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
305
- --pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
306
- --pgn-typography-code-font-size: var(--pgn-typography-font-size-sm);
307
- --pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
308
- --pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
309
- --pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-xs);
310
- --pgn-typography-btn-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
311
- --pgn-typography-btn-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
312
- --pgn-typography-btn-line-height-base: var(--pgn-typography-input-btn-line-height-base);
313
- --pgn-typography-btn-font-weight: var(--pgn-typography-font-weight-normal);
314
- --pgn-typography-btn-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
315
- --pgn-typography-btn-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
316
- --pgn-typography-btn-font-size-base: var(--pgn-typography-input-btn-font-size-base);
317
- --pgn-typography-btn-font-family: var(--pgn-typography-input-btn-font-family);
318
- --pgn-typography-badge-font-weight: var(--pgn-typography-font-weight-bold);
319
- --pgn-typography-badge-font-size: 75%;
320
- --pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
321
- --pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
322
- --pgn-typography-alert-line-height: 1.5rem;
323
- --pgn-typography-alert-font-size: 0.875rem;
324
- --pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
325
- --pgn-spacing-grid-gutter-width: 24px;
326
- --pgn-spacing-table-cell-padding-sm: 0.3rem;
327
- --pgn-spacing-table-cell-padding-base: 0.75rem;
328
- --pgn-spacing-label-margin-bottom: 0.5rem;
329
- --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4);
330
- --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2);
331
- --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25);
332
- --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75);
333
- --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375);
334
- --pgn-spacing-spacer-base: 1rem;
335
- --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5);
336
- --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3);
337
- --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5);
338
- --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base);
339
- --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5);
340
- --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25);
341
- --pgn-spacing-spacer-0: 0rem;
342
- --pgn-spacing-mark-padding: 0.2em;
343
- --pgn-spacing-paragraph-margin-bottom: 1rem;
344
- --pgn-spacing-list-group-item-padding-x: 1.25rem;
345
- --pgn-spacing-list-group-item-padding-y: 0.75rem;
346
- --pgn-spacing-list-inline-padding: 0.5rem;
347
- --pgn-spacing-input-btn-padding-lg-x: 1.25rem;
348
- --pgn-spacing-input-btn-padding-lg-y: 0.6875rem;
349
- --pgn-spacing-input-btn-padding-sm-x: 0.75rem;
350
- --pgn-spacing-input-btn-padding-sm-y: 0.4375rem;
351
- --pgn-spacing-input-btn-padding-x: 1rem;
352
- --pgn-spacing-input-btn-padding-y: 0.5625rem;
353
- --pgn-spacing-headings-margin-bottom: 0.5rem;
354
- --pgn-spacing-caret-vertical-align: 0.255em;
355
- --pgn-spacing-caret-base: 0.255em;
356
- --pgn-spacing-tooltip-margin: 0rem;
357
- --pgn-spacing-tooltip-padding-x: 0.5rem;
358
- --pgn-spacing-tooltip-padding-y: 0.5rem;
359
- --pgn-spacing-toast-container-gutter-sm: 0.625rem;
360
- --pgn-spacing-toast-container-gutter-lg: 1.25rem;
361
- --pgn-spacing-toast-padding-y: 0.25rem;
362
- --pgn-spacing-toast-padding-x: 0.75rem;
363
- --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-distance: 5px;
364
- --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
365
- --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x: 0.625rem;
366
- --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
367
- --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x: 0.625rem;
368
- --pgn-spacing-tab-more-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
369
- --pgn-spacing-tab-more-link-dropdown-toggle-padding-x: 0.7rem;
370
- --pgn-spacing-sticky-offset: 0rem;
371
- --pgn-spacing-stepper-header-step-list-margin: 0rem;
372
- --pgn-spacing-stepper-header-step-list-padding-x: 0rem;
373
- --pgn-spacing-stepper-header-step-list-padding-y: 0.25rem;
374
- --pgn-spacing-stepper-header-step-padding: 0.25rem;
375
- --pgn-spacing-stepper-header-padding-x: var(--pgn-spacing-spacer-base);
376
- --pgn-spacing-stepper-header-padding-y: 0.75rem;
377
- --pgn-spacing-vertical-align: 0.125em;
378
- --pgn-spacing-selectable-box-box-space: 0.75rem;
379
- --pgn-spacing-selectable-box-border-radius: 0.25rem;
380
- --pgn-spacing-selectable-box-padding: 1rem;
381
- --pgn-spacing-search-field-margin-button: 0.5rem;
382
- --pgn-spacing-progress-bar-hint-annotation-gap: 0.5rem;
383
- --pgn-spacing-popover-icon-margin-right: 0.5rem;
384
- --pgn-spacing-popover-body-padding-x: var(--pgn-spacing-popover-header-padding-x);
385
- --pgn-spacing-popover-body-padding-y: var(--pgn-spacing-popover-header-padding-y);
386
- --pgn-spacing-popover-header-padding-x: 1rem;
387
- --pgn-spacing-popover-header-padding-y: 0.5rem;
388
- --pgn-spacing-pagination-padding-x-lg: 1.5rem;
389
- --pgn-spacing-pagination-padding-x-sm: 0.6rem;
390
- --pgn-spacing-pagination-padding-x-base: 1rem;
391
- --pgn-spacing-pagination-padding-y-lg: 0.75rem;
392
- --pgn-spacing-pagination-padding-y-sm: 0.8rem;
393
- --pgn-spacing-pagination-padding-y-base: 0.625rem;
394
- --pgn-spacing-navbar-toggler-padding-x: 0.75rem;
395
- --pgn-spacing-navbar-toggler-padding-y: 0.25rem;
396
- --pgn-spacing-navbar-brand-padding-y: calc((var(--pgn-typography-navbar-nav-link-height) - var(--pgn-size-navbar-brand-height)) / 2);
397
- --pgn-spacing-navbar-padding-x-nav-link: 0.5rem;
398
- --pgn-spacing-navbar-padding-x-base: var(--pgn-spacing-spacer-base);
399
- --pgn-spacing-navbar-padding-y: calc(var(--pgn-spacing-spacer-base) / 2);
400
- --pgn-spacing-nav-link-distance-to-border: 4px;
401
- --pgn-spacing-nav-link-padding-x: 1rem;
402
- --pgn-spacing-nav-link-padding-y: 0.5rem;
403
- --pgn-spacing-modal-dialog-margin: 1.5rem;
404
- --pgn-spacing-modal-header-padding-y: 1rem;
405
- --pgn-spacing-modal-header-padding-base-y: var(--pgn-spacing-modal-header-padding-y);
406
- --pgn-spacing-modal-header-padding-base-x: 1.5rem;
407
- --pgn-spacing-modal-footer-padding-y: 1rem;
408
- --pgn-spacing-modal-footer-padding-base-y: var(--pgn-spacing-modal-footer-padding-y);
409
- --pgn-spacing-modal-footer-padding-base-x: 1.5rem;
410
- --pgn-spacing-modal-inner-padding-bottom: 0.7rem;
411
- --pgn-spacing-modal-inner-padding-base: 1.5rem;
412
- --pgn-spacing-menu-item-icon-margin-right: var(--pgn-spacing-menu-item-icon-margin-left);
413
- --pgn-spacing-menu-item-icon-margin-left: 0.25em;
414
- --pgn-spacing-menu-item-padding-y: var(--pgn-spacing-btn-padding-y-base);
415
- --pgn-spacing-menu-item-padding-x: var(--pgn-spacing-btn-padding-x-base);
416
- --pgn-spacing-image-thumbnail-padding: 0.25rem;
417
- --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
418
- --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
419
- --pgn-spacing-form-control-select-icon-padding: 0.5625rem;
420
- --pgn-spacing-form-control-select-feedback-tooltip-padding-x: 0.5rem;
421
- --pgn-spacing-form-control-select-feedback-tooltip-padding-y: 0.25rem;
422
- --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
423
- --pgn-spacing-form-control-select-feedback-icon-position-offset-y: 0;
424
- --pgn-spacing-form-control-select-feedback-icon-position-offset-x: calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
425
- --pgn-spacing-form-control-select-feedback-icon-position-position-x: right;
426
- --pgn-spacing-form-control-select-feedback-icon-position-position-y: center;
427
- --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
428
- --pgn-spacing-form-control-select-indicator-padding: 1rem;
429
- --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
430
- --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
431
- --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
432
- --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
433
- --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
434
- --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
435
- --pgn-spacing-form-control-spacer-x: 1rem;
436
- --pgn-spacing-form-control-gutter: 0.5rem;
437
- --pgn-spacing-form-group-margin-bottom: 1rem;
438
- --pgn-spacing-form-check-position-axis: 0.375rem;
439
- --pgn-spacing-form-check-inline-margin-x: 0.75rem;
440
- --pgn-spacing-form-text-margin-top: 0.25rem;
441
- --pgn-spacing-form-input-check-margin-y: 0.3rem;
442
- --pgn-spacing-form-input-check-margin-x-inline: 0.3125rem;
443
- --pgn-spacing-form-input-check-margin-x-base: 0.25rem;
444
- --pgn-spacing-form-input-check-gutter: 1.25rem;
445
- --pgn-spacing-form-input-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
446
- --pgn-spacing-form-input-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
447
- --pgn-spacing-form-input-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
448
- --pgn-spacing-form-input-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
449
- --pgn-spacing-form-input-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
450
- --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
451
- --pgn-spacing-dropzone-border-base: 1px;
452
- --pgn-spacing-dropzone-padding: 1.5rem;
453
- --pgn-spacing-dropdown-close-container-top: 0.625rem;
454
- --pgn-spacing-dropdown-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
455
- --pgn-spacing-dropdown-padding-header-y: 0.5rem;
456
- --pgn-spacing-dropdown-padding-header-x: var(--pgn-spacing-dropdown-padding-x-item);
457
- --pgn-spacing-dropdown-padding-y-item: 0.25rem;
458
- --pgn-spacing-dropdown-padding-y-base: 0.5rem;
459
- --pgn-spacing-dropdown-padding-x-item: 1rem;
460
- --pgn-spacing-dropdown-padding-x-base: 0rem;
461
- --pgn-spacing-dropdown-spacer: 0.125rem;
462
- --pgn-spacing-data-table-footer-position: center;
463
- --pgn-spacing-data-table-padding-cell-y: 0.75rem;
464
- --pgn-spacing-data-table-padding-cell-x: 0.5rem;
465
- --pgn-spacing-data-table-padding-small: 0.5rem;
466
- --pgn-spacing-data-table-padding-y: 0.75rem;
467
- --pgn-spacing-data-table-padding-x: 0.75rem;
468
- --pgn-spacing-collapsible-card-spacer-basic-icon: 0.625rem;
469
- --pgn-spacing-collapsible-card-spacer-basic-x: 0.5rem;
470
- --pgn-spacing-collapsible-card-spacer-basic-y: 0.5rem;
471
- --pgn-spacing-collapsible-card-spacer-icon: 2.5rem;
472
- --pgn-spacing-collapsible-card-spacer-left-body: 0.75rem;
473
- --pgn-spacing-collapsible-card-spacer-x-lg: var(--pgn-spacing-card-spacer-x);
474
- --pgn-spacing-collapsible-card-spacer-x-base: 0.5rem;
475
- --pgn-spacing-collapsible-card-spacer-y-lg: var(--pgn-spacing-card-spacer-y);
476
- --pgn-spacing-collapsible-card-spacer-y-base: 0.5rem;
477
- --pgn-spacing-code-kbd-padding-x: 0.4rem;
478
- --pgn-spacing-code-kbd-padding-y: 0.2rem;
479
- --pgn-spacing-chip-carousel-container-padding-y: 0.313rem;
480
- --pgn-spacing-chip-carousel-container-padding-x: 0.625rem;
481
- --pgn-spacing-chip-carousel-controls-top-offset: 0.375rem;
482
- --pgn-spacing-chip-outline-width: 3px;
483
- --pgn-spacing-chip-outline-focus-distance-dark: 0.313rem;
484
- --pgn-spacing-chip-outline-focus-distance-light: 0.313rem;
485
- --pgn-spacing-chip-outline-selected-distance-dark: 3px;
486
- --pgn-spacing-chip-outline-selected-distance-light: 3px;
487
- --pgn-spacing-chip-padding-x: 0.5rem;
488
- --pgn-spacing-chip-padding-y: 1px;
489
- --pgn-spacing-chip-margin-icon: 0.25rem;
490
- --pgn-spacing-chip-margin-base: 0.125rem;
491
- --pgn-spacing-carousel-indicator-spacer: 3px;
492
- --pgn-spacing-card-focus-border-offset: 5px;
493
- --pgn-spacing-card-logo-bottom-offset-horizontal: 0.4375rem;
494
- --pgn-spacing-card-logo-bottom-offset-base: 1rem;
495
- --pgn-spacing-card-logo-left-offset-horizontal: 0.4375rem;
496
- --pgn-spacing-card-logo-left-offset-base: 1.5rem;
497
- --pgn-spacing-card-loading-skeleton-spacer: 0.313rem;
498
- --pgn-spacing-card-footer-action-gap: 0.5rem;
499
- --pgn-spacing-card-columns-gap: 1.25rem;
500
- --pgn-spacing-card-columns-count: 3;
501
- --pgn-spacing-card-columns-margin: var(--pgn-spacing-card-spacer-y);
502
- --pgn-spacing-card-margin-grid-bottom: var(--pgn-spacing-spacer-3);
503
- --pgn-spacing-card-margin-grid: var(--pgn-spacing-card-margin-group);
504
- --pgn-spacing-card-margin-deck-bottom: var(--pgn-spacing-spacer-3);
505
- --pgn-spacing-card-margin-deck: var(--pgn-spacing-card-margin-group);
506
- --pgn-spacing-card-margin-group: 12px;
507
- --pgn-spacing-card-spacer-y: 0.75rem;
508
- --pgn-spacing-card-spacer-x: 1.25rem;
509
- --pgn-spacing-btn-focus-distance-to-border: calc(var(--pgn-spacing-btn-focus-border-gap) + var(--pgn-size-btn-border-width));
510
- --pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
511
- --pgn-spacing-btn-focus-gap: var(--pgn-size-btn-focus-width);
512
- --pgn-spacing-btn-block-spacing-y: 0.5rem;
513
- --pgn-spacing-btn-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
514
- --pgn-spacing-btn-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
515
- --pgn-spacing-btn-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
516
- --pgn-spacing-btn-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
517
- --pgn-spacing-btn-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
518
- --pgn-spacing-btn-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
519
- --pgn-spacing-bubble-expandable-padding-x: 0.25rem;
520
- --pgn-spacing-bubble-expandable-padding-y: 0rem;
521
- --pgn-spacing-breadcrumb-margin-left: 0.5rem;
522
- --pgn-spacing-badge-padding-y: 0.125rem;
523
- --pgn-spacing-badge-padding-x-pill: 0.6em;
524
- --pgn-spacing-badge-padding-x-base: 0.5rem;
525
- --pgn-spacing-avatar-button-padding-left-lg: 0.25em;
526
- --pgn-spacing-avatar-button-padding-left-sm: 0.25em;
527
- --pgn-spacing-avatar-button-padding-left-base: 0.25em;
528
- --pgn-spacing-annotation-arrow-side-margin: 0.25rem;
529
- --pgn-spacing-annotation-padding: 0.5rem;
530
- --pgn-spacing-alert-icon-space: 0.8rem;
531
- --pgn-spacing-alert-actions-gap: var(--pgn-spacing-spacer-3);
532
- --pgn-spacing-alert-margin-bottom: 1rem;
533
- --pgn-spacing-alert-padding-x: 1.5rem;
534
- --pgn-spacing-alert-padding-y: 1.5rem;
535
- --pgn-spacing-action-row-gap-y: 0.5rem;
536
- --pgn-spacing-action-row-gap-x: 0.5rem;
537
- --pgn-size-breakpoint-xxl: 1400px;
538
- --pgn-size-breakpoint-xl: 1200px;
539
- --pgn-size-breakpoint-lg: 992px;
540
- --pgn-size-breakpoint-md: 768px;
541
- --pgn-size-breakpoint-sm: 576px;
542
- --pgn-size-breakpoint-xs: 0px;
543
- --pgn-size-list-group-border-radius: var(--pgn-size-border-radius-base);
544
- --pgn-size-list-group-border-width: var(--pgn-size-border-width);
545
- --pgn-size-input-btn-focus-width: 1px;
546
- --pgn-size-input-btn-border-width: var(--pgn-size-border-width);
547
- --pgn-size-hr-border-margin-y: var(--pgn-spacing-spacer-base);
548
- --pgn-size-hr-border-width: var(--pgn-size-border-width);
549
- --pgn-size-caret-width: 0.3em;
550
- --pgn-size-tooltip-border-radius: var(--pgn-size-border-radius-base);
551
- --pgn-size-tooltip-arrow-width: 0.8rem;
552
- --pgn-size-tooltip-arrow-height: 0.4rem;
553
- --pgn-size-tooltip-max-width: 200px;
554
- --pgn-size-toast-border-radius: 0.25rem;
555
- --pgn-size-toast-border-width: 1px;
556
- --pgn-size-toast-max-width: 400px;
557
- --pgn-size-tabs-notification-width: 1rem;
558
- --pgn-size-tabs-notification-height: 1rem;
559
- --pgn-size-stepper-step-bubble-error-shadow-width: 3px;
560
- --pgn-size-stepper-step-width-min: 0rem;
561
- --pgn-size-stepper-header-height-min: 5.13rem;
562
- --pgn-size-stack-gap: 0rem;
563
- --pgn-size-spinner-sm-border-width: 0.2em;
564
- --pgn-size-spinner-sm-height: var(--pgn-size-spinner-sm-width);
565
- --pgn-size-spinner-sm-width: 1rem;
566
- --pgn-size-spinner-base-border-width: 0.25em;
567
- --pgn-size-spinner-base-height: var(--pgn-size-spinner-base-width);
568
- --pgn-size-spinner-base-width: 2rem;
569
- --pgn-size-search-field-search-input-height: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
570
- --pgn-size-search-field-border-radius: 0rem;
571
- --pgn-size-search-field-border-width-focus: 0.3125rem;
572
- --pgn-size-search-field-border-width-base: 0.0625rem;
573
- --pgn-size-progress-bar-threshold-circle: 0.5625rem;
574
- --pgn-size-progress-bar-border-radius: 0rem;
575
- --pgn-size-progress-bar-border-width: 1px;
576
- --pgn-size-progress-bar-height-annotated: 0.3125rem;
577
- --pgn-size-progress-bar-height-base: 1rem;
578
- --pgn-size-product-tour-checkpoint-arrow-transparent: var(--pgn-size-product-tour-checkpoint-width-arrow);
579
- --pgn-size-product-tour-checkpoint-arrow-top: var(--pgn-size-product-tour-checkpoint-width-arrow);
580
- --pgn-size-product-tour-checkpoint-width-max: 480px;
581
- --pgn-size-product-tour-checkpoint-width-arrow: 15px;
582
- --pgn-size-product-tour-checkpoint-width-border: 8px;
583
- --pgn-size-popover-arrow-height: 0.5rem;
584
- --pgn-size-popover-arrow-width: 1rem;
585
- --pgn-size-popover-icon-width: 1rem;
586
- --pgn-size-popover-icon-height: 1rem;
587
- --pgn-size-popover-border-radius: var(--pgn-size-border-radius-sm);
588
- --pgn-size-popover-border-width: var(--pgn-size-border-width);
589
- --pgn-size-popover-max-width: 480px;
590
- --pgn-size-pagination-focus-outline: 0rem;
591
- --pgn-size-pagination-toggle-border-sm: 0.25rem;
592
- --pgn-size-pagination-toggle-border-base: 0.3125rem;
593
- --pgn-size-pagination-reduced-dropdown-min-width: 6rem;
594
- --pgn-size-pagination-reduced-dropdown-max-height: 60vh;
595
- --pgn-size-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
596
- --pgn-size-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
597
- --pgn-size-pagination-border-width: var(--pgn-size-border-width);
598
- --pgn-size-pagination-secondary-height-sm: 2.25rem;
599
- --pgn-size-pagination-secondary-height-base: 2.75rem;
600
- --pgn-size-pagination-icon-height: 2.25rem;
601
- --pgn-size-pagination-icon-width: 2.25rem;
602
- --pgn-size-navbar-toggler-border-radius: var(--pgn-size-btn-border-radius-base);
603
- --pgn-size-navbar-brand-height: calc(var(--pgn-typography-navbar-brand-font-size) * var(--pgn-typography-line-height-base));
604
- --pgn-size-navbar-nav-scroll-max-height: 75vh;
605
- --pgn-size-nav-tabs-border-radius: 0rem;
606
- --pgn-size-nav-tabs-border-width: 2px;
607
- --pgn-size-nav-tabs-inverse-link-active-border-bottom-width: var(--pgn-size-nav-tabs-link-border-bottom-width);
608
- --pgn-size-nav-tabs-link-border-bottom-width: 0.188rem;
609
- --pgn-size-nav-pills-inverse-link-border-width: var(--pgn-size-nav-pills-link-border-width);
610
- --pgn-size-nav-pills-link-border-width: 1px;
611
- --pgn-size-nav-pills-border-radius: var(--pgn-size-border-radius-base);
612
- --pgn-size-modal-content-border-radius: var(--pgn-size-border-radius-lg);
613
- --pgn-size-modal-content-border-width: 0px;
614
- --pgn-size-modal-sm: 400px;
615
- --pgn-size-modal-md: 500px;
616
- --pgn-size-modal-lg: 800px;
617
- --pgn-size-modal-xl: 1140px;
618
- --pgn-size-menu-item-border-width: var(--pgn-size-btn-border-width);
619
- --pgn-size-menu-item-width-xs: 13.438rem;
620
- --pgn-size-menu-item-width-base: 19rem;
621
- --pgn-size-menu-item-height: 3rem;
622
- --pgn-size-menu-base-max-height: 16.813rem;
623
- --pgn-size-menu-base-border-radius: 0.25em;
624
- --pgn-size-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
625
- --pgn-size-image-thumbnail-border-width: var(--pgn-size-border-width);
626
- --pgn-size-icon-button-diameter-inline: calc(var(--pgn-typography-line-height-base) * 1em + .1em);
627
- --pgn-size-icon-button-diameter-sm: 2.25rem;
628
- --pgn-size-icon-button-diameter-md: 2.75rem;
629
- --pgn-size-icon-lg: 1.75rem;
630
- --pgn-size-icon-md: 1.5rem;
631
- --pgn-size-icon-sm: 1.25rem;
632
- --pgn-size-icon-xs: 1rem;
633
- --pgn-size-icon-inline: 0.8em;
634
- --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
635
- --pgn-size-form-border-radius-width: 0.125rem;
636
- --pgn-size-form-border-radius-check-focus: 0.0625rem;
637
- --pgn-size-form-autosuggest-border-width: 0.125rem;
638
- --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
639
- --pgn-size-form-autosuggest-spinner-width: 1.25rem;
640
- --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
641
- --pgn-size-form-autosuggest-icon-width: 2.4rem;
642
- --pgn-size-form-grid-gutter-width: 0.625rem;
643
- --pgn-size-form-control-border-radio-indicator-radius: 50%;
644
- --pgn-size-form-control-border-checkbox-indicator-radius: 0rem;
645
- --pgn-size-form-control-icon-width: 2rem;
646
- --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
647
- --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
648
- --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
649
- --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
650
- --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
651
- --pgn-size-form-control-range-thumb-border-radius: 1rem;
652
- --pgn-size-form-control-range-thumb-border-base: 0rem;
653
- --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
654
- --pgn-size-form-control-range-thumb-width: 1rem;
655
- --pgn-size-form-control-range-track-border-radius: 1rem;
656
- --pgn-size-form-control-range-track-height: 0.5rem;
657
- --pgn-size-form-control-range-track-width: 100%;
658
- --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
659
- --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
660
- --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
661
- --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
662
- --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
663
- --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
664
- --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
665
- --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
666
- --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
667
- --pgn-size-form-control-indicator-border-width: 0.125rem;
668
- --pgn-size-form-control-indicator-bg: 100%;
669
- --pgn-size-form-control-indicator-base: 1.25rem;
670
- --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
671
- --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
672
- --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
673
- --pgn-size-form-input-width-border: var(--pgn-size-input-btn-border-width);
674
- --pgn-size-form-input-width-focus: 0.063rem;
675
- --pgn-size-form-input-width-hover: 0.063rem;
676
- --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
677
- --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
678
- --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
679
- --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
680
- --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-spacing-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
681
- --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-spacing-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
682
- --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
683
- --pgn-size-dropdown-border-radius-inner: calc(var(--pgn-size-dropdown-border-radius-base) - var(--pgn-size-dropdown-border-width));
684
- --pgn-size-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
685
- --pgn-size-dropdown-border-width: var(--pgn-size-border-width);
686
- --pgn-size-dropdown-min-width: 18rem;
687
- --pgn-size-data-table-layout-sidebar-width: 12rem;
688
- --pgn-size-data-table-dropdown-pagination-min-width: 6rem;
689
- --pgn-size-data-table-dropdown-pagination-max-height: 60vh;
690
- --pgn-size-data-table-border: 2px;
691
- --pgn-size-container-max-width-xl: 1440px;
692
- --pgn-size-container-max-width-lg: 1192px;
693
- --pgn-size-container-max-width-md: 952px;
694
- --pgn-size-container-max-width-sm: 708px;
695
- --pgn-size-container-max-width-xs: 464px;
696
- --pgn-size-color-picker-md: calc(1.3333em + 1.125rem + 2px);
697
- --pgn-size-color-picker-sm: 2rem;
698
- --pgn-size-code-pre-scrollable-max-height: 340px;
699
- --pgn-size-chip-icon: 1.5rem;
700
- --pgn-size-chip-border-radius: 0.375rem;
701
- --pgn-size-carousel-caption-width: 70%;
702
- --pgn-size-carousel-indicator-height-area-hit: 10px;
703
- --pgn-size-carousel-indicator-height-base: 3px;
704
- --pgn-size-carousel-indicator-width: 30px;
705
- --pgn-size-carousel-control-width-icon: 20px;
706
- --pgn-size-carousel-control-width-base: 15%;
707
- --pgn-size-card-logo-height: 4.125rem;
708
- --pgn-size-card-logo-width: 7.25rem;
709
- --pgn-size-card-image-border-radius: var(--pgn-size-card-border-radius-base);
710
- --pgn-size-card-image-vertical-max-height: 140px;
711
- --pgn-size-card-image-horizontal-width-min: var(--pgn-size-card-image-horizontal-width-max);
712
- --pgn-size-card-image-horizontal-width-max: 240px;
713
- --pgn-size-card-focus-border-radius: calc(var(--pgn-spacing-card-focus-border-offset) + var(--pgn-size-card-border-radius-base));
714
- --pgn-size-card-focus-border-width: 2px;
715
- --pgn-size-card-border-radius-inner: calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width));
93
+ --pgn-size-border-width: 1px;
94
+ --pgn-size-border-radius-base: 0.375rem;
95
+ --pgn-size-border-radius-lg: 0.425rem;
96
+ --pgn-size-border-radius-sm: 0.25rem;
97
+ --pgn-size-rounded-pill: 50rem;
98
+ --pgn-size-alert-border-width: 0;
99
+ --pgn-size-annotation-arrow-border-width: 0.5rem;
100
+ --pgn-size-annotation-max-width: 18.75rem;
101
+ --pgn-size-annotation-border-radius: 0.25rem;
102
+ --pgn-size-avatar-base: 3rem;
103
+ --pgn-size-avatar-xs: 1.5rem;
104
+ --pgn-size-avatar-sm: 2.25rem;
105
+ --pgn-size-avatar-lg: 4rem;
106
+ --pgn-size-avatar-xl: 6rem;
107
+ --pgn-size-avatar-xxl: 11.5rem;
108
+ --pgn-size-avatar-huge: 18.75rem;
109
+ --pgn-size-avatar-border-base: 1px;
110
+ --pgn-size-avatar-border-radius: 100%;
111
+ --pgn-size-badge-border-radius-base: 0.25rem;
112
+ --pgn-size-badge-border-radius-pill: 10rem;
113
+ --pgn-size-breadcrumb-border-radius-focus: 0.125rem;
114
+ --pgn-size-breadcrumb-border-axis-x-focus: 0.25rem;
115
+ --pgn-size-breadcrumb-border-axis-y-focus: 0.5rem;
116
+ --pgn-size-breadcrumb-border-width-focus: 0.0625rem;
117
+ --pgn-size-btn-focus-width: 2px;
716
118
  --pgn-size-card-border-radius-logo: 0.25rem;
717
- --pgn-size-card-border-radius-base: var(--pgn-size-border-radius-base);
119
+ --pgn-size-card-focus-border-width: 2px;
120
+ --pgn-size-card-image-horizontal-width-max: 240px;
121
+ --pgn-size-card-image-vertical-max-height: 140px;
122
+ --pgn-size-card-logo-width: 7.25rem;
123
+ --pgn-size-card-logo-height: 4.125rem;
124
+ --pgn-size-carousel-control-width-base: 15%;
125
+ --pgn-size-carousel-control-width-icon: 20px;
126
+ --pgn-size-carousel-indicator-width: 30px;
127
+ --pgn-size-carousel-indicator-height-base: 3px;
128
+ --pgn-size-carousel-indicator-height-area-hit: 10px;
129
+ --pgn-size-carousel-caption-width: 70%;
130
+ --pgn-size-chip-border-radius: 0.375rem;
131
+ --pgn-size-chip-icon: 1.5rem;
132
+ --pgn-size-code-pre-scrollable-max-height: 340px;
133
+ --pgn-size-color-picker-sm: 2rem;
134
+ --pgn-size-color-picker-md: calc(1.3333em + 1.125rem + 2px);
135
+ --pgn-size-container-max-width-xs: 464px;
136
+ --pgn-size-container-max-width-sm: 708px;
137
+ --pgn-size-container-max-width-md: 952px;
138
+ --pgn-size-container-max-width-lg: 1192px;
139
+ --pgn-size-container-max-width-xl: 1440px;
140
+ --pgn-size-data-table-border: 2px;
141
+ --pgn-size-data-table-dropdown-pagination-max-height: 60vh;
142
+ --pgn-size-data-table-dropdown-pagination-min-width: 6rem;
143
+ --pgn-size-data-table-layout-sidebar-width: 12rem;
144
+ --pgn-size-dropdown-min-width: 18rem;
145
+ --pgn-size-form-input-width-hover: 0.063rem;
146
+ --pgn-size-form-input-width-focus: 0.063rem;
147
+ --pgn-size-form-control-indicator-base: 1.25rem;
148
+ --pgn-size-form-control-indicator-bg: 100%;
149
+ --pgn-size-form-control-indicator-border-width: 0.125rem;
150
+ --pgn-size-form-control-range-track-width: 100%;
151
+ --pgn-size-form-control-range-track-height: 0.5rem;
152
+ --pgn-size-form-control-range-track-border-radius: 1rem;
153
+ --pgn-size-form-control-range-thumb-width: 1rem;
154
+ --pgn-size-form-control-range-thumb-border-base: 0;
155
+ --pgn-size-form-control-range-thumb-border-radius: 1rem;
156
+ --pgn-size-form-control-icon-width: 2rem;
157
+ --pgn-size-form-control-border-checkbox-indicator-radius: 0;
158
+ --pgn-size-form-control-border-radio-indicator-radius: 50%;
159
+ --pgn-size-form-grid-gutter-width: 0.625rem;
160
+ --pgn-size-form-autosuggest-icon-width: 2.4rem;
161
+ --pgn-size-form-autosuggest-spinner-width: 1.25rem;
162
+ --pgn-size-form-autosuggest-border-width: 0.125rem;
163
+ --pgn-size-form-border-radius-check-focus: 0.0625rem;
164
+ --pgn-size-form-border-radius-width: 0.125rem;
165
+ --pgn-size-icon-inline: 0.8em;
166
+ --pgn-size-icon-xs: 1rem;
167
+ --pgn-size-icon-sm: 1.25rem;
168
+ --pgn-size-icon-md: 1.5rem;
169
+ --pgn-size-icon-lg: 1.75rem;
170
+ --pgn-size-icon-button-diameter-md: 2.75rem;
171
+ --pgn-size-icon-button-diameter-sm: 2.25rem;
172
+ --pgn-size-menu-base-border-radius: 0.25em;
173
+ --pgn-size-menu-base-max-height: 16.813rem;
174
+ --pgn-size-menu-item-height: 3rem;
175
+ --pgn-size-menu-item-width-base: 19rem;
176
+ --pgn-size-menu-item-width-xs: 13.438rem;
177
+ --pgn-size-modal-xl: 1140px;
178
+ --pgn-size-modal-lg: 800px;
179
+ --pgn-size-modal-md: 500px;
180
+ --pgn-size-modal-sm: 400px;
181
+ --pgn-size-modal-content-border-width: 0px;
182
+ --pgn-size-nav-pills-link-border-width: 1px;
183
+ --pgn-size-nav-tabs-link-border-bottom-width: 0.188rem;
184
+ --pgn-size-nav-tabs-border-width: 2px;
185
+ --pgn-size-nav-tabs-border-radius: 0;
186
+ --pgn-size-navbar-nav-scroll-max-height: 75vh;
187
+ --pgn-size-pagination-icon-width: 2.25rem;
188
+ --pgn-size-pagination-icon-height: 2.25rem;
189
+ --pgn-size-pagination-secondary-height-base: 2.75rem;
190
+ --pgn-size-pagination-secondary-height-sm: 2.25rem;
191
+ --pgn-size-pagination-reduced-dropdown-max-height: 60vh;
192
+ --pgn-size-pagination-reduced-dropdown-min-width: 6rem;
193
+ --pgn-size-pagination-toggle-border-base: 0.3125rem;
194
+ --pgn-size-pagination-toggle-border-sm: 0.25rem;
195
+ --pgn-size-pagination-focus-outline: 0;
196
+ --pgn-size-popover-max-width: 480px;
197
+ --pgn-size-popover-icon-height: 1rem;
198
+ --pgn-size-popover-icon-width: 1rem;
199
+ --pgn-size-popover-arrow-width: 1rem;
200
+ --pgn-size-popover-arrow-height: 0.5rem;
201
+ --pgn-size-product-tour-checkpoint-width-border: 8px;
202
+ --pgn-size-product-tour-checkpoint-width-arrow: 15px;
203
+ --pgn-size-product-tour-checkpoint-width-max: 480px;
204
+ --pgn-size-progress-bar-height-base: 1rem;
205
+ --pgn-size-progress-bar-height-annotated: 0.3125rem;
206
+ --pgn-size-progress-bar-border-width: 1px;
207
+ --pgn-size-progress-bar-border-radius: 0;
208
+ --pgn-size-progress-bar-threshold-circle: 0.5625rem;
209
+ --pgn-size-search-field-border-width-base: 0.0625rem;
210
+ --pgn-size-search-field-border-width-focus: 0.3125rem;
211
+ --pgn-size-search-field-border-radius: 0;
212
+ --pgn-size-spinner-base-width: 2rem;
213
+ --pgn-size-spinner-base-border-width: 0.25em;
214
+ --pgn-size-spinner-sm-width: 1rem;
215
+ --pgn-size-spinner-sm-border-width: 0.2em;
216
+ --pgn-size-stack-gap: 0;
217
+ --pgn-size-stepper-header-height-min: 5.13rem;
218
+ --pgn-size-stepper-step-width-min: 0;
219
+ --pgn-size-stepper-step-bubble-error-shadow-width: 3px;
220
+ --pgn-size-tabs-notification-height: 1rem;
221
+ --pgn-size-tabs-notification-width: 1rem;
222
+ --pgn-size-toast-max-width: 400px;
223
+ --pgn-size-toast-border-width: 1px;
224
+ --pgn-size-toast-border-radius: 0.25rem;
225
+ --pgn-size-tooltip-max-width: 200px;
226
+ --pgn-size-tooltip-arrow-height: 0.4rem;
227
+ --pgn-size-tooltip-arrow-width: 0.8rem;
228
+ --pgn-size-caret-width: 0.3em;
229
+ --pgn-size-input-btn-focus-width: 1px;
230
+ --pgn-size-breakpoint-xs: 0px;
231
+ --pgn-size-breakpoint-sm: 576px;
232
+ --pgn-size-breakpoint-md: 768px;
233
+ --pgn-size-breakpoint-lg: 992px;
234
+ --pgn-size-breakpoint-xl: 1200px;
235
+ --pgn-size-breakpoint-xxl: 1400px;
236
+ --pgn-spacing-action-row-gap-x: 0.5rem;
237
+ --pgn-spacing-action-row-gap-y: 0.5rem;
238
+ --pgn-spacing-alert-padding-y: 1.5rem;
239
+ --pgn-spacing-alert-padding-x: 1.5rem;
240
+ --pgn-spacing-alert-margin-bottom: 1rem;
241
+ --pgn-spacing-alert-icon-space: 0.8rem;
242
+ --pgn-spacing-annotation-padding: 0.5rem;
243
+ --pgn-spacing-annotation-arrow-side-margin: 0.25rem;
244
+ --pgn-spacing-avatar-button-padding-left-base: 0.25em;
245
+ --pgn-spacing-avatar-button-padding-left-sm: 0.25em;
246
+ --pgn-spacing-avatar-button-padding-left-lg: 0.25em;
247
+ --pgn-spacing-badge-padding-x-base: 0.5rem;
248
+ --pgn-spacing-badge-padding-x-pill: 0.6em;
249
+ --pgn-spacing-badge-padding-y: 0.125rem;
250
+ --pgn-spacing-breadcrumb-margin-left: 0.5rem;
251
+ --pgn-spacing-bubble-expandable-padding-y: 0;
252
+ --pgn-spacing-bubble-expandable-padding-x: 0.25rem;
253
+ --pgn-spacing-btn-block-spacing-y: 0.5rem;
254
+ --pgn-spacing-card-spacer-x: 1.25rem;
255
+ --pgn-spacing-card-spacer-y: 0.75rem;
256
+ --pgn-spacing-card-margin-group: 12px;
257
+ --pgn-spacing-card-columns-count: 3;
258
+ --pgn-spacing-card-columns-gap: 1.25rem;
259
+ --pgn-spacing-card-footer-action-gap: 0.5rem;
260
+ --pgn-spacing-card-loading-skeleton-spacer: 0.313rem;
261
+ --pgn-spacing-card-logo-left-offset-base: 1.5rem;
262
+ --pgn-spacing-card-logo-left-offset-horizontal: 0.4375rem;
263
+ --pgn-spacing-card-logo-bottom-offset-base: 1rem;
264
+ --pgn-spacing-card-logo-bottom-offset-horizontal: 0.4375rem;
265
+ --pgn-spacing-card-focus-border-offset: 5px;
266
+ --pgn-spacing-carousel-indicator-spacer: 3px;
267
+ --pgn-spacing-chip-margin-base: 0.125rem;
268
+ --pgn-spacing-chip-margin-icon: 0.25rem;
269
+ --pgn-spacing-chip-padding-y: 1px;
270
+ --pgn-spacing-chip-padding-x: 0.5rem;
271
+ --pgn-spacing-chip-outline-selected-distance-light: 3px;
272
+ --pgn-spacing-chip-outline-selected-distance-dark: 3px;
273
+ --pgn-spacing-chip-outline-focus-distance-light: 0.313rem;
274
+ --pgn-spacing-chip-outline-focus-distance-dark: 0.313rem;
275
+ --pgn-spacing-chip-outline-width: 3px;
276
+ --pgn-spacing-chip-carousel-controls-top-offset: 0.375rem;
277
+ --pgn-spacing-chip-carousel-container-padding-x: 0.625rem;
278
+ --pgn-spacing-chip-carousel-container-padding-y: 0.313rem;
279
+ --pgn-spacing-code-kbd-padding-y: 0.2rem;
280
+ --pgn-spacing-code-kbd-padding-x: 0.4rem;
281
+ --pgn-spacing-collapsible-card-spacer-y-base: 0.5rem;
282
+ --pgn-spacing-collapsible-card-spacer-x-base: 0.5rem;
283
+ --pgn-spacing-collapsible-card-spacer-left-body: 0.75rem;
284
+ --pgn-spacing-collapsible-card-spacer-icon: 2.5rem;
285
+ --pgn-spacing-collapsible-card-spacer-basic-y: 0.5rem;
286
+ --pgn-spacing-collapsible-card-spacer-basic-x: 0.5rem;
287
+ --pgn-spacing-collapsible-card-spacer-basic-icon: 0.625rem;
288
+ --pgn-spacing-data-table-padding-x: 0.75rem;
289
+ --pgn-spacing-data-table-padding-y: 0.75rem;
290
+ --pgn-spacing-data-table-padding-small: 0.5rem;
291
+ --pgn-spacing-data-table-padding-cell-x: 0.5rem;
292
+ --pgn-spacing-data-table-padding-cell-y: 0.75rem;
293
+ --pgn-spacing-data-table-footer-position: center;
294
+ --pgn-spacing-dropdown-spacer: 0.125rem;
295
+ --pgn-spacing-dropdown-padding-x-base: 0;
296
+ --pgn-spacing-dropdown-padding-x-item: 1rem;
297
+ --pgn-spacing-dropdown-padding-y-base: 0.5rem;
298
+ --pgn-spacing-dropdown-padding-y-item: 0.25rem;
299
+ --pgn-spacing-dropdown-padding-header-y: 0.5rem;
300
+ --pgn-spacing-dropdown-close-container-top: 0.625rem;
301
+ --pgn-spacing-dropzone-padding: 1.5rem;
302
+ --pgn-spacing-dropzone-border-base: 1px;
303
+ --pgn-spacing-form-input-check-gutter: 1.25rem;
304
+ --pgn-spacing-form-input-check-margin-x-base: 0.25rem;
305
+ --pgn-spacing-form-input-check-margin-x-inline: 0.3125rem;
306
+ --pgn-spacing-form-input-check-margin-y: 0.3rem;
307
+ --pgn-spacing-form-text-margin-top: 0.25rem;
308
+ --pgn-spacing-form-check-inline-margin-x: 0.75rem;
309
+ --pgn-spacing-form-check-position-axis: 0.375rem;
310
+ --pgn-spacing-form-group-margin-bottom: 1rem;
311
+ --pgn-spacing-form-control-gutter: 0.5rem;
312
+ --pgn-spacing-form-control-spacer-x: 1rem;
313
+ --pgn-spacing-form-control-select-indicator-padding: 1rem;
314
+ --pgn-spacing-form-control-select-feedback-icon-position-position-y: center;
315
+ --pgn-spacing-form-control-select-feedback-icon-position-position-x: right;
316
+ --pgn-spacing-form-control-select-feedback-icon-position-offset-y: 0;
317
+ --pgn-spacing-form-control-select-feedback-tooltip-padding-y: 0.25rem;
318
+ --pgn-spacing-form-control-select-feedback-tooltip-padding-x: 0.5rem;
319
+ --pgn-spacing-form-control-select-icon-padding: 0.5625rem;
320
+ --pgn-spacing-image-thumbnail-padding: 0.25rem;
321
+ --pgn-spacing-menu-item-icon-margin-left: 0.25em;
322
+ --pgn-spacing-modal-inner-padding-base: 1.5rem;
323
+ --pgn-spacing-modal-inner-padding-bottom: 0.7rem;
324
+ --pgn-spacing-modal-footer-padding-base-x: 1.5rem;
325
+ --pgn-spacing-modal-footer-padding-y: 1rem;
326
+ --pgn-spacing-modal-header-padding-base-x: 1.5rem;
327
+ --pgn-spacing-modal-header-padding-y: 1rem;
328
+ --pgn-spacing-modal-dialog-margin: 1.5rem;
329
+ --pgn-spacing-nav-link-padding-y: 0.5rem;
330
+ --pgn-spacing-nav-link-padding-x: 1rem;
331
+ --pgn-spacing-nav-link-distance-to-border: 4px;
332
+ --pgn-spacing-navbar-padding-x-nav-link: 0.5rem;
333
+ --pgn-spacing-navbar-toggler-padding-y: 0.25rem;
334
+ --pgn-spacing-navbar-toggler-padding-x: 0.75rem;
335
+ --pgn-spacing-pagination-padding-y-base: 0.625rem;
336
+ --pgn-spacing-pagination-padding-y-sm: 0.8rem;
337
+ --pgn-spacing-pagination-padding-y-lg: 0.75rem;
338
+ --pgn-spacing-pagination-padding-x-base: 1rem;
339
+ --pgn-spacing-pagination-padding-x-sm: 0.6rem;
340
+ --pgn-spacing-pagination-padding-x-lg: 1.5rem;
341
+ --pgn-spacing-popover-header-padding-y: 0.5rem;
342
+ --pgn-spacing-popover-header-padding-x: 1rem;
343
+ --pgn-spacing-popover-icon-margin-right: 0.5rem;
344
+ --pgn-spacing-progress-bar-hint-annotation-gap: 0.5rem;
345
+ --pgn-spacing-search-field-margin-button: 0.5rem;
346
+ --pgn-spacing-selectable-box-padding: 1rem;
347
+ --pgn-spacing-selectable-box-border-radius: 0.25rem;
348
+ --pgn-spacing-selectable-box-box-space: 0.75rem;
349
+ --pgn-spacing-vertical-align: 0.125em;
350
+ --pgn-spacing-stepper-header-padding-y: 0.75rem;
351
+ --pgn-spacing-stepper-header-step-padding: 0.25rem;
352
+ --pgn-spacing-stepper-header-step-list-padding-y: 0.25rem;
353
+ --pgn-spacing-stepper-header-step-list-padding-x: 0;
354
+ --pgn-spacing-stepper-header-step-list-margin: 0;
355
+ --pgn-spacing-sticky-offset: 0;
356
+ --pgn-spacing-tab-more-link-dropdown-toggle-padding-x: 0.7rem;
357
+ --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x: 0.625rem;
358
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x: 0.625rem;
359
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-distance: 5px;
360
+ --pgn-spacing-toast-padding-x: 0.75rem;
361
+ --pgn-spacing-toast-padding-y: 0.25rem;
362
+ --pgn-spacing-toast-container-gutter-lg: 1.25rem;
363
+ --pgn-spacing-toast-container-gutter-sm: 0.625rem;
364
+ --pgn-spacing-tooltip-padding-y: 0.5rem;
365
+ --pgn-spacing-tooltip-padding-x: 0.5rem;
366
+ --pgn-spacing-tooltip-margin: 0;
367
+ --pgn-spacing-caret-base: 0.255em;
368
+ --pgn-spacing-caret-vertical-align: 0.255em;
369
+ --pgn-spacing-headings-margin-bottom: 0.5rem;
370
+ --pgn-spacing-input-btn-padding-y: 0.5625rem;
371
+ --pgn-spacing-input-btn-padding-x: 1rem;
372
+ --pgn-spacing-input-btn-padding-sm-y: 0.4375rem;
373
+ --pgn-spacing-input-btn-padding-sm-x: 0.75rem;
374
+ --pgn-spacing-input-btn-padding-lg-y: 0.6875rem;
375
+ --pgn-spacing-input-btn-padding-lg-x: 1.25rem;
376
+ --pgn-spacing-list-inline-padding: 0.5rem;
377
+ --pgn-spacing-list-group-item-padding-y: 0.75rem;
378
+ --pgn-spacing-list-group-item-padding-x: 1.25rem;
379
+ --pgn-spacing-paragraph-margin-bottom: 1rem;
380
+ --pgn-spacing-mark-padding: 0.2em;
381
+ --pgn-spacing-spacer-0: 0;
382
+ --pgn-spacing-spacer-base: 1rem;
383
+ --pgn-spacing-label-margin-bottom: 0.5rem;
384
+ --pgn-spacing-table-cell-padding-base: 0.75rem;
385
+ --pgn-spacing-table-cell-padding-sm: 0.3rem;
386
+ --pgn-spacing-grid-gutter-width: 24px;
387
+ --pgn-typography-alert-font-size: 0.875rem;
388
+ --pgn-typography-alert-line-height: 1.5rem;
389
+ --pgn-typography-badge-font-size: 75%;
390
+ --pgn-typography-dropdown-item-text-decoration: none;
391
+ --pgn-typography-image-figure-caption-font-size: 90%;
392
+ --pgn-typography-menu-select-btn-link-text-decoration-line: underline;
393
+ --pgn-typography-menu-select-btn-link-text-decoration-thickness: 0.125rem;
394
+ --pgn-typography-nav-link-font-weight: 500;
395
+ --pgn-typography-nav-link-text-decoration: none;
396
+ --pgn-typography-pagination-font-size-sm: 0.875rem;
397
+ --pgn-typography-pagination-line-height: 1.5rem;
398
+ --pgn-typography-spacer-line-height: 1px;
399
+ --pgn-typography-toast-font-size: 0.875rem;
400
+ --pgn-typography-headings-font-family: inherit;
401
+ --pgn-typography-headings-line-height: 1.25;
402
+ --pgn-typography-input-btn-font-family: inherit;
403
+ --pgn-typography-input-btn-font-size-base: 1.125rem;
404
+ --pgn-typography-input-btn-font-size-sm: 0.875rem;
405
+ --pgn-typography-input-btn-font-size-lg: 1.325rem;
406
+ --pgn-typography-input-btn-line-height-base: 1.3333;
407
+ --pgn-typography-input-btn-line-height-sm: 1.4286;
408
+ --pgn-typography-link-decoration-base: none;
409
+ --pgn-typography-link-decoration-hover: underline;
410
+ --pgn-typography-link-decoration-inline-base: underline;
411
+ --pgn-typography-link-decoration-inline-hover: underline;
412
+ --pgn-typography-link-decoration-muted-base: none;
413
+ --pgn-typography-link-decoration-muted-hover: underline;
414
+ --pgn-typography-link-decoration-muted-inline-base: underline;
415
+ --pgn-typography-link-decoration-muted-inline-hover: underline;
416
+ --pgn-typography-link-decoration-brand-base: none;
417
+ --pgn-typography-link-decoration-brand-hover: underline;
418
+ --pgn-typography-link-decoration-brand-inline-base: underline;
419
+ --pgn-typography-link-decoration-brand-inline-hover: underline;
420
+ --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
421
+ --pgn-typography-font-family-serif: serif;
422
+ --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
423
+ --pgn-typography-font-size-base: 1.125rem;
424
+ --pgn-typography-font-size-sm: 87.5%;
425
+ --pgn-typography-font-size-xs: 75%;
426
+ --pgn-typography-font-size-micro: 0.688rem;
427
+ --pgn-typography-font-size-h1-base: 2.5rem;
428
+ --pgn-typography-font-size-h1-mobile: 2.25rem;
429
+ --pgn-typography-font-size-h2-base: 2rem;
430
+ --pgn-typography-font-size-h3-base: 1.375rem;
431
+ --pgn-typography-font-size-h4-base: 1.125rem;
432
+ --pgn-typography-font-size-h5-base: 0.875rem;
433
+ --pgn-typography-font-size-h6-base: 0.75rem;
434
+ --pgn-typography-font-size-display-1: 3.75rem;
435
+ --pgn-typography-font-size-display-2: 4.875rem;
436
+ --pgn-typography-font-size-display-3: 5.625rem;
437
+ --pgn-typography-font-size-display-4: 7.5rem;
438
+ --pgn-typography-font-size-display-mobile-1: 3.25rem;
439
+ --pgn-typography-font-weight-lighter: lighter;
440
+ --pgn-typography-font-weight-light: 300;
441
+ --pgn-typography-font-weight-normal: 400;
442
+ --pgn-typography-font-weight-semi-bold: 500;
443
+ --pgn-typography-font-weight-bold: 700;
444
+ --pgn-typography-font-weight-bolder: bolder;
445
+ --pgn-typography-font-weight-lead: inherit;
446
+ --pgn-typography-font-weight-table-th: 700;
447
+ --pgn-typography-line-height-base: 1.5556;
448
+ --pgn-typography-line-height-lg: 1.5;
449
+ --pgn-typography-line-height-sm: 1.5;
450
+ --pgn-typography-line-height-micro: 0.938rem;
451
+ --pgn-typography-line-height-display-base: 1;
452
+ --pgn-typography-line-height-display-mobile: 3.5rem;
453
+ --pgn-transition-badge: none;
454
+ --pgn-transition-btn: none;
455
+ --pgn-transition-carousel-base-property: transform;
456
+ --pgn-transition-carousel-base-timing-function: ease-in-out;
457
+ --pgn-transition-carousel-base-delay: 0ms;
458
+ --pgn-transition-carousel-base-behavior: normal;
459
+ --pgn-transition-carousel-duration: 0.6s;
460
+ --pgn-transition-carousel-indicator-property: opacity;
461
+ --pgn-transition-carousel-indicator-timing-function: ease;
462
+ --pgn-transition-carousel-indicator-delay: 0ms;
463
+ --pgn-transition-carousel-indicator-behavior: normal;
464
+ --pgn-transition-carousel-control-property: opacity;
465
+ --pgn-transition-carousel-control-duration: 0.15s;
466
+ --pgn-transition-carousel-control-timing-function: ease;
467
+ --pgn-transition-carousel-control-delay: 0ms;
468
+ --pgn-transition-carousel-control-behavior: normal;
469
+ --pgn-transition-form-input-1-property: border-color;
470
+ --pgn-transition-form-input-1-duration: 0.15s;
471
+ --pgn-transition-form-input-1-timing-function: ease-in-out;
472
+ --pgn-transition-form-input-1-delay: 0s;
473
+ --pgn-transition-form-input-1-behavior: normal;
474
+ --pgn-transition-form-input-2-property: box-shadow;
475
+ --pgn-transition-form-input-2-duration: 0.15s;
476
+ --pgn-transition-form-input-2-timing-function: ease-in-out;
477
+ --pgn-transition-form-input-2-delay: 0s;
478
+ --pgn-transition-form-input-2-behavior: normal;
479
+ --pgn-transition-form-control-1-property: background-color;
480
+ --pgn-transition-form-control-1-duration: 0.15s;
481
+ --pgn-transition-form-control-1-timing-function: ease-in-out;
482
+ --pgn-transition-form-control-1-delay: 0s;
483
+ --pgn-transition-form-control-1-behavior: normal;
484
+ --pgn-transition-form-control-2-property: border-color;
485
+ --pgn-transition-form-control-2-duration: 0.15s;
486
+ --pgn-transition-form-control-2-timing-function: ease-in-out;
487
+ --pgn-transition-form-control-2-delay: 0s;
488
+ --pgn-transition-form-control-2-behavior: normal;
489
+ --pgn-transition-form-control-3-property: box-shadow;
490
+ --pgn-transition-form-control-3-duration: 0.15s;
491
+ --pgn-transition-form-control-3-timing-function: ease-in-out;
492
+ --pgn-transition-form-control-3-delay: 0s;
493
+ --pgn-transition-form-control-3-behavior: normal;
494
+ --pgn-transition-progress-bar-animation-timing-duration: 1s;
495
+ --pgn-transition-progress-bar-animation-timing-timing-function: linear;
496
+ --pgn-transition-progress-bar-animation-timing-delay: 0s;
497
+ --pgn-transition-progress-bar-animation-timing-iteration-count: infinite;
498
+ --pgn-transition-progress-bar-transition-property: width;
499
+ --pgn-transition-progress-bar-transition-duration: 0.6s;
500
+ --pgn-transition-progress-bar-transition-timing-function: ease;
501
+ --pgn-transition-progress-bar-transition-delay: 0s;
502
+ --pgn-transition-progress-bar-transition-behavior: normal;
503
+ --pgn-transition-base-property: all;
504
+ --pgn-transition-base-duration: 0.2s;
505
+ --pgn-transition-base-timing-function: ease-in-out;
506
+ --pgn-transition-base-delay: 0s;
507
+ --pgn-transition-base-behavior: normal;
508
+ --pgn-transition-fade-property: opacity;
509
+ --pgn-transition-fade-duration: 0.15s;
510
+ --pgn-transition-fade-timing-function: linear;
511
+ --pgn-transition-fade-delay: 0s;
512
+ --pgn-transition-fade-behavior: normal;
513
+ --pgn-transition-collapse-height-property: height;
514
+ --pgn-transition-collapse-height-duration: 0.35s;
515
+ --pgn-transition-collapse-height-timing-function: ease;
516
+ --pgn-transition-collapse-height-delay: 0s;
517
+ --pgn-transition-collapse-height-behavior: normal;
518
+ --pgn-transition-collapse-width-property: width;
519
+ --pgn-transition-collapse-width-duration: 0.35s;
520
+ --pgn-transition-collapse-width-timing-function: ease;
521
+ --pgn-transition-collapse-width-delay: 0s;
522
+ --pgn-transition-collapse-width-behavior: normal;
523
+ --pgn-elevation-dropdown-zindex: 1000;
524
+ --pgn-elevation-modal-backdrop-zindex: 1040;
525
+ --pgn-elevation-modal-zindex: 1050;
526
+ --pgn-elevation-popover-zindex: 1060;
527
+ --pgn-elevation-product-tour-checkpoint-zindex: 1060;
528
+ --pgn-elevation-sheet-zindex-backdrop: 1031;
529
+ --pgn-elevation-sheet-zindex-main: 1032;
530
+ --pgn-elevation-tooltip-zindex: 1070;
531
+ --pgn-elevation-zindex-0: 0;
532
+ --pgn-elevation-zindex-200: 200;
533
+ --pgn-elevation-zindex-400: 400;
534
+ --pgn-elevation-zindex-600: 600;
535
+ --pgn-elevation-zindex-800: 800;
536
+ --pgn-elevation-zindex-1000: 1000;
537
+ --pgn-elevation-zindex-1200: 1200;
538
+ --pgn-elevation-zindex-1400: 1400;
539
+ --pgn-elevation-zindex-1600: 1600;
540
+ --pgn-elevation-zindex-1800: 1800;
541
+ --pgn-elevation-zindex-2000: 2000;
542
+ --pgn-elevation-zindex-sticky: 1020;
543
+ --pgn-elevation-zindex-fixed: 1030;
544
+ --pgn-other-form-control-cursor: auto;
545
+ --pgn-other-form-control-range-track-cursor: pointer;
546
+ --pgn-other-form-control-custom-file-lang: en;
547
+ --pgn-other-form-control-custom-file-content: Browse;
548
+ --pgn-theme-interval: 8%;
549
+ --pgn-print-page-size: a3;
550
+ --pgn-size-alert-border-radius: var(--pgn-size-border-radius-base);
551
+ --pgn-size-badge-focus-width: var(--pgn-size-input-btn-focus-width);
552
+ --pgn-size-btn-border-radius-base: var(--pgn-size-border-radius-base);
553
+ --pgn-size-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
554
+ --pgn-size-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
718
555
  --pgn-size-card-border-width: var(--pgn-size-border-width);
556
+ --pgn-size-card-border-radius-base: var(--pgn-size-border-radius-base);
557
+ --pgn-size-card-focus-border-radius: calc(var(--pgn-spacing-card-focus-border-offset) + var(--pgn-size-card-border-radius-base));
558
+ --pgn-size-card-image-horizontal-width-min: var(--pgn-size-card-image-horizontal-width-max);
559
+ --pgn-size-dropdown-border-width: var(--pgn-size-border-width);
560
+ --pgn-size-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
561
+ --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
562
+ --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
563
+ --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
564
+ --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
565
+ --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
566
+ --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
567
+ --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
568
+ --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
569
+ --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
570
+ --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
571
+ --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
572
+ --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
573
+ --pgn-size-icon-button-diameter-inline: calc(var(--pgn-typography-line-height-base) * 1em + .1em);
574
+ --pgn-size-image-thumbnail-border-width: var(--pgn-size-border-width);
575
+ --pgn-size-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
576
+ --pgn-size-modal-content-border-radius: var(--pgn-size-border-radius-lg);
577
+ --pgn-size-nav-pills-border-radius: var(--pgn-size-border-radius-base);
578
+ --pgn-size-nav-pills-inverse-link-border-width: var(--pgn-size-nav-pills-link-border-width);
579
+ --pgn-size-nav-tabs-inverse-link-active-border-bottom-width: var(--pgn-size-nav-tabs-link-border-bottom-width);
580
+ --pgn-size-pagination-border-width: var(--pgn-size-border-width);
581
+ --pgn-size-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
582
+ --pgn-size-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
583
+ --pgn-size-popover-border-width: var(--pgn-size-border-width);
584
+ --pgn-size-popover-border-radius: var(--pgn-size-border-radius-sm);
585
+ --pgn-size-product-tour-checkpoint-arrow-top: var(--pgn-size-product-tour-checkpoint-width-arrow);
586
+ --pgn-size-product-tour-checkpoint-arrow-transparent: var(--pgn-size-product-tour-checkpoint-width-arrow);
587
+ --pgn-size-spinner-base-height: var(--pgn-size-spinner-base-width);
588
+ --pgn-size-spinner-sm-height: var(--pgn-size-spinner-sm-width);
589
+ --pgn-size-tooltip-border-radius: var(--pgn-size-border-radius-base);
590
+ --pgn-size-hr-border-width: var(--pgn-size-border-width);
591
+ --pgn-size-hr-border-margin-y: var(--pgn-spacing-spacer-base);
592
+ --pgn-size-input-btn-border-width: var(--pgn-size-border-width);
593
+ --pgn-size-list-group-border-width: var(--pgn-size-border-width);
594
+ --pgn-size-list-group-border-radius: var(--pgn-size-border-radius-base);
595
+ --pgn-spacing-btn-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
596
+ --pgn-spacing-btn-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
597
+ --pgn-spacing-btn-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
598
+ --pgn-spacing-btn-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
599
+ --pgn-spacing-btn-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
600
+ --pgn-spacing-btn-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
601
+ --pgn-spacing-btn-focus-gap: var(--pgn-size-btn-focus-width);
602
+ --pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
603
+ --pgn-spacing-card-margin-deck: var(--pgn-spacing-card-margin-group);
604
+ --pgn-spacing-card-margin-grid: var(--pgn-spacing-card-margin-group);
605
+ --pgn-spacing-card-columns-margin: var(--pgn-spacing-card-spacer-y);
606
+ --pgn-spacing-collapsible-card-spacer-y-lg: var(--pgn-spacing-card-spacer-y);
607
+ --pgn-spacing-collapsible-card-spacer-x-lg: var(--pgn-spacing-card-spacer-x);
608
+ --pgn-spacing-dropdown-padding-header-x: var(--pgn-spacing-dropdown-padding-x-item);
609
+ --pgn-spacing-dropdown-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
610
+ --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
611
+ --pgn-spacing-form-input-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
612
+ --pgn-spacing-form-input-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
613
+ --pgn-spacing-form-input-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
614
+ --pgn-spacing-form-input-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
615
+ --pgn-spacing-form-input-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
616
+ --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
617
+ --pgn-spacing-menu-item-icon-margin-right: var(--pgn-spacing-menu-item-icon-margin-left);
618
+ --pgn-spacing-modal-footer-padding-base-y: var(--pgn-spacing-modal-footer-padding-y);
619
+ --pgn-spacing-modal-header-padding-base-y: var(--pgn-spacing-modal-header-padding-y);
620
+ --pgn-spacing-navbar-padding-y: calc(var(--pgn-spacing-spacer-base) / 2);
621
+ --pgn-spacing-navbar-padding-x-base: var(--pgn-spacing-spacer-base);
622
+ --pgn-spacing-popover-body-padding-y: var(--pgn-spacing-popover-header-padding-y);
623
+ --pgn-spacing-popover-body-padding-x: var(--pgn-spacing-popover-header-padding-x);
624
+ --pgn-spacing-stepper-header-padding-x: var(--pgn-spacing-spacer-base);
625
+ --pgn-spacing-tab-more-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
626
+ --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
627
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
628
+ --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25);
629
+ --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5);
630
+ --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base);
631
+ --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5);
632
+ --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3);
633
+ --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5);
634
+ --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375);
635
+ --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75);
636
+ --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25);
637
+ --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2);
638
+ --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4);
639
+ --pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
640
+ --pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
641
+ --pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
642
+ --pgn-typography-badge-font-weight: var(--pgn-typography-font-weight-bold);
643
+ --pgn-typography-btn-font-family: var(--pgn-typography-input-btn-font-family);
644
+ --pgn-typography-btn-font-size-base: var(--pgn-typography-input-btn-font-size-base);
645
+ --pgn-typography-btn-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
646
+ --pgn-typography-btn-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
647
+ --pgn-typography-btn-font-weight: var(--pgn-typography-font-weight-normal);
648
+ --pgn-typography-btn-line-height-base: var(--pgn-typography-input-btn-line-height-base);
649
+ --pgn-typography-btn-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
650
+ --pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-xs);
651
+ --pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
652
+ --pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
653
+ --pgn-typography-code-font-size: var(--pgn-typography-font-size-sm);
654
+ --pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
655
+ --pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
656
+ --pgn-typography-dropzone-restriction-msg-font-size: var(--pgn-typography-font-size-xs);
657
+ --pgn-typography-form-input-font-family: var(--pgn-typography-input-btn-font-family);
658
+ --pgn-typography-form-input-font-size-base: var(--pgn-typography-input-btn-font-size-base);
659
+ --pgn-typography-form-input-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
660
+ --pgn-typography-form-input-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
661
+ --pgn-typography-form-input-line-height-base: var(--pgn-typography-input-btn-line-height-base);
662
+ --pgn-typography-form-input-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
663
+ --pgn-typography-form-feedback-font-size: var(--pgn-typography-font-size-sm);
664
+ --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-typography-font-size-sm);
665
+ --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-typography-line-height-base);
666
+ --pgn-typography-navbar-nav-link-height: calc(var(--pgn-typography-font-size-base) * var(--pgn-typography-line-height-base) + .5rem * 2);
667
+ --pgn-typography-popover-font-size: var(--pgn-typography-font-size-sm);
668
+ --pgn-typography-progress-bar-font-size: calc(var(--pgn-typography-font-size-base) * .75);
669
+ --pgn-typography-tabs-notification-font-size: var(--pgn-typography-font-size-xs);
670
+ --pgn-typography-tooltip-font-size: var(--pgn-typography-font-size-sm);
671
+ --pgn-typography-headings-font-weight: var(--pgn-typography-font-weight-bold);
672
+ --pgn-typography-input-btn-line-height-lg: var(--pgn-typography-line-height-lg);
673
+ --pgn-typography-dt-font-weight: var(--pgn-typography-font-weight-bold);
674
+ --pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-sm);
675
+ --pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25);
676
+ --pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif);
677
+ --pgn-typography-font-size-lg: calc(var(--pgn-typography-font-size-base) * 1.25);
678
+ --pgn-typography-font-size-h2-mobile: var(--pgn-typography-font-size-h2-base);
679
+ --pgn-typography-font-size-h3-mobile: var(--pgn-typography-font-size-h3-base);
680
+ --pgn-typography-font-size-h4-mobile: var(--pgn-typography-font-size-h4-base);
681
+ --pgn-typography-font-size-h5-mobile: var(--pgn-typography-font-size-h5-base);
682
+ --pgn-typography-font-size-h6-mobile: var(--pgn-typography-font-size-h6-base);
683
+ --pgn-typography-font-size-display-mobile-2: var(--pgn-typography-font-size-display-mobile-1);
684
+ --pgn-typography-font-size-display-mobile-3: var(--pgn-typography-font-size-display-mobile-1);
685
+ --pgn-typography-font-size-display-mobile-4: var(--pgn-typography-font-size-display-mobile-1);
686
+ --pgn-typography-font-weight-base: var(--pgn-typography-font-weight-normal);
687
+ --pgn-typography-font-weight-display-1: var(--pgn-typography-font-weight-bold);
688
+ --pgn-typography-font-weight-display-2: var(--pgn-typography-font-weight-bold);
689
+ --pgn-typography-font-weight-display-3: var(--pgn-typography-font-weight-bold);
690
+ --pgn-typography-font-weight-display-4: var(--pgn-typography-font-weight-bold);
691
+ --pgn-transition-carousel-base-duration: var(--pgn-transition-carousel-duration);
692
+ --pgn-transition-carousel-indicator-duration: var(--pgn-transition-carousel-duration);
693
+ --pgn-size-btn-border-width: var(--pgn-size-input-btn-border-width);
694
+ --pgn-size-btn-focus-border-radius-base: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
719
695
  --pgn-size-btn-focus-border-radius-sm: var(--pgn-size-btn-border-radius-base);
696
+ --pgn-size-card-border-radius-inner: calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width));
697
+ --pgn-size-card-image-border-radius: var(--pgn-size-card-border-radius-base);
698
+ --pgn-size-dropdown-border-radius-inner: calc(var(--pgn-size-dropdown-border-radius-base) - var(--pgn-size-dropdown-border-width));
699
+ --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
700
+ --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-spacing-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
701
+ --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
702
+ --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
703
+ --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
704
+ --pgn-size-form-input-width-border: var(--pgn-size-input-btn-border-width);
705
+ --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
706
+ --pgn-size-navbar-toggler-border-radius: var(--pgn-size-btn-border-radius-base);
707
+ --pgn-size-search-field-search-input-height: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
708
+ --pgn-spacing-alert-actions-gap: var(--pgn-spacing-spacer-3);
709
+ --pgn-spacing-btn-focus-distance-to-border: calc(var(--pgn-spacing-btn-focus-border-gap) + var(--pgn-size-btn-border-width));
710
+ --pgn-spacing-card-margin-deck-bottom: var(--pgn-spacing-spacer-3);
711
+ --pgn-spacing-card-margin-grid-bottom: var(--pgn-spacing-spacer-3);
712
+ --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
713
+ --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
714
+ --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
715
+ --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
716
+ --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
717
+ --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
718
+ --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
719
+ --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
720
+ --pgn-spacing-menu-item-padding-x: var(--pgn-spacing-btn-padding-x-base);
721
+ --pgn-spacing-menu-item-padding-y: var(--pgn-spacing-btn-padding-y-base);
722
+ --pgn-spacing-navbar-brand-padding-y: calc((var(--pgn-typography-navbar-nav-link-height) - var(--pgn-size-navbar-brand-height)) / 2);
723
+ --pgn-typography-btn-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
724
+ --pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
725
+ --pgn-typography-form-input-font-weight: var(--pgn-typography-font-weight-base);
726
+ --pgn-typography-form-input-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
727
+ --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
728
+ --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
729
+ --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
730
+ --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
731
+ --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
732
+ --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
733
+ --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
734
+ --pgn-typography-navbar-brand-font-size: var(--pgn-typography-font-size-lg);
735
+ --pgn-typography-navbar-toggler-font-size: var(--pgn-typography-font-size-lg);
720
736
  --pgn-size-btn-focus-border-radius-lg: var(--pgn-size-btn-focus-border-radius-base);
721
- --pgn-size-btn-focus-border-radius-base: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
722
- --pgn-size-btn-focus-width: 2px;
723
- --pgn-size-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
724
- --pgn-size-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
725
- --pgn-size-btn-border-radius-base: var(--pgn-size-border-radius-base);
726
- --pgn-size-btn-border-width: var(--pgn-size-input-btn-border-width);
727
- --pgn-size-breadcrumb-border-width-focus: 0.0625rem;
728
- --pgn-size-breadcrumb-border-axis-y-focus: 0.5rem;
729
- --pgn-size-breadcrumb-border-axis-x-focus: 0.25rem;
730
- --pgn-size-breadcrumb-border-radius-focus: 0.125rem;
731
- --pgn-size-badge-focus-width: var(--pgn-size-input-btn-focus-width);
732
- --pgn-size-badge-border-radius-pill: 10rem;
733
- --pgn-size-badge-border-radius-base: 0.25rem;
734
- --pgn-size-avatar-border-radius: 100%;
735
- --pgn-size-avatar-border-base: 1px;
736
- --pgn-size-avatar-huge: 18.75rem;
737
- --pgn-size-avatar-xxl: 11.5rem;
738
- --pgn-size-avatar-xl: 6rem;
739
- --pgn-size-avatar-lg: 4rem;
740
- --pgn-size-avatar-sm: 2.25rem;
741
- --pgn-size-avatar-xs: 1.5rem;
742
- --pgn-size-avatar-base: 3rem;
743
- --pgn-size-annotation-border-radius: 0.25rem;
744
- --pgn-size-annotation-max-width: 18.75rem;
745
- --pgn-size-annotation-arrow-border-width: 0.5rem;
746
- --pgn-size-alert-border-width: 0rem;
747
- --pgn-size-alert-border-radius: var(--pgn-size-border-radius-base);
748
- --pgn-size-rounded-pill: 50rem;
749
- --pgn-size-border-radius-sm: 0.25rem;
750
- --pgn-size-border-radius-lg: 0.425rem;
751
- --pgn-size-border-radius-base: 0.375rem;
752
- --pgn-size-border-width: 1px;
737
+ --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
738
+ --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-spacing-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
739
+ --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
740
+ --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
741
+ --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
742
+ --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
743
+ --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
744
+ --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
745
+ --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
746
+ --pgn-size-menu-item-border-width: var(--pgn-size-btn-border-width);
747
+ --pgn-size-navbar-brand-height: calc(var(--pgn-typography-navbar-brand-font-size) * var(--pgn-typography-line-height-base));
748
+ --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
749
+ --pgn-spacing-form-control-select-feedback-icon-position-offset-x: calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
750
+ --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
751
+ --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
752
+ --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
753
753
  /**
754
754
  * TRANSITION
755
755
  */
@@ -8904,7 +8904,7 @@ p > a.brand-link[href]:not(.btn):hover, a.brand-link.inline-link:hover {
8904
8904
  page-break-after: avoid;
8905
8905
  }
8906
8906
  @page {
8907
- size: var(--pgn-typography-print-page-size);
8907
+ size: var(--pgn-print-page-size);
8908
8908
  }
8909
8909
  body {
8910
8910
  min-width: 992px !important;