@baloise/ds-styles 17.4.1 → 18.0.0-nightly.20250212

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 (71) hide show
  1. package/css/all.css +64 -458
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +64 -458
  5. package/css/baloise-design-system.css.map +1 -1
  6. package/css/baloise-design-system.min.css +1 -1
  7. package/css/basic.css +66 -127
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +66 -53
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/structure.css.map +1 -1
  14. package/css/utilities/all.css.map +1 -1
  15. package/css/utilities/background.css.map +1 -1
  16. package/css/utilities/border.css.map +1 -1
  17. package/css/utilities/elevation.css.map +1 -1
  18. package/css/utilities/flex.css.map +1 -1
  19. package/css/utilities/grid.css.map +1 -1
  20. package/css/utilities/interaction.css.map +1 -1
  21. package/css/utilities/layout.css.map +1 -1
  22. package/css/utilities/sizing.css.map +1 -1
  23. package/css/utilities/spacing.css.map +1 -1
  24. package/css/utilities/typography.css.map +1 -1
  25. package/package.json +3 -3
  26. package/sass/all.sass +6 -6
  27. package/sass/baloise-design-system.sass +1 -1
  28. package/sass/basic.sass +5 -5
  29. package/sass/core.sass +3 -4
  30. package/sass/font.sass +1 -1
  31. package/sass/mixins.sass +1 -3
  32. package/sass/structure.sass +1 -1
  33. package/sass/utilities/all.sass +9 -9
  34. package/sass/utilities/background.sass +2 -2
  35. package/sass/utilities/border.sass +2 -2
  36. package/sass/utilities/elevation.sass +2 -2
  37. package/sass/utilities/flex.sass +2 -2
  38. package/sass/utilities/grid.sass +2 -2
  39. package/sass/utilities/interaction.sass +2 -2
  40. package/sass/utilities/layout.sass +2 -2
  41. package/sass/utilities/sizing.sass +2 -2
  42. package/sass/utilities/spacing.sass +2 -2
  43. package/sass/utilities/typography.sass +2 -2
  44. package/src/core/_all.sass +8 -8
  45. package/src/core/container.sass +2 -0
  46. package/src/core/form/_all.sass +6 -6
  47. package/src/core/form/button.sass +2 -0
  48. package/src/core/form/file.sass +3 -0
  49. package/src/core/form/input-textarea.sass +2 -0
  50. package/src/core/form/select.sass +3 -0
  51. package/src/core/form/shared.sass +2 -0
  52. package/src/core/form/tools.sass +2 -0
  53. package/src/core/grid.sass +1 -0
  54. package/src/core/link.sass +2 -0
  55. package/src/core/list.sass +7 -0
  56. package/src/core/table.sass +2 -0
  57. package/src/core/typography.sass +2 -0
  58. package/src/core/vars/_all.sass +7 -7
  59. package/src/generated/background.sass +3 -0
  60. package/src/generated/border.sass +3 -0
  61. package/src/generated/elevation.sass +3 -0
  62. package/src/generated/flex.sass +3 -0
  63. package/src/generated/interaction.sass +3 -0
  64. package/src/generated/layout.sass +3 -0
  65. package/src/generated/sizing.sass +3 -0
  66. package/src/generated/spacing.sass +3 -0
  67. package/src/generated/typography.sass +3 -0
  68. package/src/mixins/_all.sass +6 -6
  69. package/src/mixins/breakpoint.mixin.sass +2 -0
  70. package/src/mixins/extends.sass +2 -0
  71. package/src/mixins/general.mixin.sass +1 -0
package/css/all.css CHANGED
@@ -1,4 +1,4 @@
1
- .table-container:not(:last-child), .table:not(:last-child) {
1
+ .table:not(:last-child), .table-container:not(:last-child) {
2
2
  margin-bottom: 0.25rem;
3
3
  }
4
4
 
@@ -10,9 +10,9 @@
10
10
  }
11
11
 
12
12
  @media (hover: hover) and (pointer: fine) {
13
- a.link:not(.button).is-light:focus-visible,
14
- a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
15
- a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
13
+ a.link:not(.button).is-inverted:focus-visible,
14
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
15
+ a.is-link:not(.button).is-light:focus-visible, .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active) {
16
16
  box-shadow: var(--bal-focus-shadow-inverted) !important;
17
17
  }
18
18
  }
@@ -386,43 +386,6 @@ template {
386
386
  display: none;
387
387
  }
388
388
 
389
- .table-container:not(:last-child), .table:not(:last-child) {
390
- margin-bottom: 0.25rem;
391
- }
392
-
393
- @media (hover: hover) and (pointer: fine) {
394
- a.link:not(.button):focus-visible,
395
- a.is-link:not(.button):focus-visible, .button:focus-visible:not(:active), .button.is-focused:not(:active) {
396
- box-shadow: var(--bal-focus-shadow) !important;
397
- }
398
- }
399
-
400
- @media (hover: hover) and (pointer: fine) {
401
- a.link:not(.button).is-light:focus-visible,
402
- a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
403
- a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
404
- box-shadow: var(--bal-focus-shadow-inverted) !important;
405
- }
406
- }
407
-
408
- .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled, .file.is-disabled .file-label,
409
- .file.is-disabled .file-cta {
410
- cursor: default !important;
411
- pointer-events: none !important;
412
- }
413
-
414
- .button, .file {
415
- -webkit-touch-callout: none;
416
- -webkit-user-select: none;
417
- -moz-user-select: none;
418
- user-select: none;
419
- }
420
-
421
- .button {
422
- -moz-osx-font-smoothing: grayscale;
423
- -webkit-font-smoothing: antialiased;
424
- }
425
-
426
389
  html {
427
390
  background-color: var(--bal-body-background);
428
391
  font-size: var(--bal-body-font-size);
@@ -600,7 +563,7 @@ fieldset {
600
563
  }
601
564
  /**
602
565
  * Do not edit directly
603
- * Generated on Fri, 07 Feb 2025 09:32:44 GMT
566
+ * Generated on Wed, 12 Feb 2025 06:14:12 GMT
604
567
  */
605
568
  :root {
606
569
  --bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */
@@ -868,76 +831,6 @@ fieldset {
868
831
  --bal-color-background-primary: var(--bal-color-primary-5); /* Blue is our accent color and it is present on every touchpoint. Our logo, text, buttons and links are blue. */
869
832
  }
870
833
 
871
- :root {
872
- --bal-line-height-x-small: 1.125rem;
873
- --bal-line-height-small: 1.25rem;
874
- --bal-line-height-normal: 1.5rem;
875
- --bal-line-height-medium: 1.5rem;
876
- --bal-line-height-large: 1.5rem;
877
- --bal-line-height-x-large: 2rem;
878
- --bal-line-height-xx-large: 2rem;
879
- --bal-line-height-xxx-large: 2rem;
880
- --bal-line-height-xxxx-large: 2.5rem;
881
- --bal-line-height-xxxxx-large: 3.5rem;
882
- --bal-line-height-tablet-x-small: 1.125rem;
883
- --bal-line-height-tablet-small: 1.25rem;
884
- --bal-line-height-tablet-normal: 1.5rem;
885
- --bal-line-height-tablet-medium: 1.625rem;
886
- --bal-line-height-tablet-large: 2rem;
887
- --bal-line-height-tablet-x-large: 2rem;
888
- --bal-line-height-tablet-xx-large: 2.5rem;
889
- --bal-line-height-tablet-xxx-large: 3rem;
890
- --bal-line-height-tablet-xxxx-large: 3.5rem;
891
- --bal-line-height-tablet-xxxxx-large: 6rem;
892
- --bal-line-height-desktop-x-small: 1.125rem;
893
- --bal-line-height-desktop-small: 1.25rem;
894
- --bal-line-height-desktop-normal: 1.5rem;
895
- --bal-line-height-desktop-medium: 1.625rem;
896
- --bal-line-height-desktop-large: 2rem;
897
- --bal-line-height-desktop-x-large: 2rem;
898
- --bal-line-height-desktop-xx-large: 2.5rem;
899
- --bal-line-height-desktop-xxx-large: 3rem;
900
- --bal-line-height-desktop-xxxx-large: 3.5rem;
901
- --bal-line-height-desktop-xxxxx-large: 6rem;
902
- }
903
-
904
- .table-container:not(:last-child), .table:not(:last-child) {
905
- margin-bottom: 0.25rem;
906
- }
907
-
908
- @media (hover: hover) and (pointer: fine) {
909
- a.link:not(.button):focus-visible,
910
- a.is-link:not(.button):focus-visible, .button:focus-visible:not(:active), .button.is-focused:not(:active) {
911
- box-shadow: var(--bal-focus-shadow) !important;
912
- }
913
- }
914
-
915
- @media (hover: hover) and (pointer: fine) {
916
- a.link:not(.button).is-light:focus-visible,
917
- a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
918
- a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
919
- box-shadow: var(--bal-focus-shadow-inverted) !important;
920
- }
921
- }
922
-
923
- .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled, .file.is-disabled .file-label,
924
- .file.is-disabled .file-cta {
925
- cursor: default !important;
926
- pointer-events: none !important;
927
- }
928
-
929
- .button, .file {
930
- -webkit-touch-callout: none;
931
- -webkit-user-select: none;
932
- -moz-user-select: none;
933
- user-select: none;
934
- }
935
-
936
- .button {
937
- -moz-osx-font-smoothing: grayscale;
938
- -webkit-font-smoothing: antialiased;
939
- }
940
-
941
834
  /**
942
835
  * * @prop --bal-body-background: Body background color
943
836
  * * @prop --bal-body-font-family: Body font family
@@ -1470,7 +1363,7 @@ fieldset {
1470
1363
  --bal-table-striped-row-even-background-color-hover: var(--bal-color-grey-2);
1471
1364
  }
1472
1365
 
1473
- .select select, .textarea, .input {
1366
+ .select select, .input, .textarea {
1474
1367
  justify-content: flex-start;
1475
1368
  background-color: var(--bal-form-field-control-background);
1476
1369
  border-color: var(--bal-form-field-control-border-color);
@@ -1478,48 +1371,48 @@ fieldset {
1478
1371
  border-radius: var(--bal-form-field-control-radius);
1479
1372
  color: var(--bal-form-field-control-color);
1480
1373
  }
1481
- .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
1374
+ .select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder {
1482
1375
  color: var(--bal-form-field-control-placeholder-color);
1483
1376
  }
1484
- .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
1377
+ .select select::-webkit-input-placeholder, .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
1485
1378
  color: var(--bal-form-field-control-placeholder-color);
1486
1379
  }
1487
- .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
1380
+ .select select:-moz-placeholder, .input:-moz-placeholder, .textarea:-moz-placeholder {
1488
1381
  color: var(--bal-form-field-control-placeholder-color);
1489
1382
  }
1490
- .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
1383
+ .select select:-ms-input-placeholder, .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
1491
1384
  color: var(--bal-form-field-control-placeholder-color);
1492
1385
  }
1493
1386
  @media (hover: hover) and (pointer: fine) {
1494
- .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
1387
+ .select select:hover, .input:hover, .textarea:hover, .select select.is-hovered, .is-hovered.input, .is-hovered.textarea {
1495
1388
  border-color: var(--bal-form-field-control-border-color-hover);
1496
1389
  background-color: var(--bal-form-field-control-background-hover);
1497
1390
  }
1498
1391
  }
1499
- .select select.bal-focused, .bal-focused.textarea, .bal-focused.input, .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
1392
+ .select select.bal-focused, .bal-focused.input, .bal-focused.textarea, .select select:focus, .input:focus, .textarea:focus, .select select.is-focused, .is-focused.input, .is-focused.textarea, .select select:active, .input:active, .textarea:active, .select select.is-active, .is-active.input, .is-active.textarea {
1500
1393
  border-color: var(--bal-form-field-control-border-color-active);
1501
1394
  background-color: var(--bal-form-field-control-background-active);
1502
1395
  }
1503
- .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
1396
+ .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
1504
1397
  background-color: var(--bal-form-field-control-disabled-background);
1505
1398
  border-color: var(--bal-form-field-control-disabled-border-color);
1506
1399
  box-shadow: none;
1507
1400
  color: var(--bal-form-field-control-disabled-color);
1508
1401
  }
1509
- .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
1402
+ .select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
1510
1403
  color: var(--bal-form-field-control-disabled-color);
1511
1404
  }
1512
- .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
1405
+ .select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
1513
1406
  color: var(--bal-form-field-control-disabled-color);
1514
1407
  }
1515
- .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
1408
+ .select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
1516
1409
  color: var(--bal-form-field-control-disabled-color);
1517
1410
  }
1518
- .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
1411
+ .select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
1519
1412
  color: var(--bal-form-field-control-disabled-color);
1520
1413
  }
1521
1414
 
1522
- .file-cta, .select select, .textarea, .input {
1415
+ .file-cta, .select select, .input, .textarea {
1523
1416
  -moz-appearance: none !important;
1524
1417
  -webkit-appearance: none !important;
1525
1418
  align-items: center;
@@ -1537,10 +1430,10 @@ fieldset {
1537
1430
  position: relative;
1538
1431
  vertical-align: top;
1539
1432
  }
1540
- .file-cta:focus, .select select:focus, .textarea:focus, .input:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.textarea, .is-focused.input, .file-cta:active, .select select:active, .textarea:active, .input:active, .is-active.file-cta, .select select.is-active, .is-active.textarea, .is-active.input {
1433
+ .file-cta:focus, .select select:focus, .input:focus, .textarea:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.input, .is-focused.textarea, .file-cta:active, .select select:active, .input:active, .textarea:active, .is-active.file-cta, .select select.is-active, .is-active.input, .is-active.textarea {
1541
1434
  outline: none;
1542
1435
  }
1543
- [disabled].file-cta, .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
1436
+ [disabled].file-cta, .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
1544
1437
  cursor: default;
1545
1438
  }
1546
1439
 
@@ -4676,6 +4569,19 @@ ul.is-list.has-bullet-circle.has-bullet-purple li::before,
4676
4569
  ul.is-list.has-bullet-circle li.has-bullet-purple::before {
4677
4570
  background: var(--bal-list-bullet-background-purple);
4678
4571
  }
4572
+ ol.list.is-compact,
4573
+ ul.list.is-compact,
4574
+ ol.is-list.is-compact,
4575
+ ul.is-list.is-compact {
4576
+ margin-top: 1rem;
4577
+ margin-bottom: 1rem;
4578
+ }
4579
+ ol.list.is-compact li,
4580
+ ul.list.is-compact li,
4581
+ ol.is-list.is-compact li,
4582
+ ul.is-list.is-compact li {
4583
+ margin-bottom: 0.25rem;
4584
+ }
4679
4585
  ol.list.has-bullets, ol.list.has-bullet-check, ol.list.has-bullet-arrow-down, ol.list.has-bullet-close, ol.list.has-bullet-check-circle,
4680
4586
  ul.list.has-bullets,
4681
4587
  ul.list.has-bullet-check,
@@ -5113,41 +5019,37 @@ table.table td.has-buttons .buttons {
5113
5019
  margin-top: auto;
5114
5020
  }
5115
5021
 
5116
- .table:not(:last-child), .table-container:not(:last-child) {
5117
- margin-bottom: 0.25rem;
5118
- }
5119
-
5120
- @media (hover: hover) and (pointer: fine) {
5121
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
5122
- a.is-link:not(.button):focus-visible {
5123
- box-shadow: var(--bal-focus-shadow) !important;
5124
- }
5125
- }
5126
-
5127
- @media (hover: hover) and (pointer: fine) {
5128
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
5129
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
5130
- a.is-link:not(.button).is-light:focus-visible {
5131
- box-shadow: var(--bal-focus-shadow-inverted) !important;
5132
- }
5133
- }
5134
-
5135
- .file.is-disabled .file-label,
5136
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
5137
- cursor: default !important;
5138
- pointer-events: none !important;
5139
- }
5140
-
5141
- .file, .button {
5142
- -webkit-touch-callout: none;
5143
- -webkit-user-select: none;
5144
- -moz-user-select: none;
5145
- user-select: none;
5146
- }
5147
-
5148
- .button {
5149
- -moz-osx-font-smoothing: grayscale;
5150
- -webkit-font-smoothing: antialiased;
5022
+ :root {
5023
+ --bal-line-height-x-small: 1.125rem;
5024
+ --bal-line-height-small: 1.25rem;
5025
+ --bal-line-height-normal: 1.5rem;
5026
+ --bal-line-height-medium: 1.5rem;
5027
+ --bal-line-height-large: 1.5rem;
5028
+ --bal-line-height-x-large: 2rem;
5029
+ --bal-line-height-xx-large: 2rem;
5030
+ --bal-line-height-xxx-large: 2rem;
5031
+ --bal-line-height-xxxx-large: 2.5rem;
5032
+ --bal-line-height-xxxxx-large: 3.5rem;
5033
+ --bal-line-height-tablet-x-small: 1.125rem;
5034
+ --bal-line-height-tablet-small: 1.25rem;
5035
+ --bal-line-height-tablet-normal: 1.5rem;
5036
+ --bal-line-height-tablet-medium: 1.625rem;
5037
+ --bal-line-height-tablet-large: 2rem;
5038
+ --bal-line-height-tablet-x-large: 2rem;
5039
+ --bal-line-height-tablet-xx-large: 2.5rem;
5040
+ --bal-line-height-tablet-xxx-large: 3rem;
5041
+ --bal-line-height-tablet-xxxx-large: 3.5rem;
5042
+ --bal-line-height-tablet-xxxxx-large: 6rem;
5043
+ --bal-line-height-desktop-x-small: 1.125rem;
5044
+ --bal-line-height-desktop-small: 1.25rem;
5045
+ --bal-line-height-desktop-normal: 1.5rem;
5046
+ --bal-line-height-desktop-medium: 1.625rem;
5047
+ --bal-line-height-desktop-large: 2rem;
5048
+ --bal-line-height-desktop-x-large: 2rem;
5049
+ --bal-line-height-desktop-xx-large: 2.5rem;
5050
+ --bal-line-height-desktop-xxx-large: 3rem;
5051
+ --bal-line-height-desktop-xxxx-large: 3.5rem;
5052
+ --bal-line-height-desktop-xxxxx-large: 6rem;
5151
5053
  }
5152
5054
 
5153
5055
  .bg-primary {
@@ -6610,43 +6512,6 @@ table.table td.has-buttons .buttons {
6610
6512
  background: transparent !important;
6611
6513
  }
6612
6514
 
6613
- .table:not(:last-child), .table-container:not(:last-child) {
6614
- margin-bottom: 0.25rem;
6615
- }
6616
-
6617
- @media (hover: hover) and (pointer: fine) {
6618
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
6619
- a.is-link:not(.button):focus-visible {
6620
- box-shadow: var(--bal-focus-shadow) !important;
6621
- }
6622
- }
6623
-
6624
- @media (hover: hover) and (pointer: fine) {
6625
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
6626
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
6627
- a.is-link:not(.button).is-light:focus-visible {
6628
- box-shadow: var(--bal-focus-shadow-inverted) !important;
6629
- }
6630
- }
6631
-
6632
- .file.is-disabled .file-label,
6633
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
6634
- cursor: default !important;
6635
- pointer-events: none !important;
6636
- }
6637
-
6638
- .file, .button {
6639
- -webkit-touch-callout: none;
6640
- -webkit-user-select: none;
6641
- -moz-user-select: none;
6642
- user-select: none;
6643
- }
6644
-
6645
- .button {
6646
- -moz-osx-font-smoothing: grayscale;
6647
- -webkit-font-smoothing: antialiased;
6648
- }
6649
-
6650
6515
  .border {
6651
6516
  border-color: var(--bal-color-border) !important;
6652
6517
  border-width: var(--bal-border-width-normal) !important;
@@ -11343,43 +11208,6 @@ table.table td.has-buttons .buttons {
11343
11208
  border-left-width: 0 !important;
11344
11209
  }
11345
11210
  }
11346
- .table:not(:last-child), .table-container:not(:last-child) {
11347
- margin-bottom: 0.25rem;
11348
- }
11349
-
11350
- @media (hover: hover) and (pointer: fine) {
11351
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
11352
- a.is-link:not(.button):focus-visible {
11353
- box-shadow: var(--bal-focus-shadow) !important;
11354
- }
11355
- }
11356
-
11357
- @media (hover: hover) and (pointer: fine) {
11358
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
11359
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
11360
- a.is-link:not(.button).is-light:focus-visible {
11361
- box-shadow: var(--bal-focus-shadow-inverted) !important;
11362
- }
11363
- }
11364
-
11365
- .file.is-disabled .file-label,
11366
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
11367
- cursor: default !important;
11368
- pointer-events: none !important;
11369
- }
11370
-
11371
- .file, .button {
11372
- -webkit-touch-callout: none;
11373
- -webkit-user-select: none;
11374
- -moz-user-select: none;
11375
- user-select: none;
11376
- }
11377
-
11378
- .button {
11379
- -moz-osx-font-smoothing: grayscale;
11380
- -webkit-font-smoothing: antialiased;
11381
- }
11382
-
11383
11211
  .opacity-0 {
11384
11212
  opacity: var(--bal-opacity-0) !important;
11385
11213
  }
@@ -11760,43 +11588,6 @@ table.table td.has-buttons .buttons {
11760
11588
  text-shadow: var(--bal-text-shadow-normal) !important;
11761
11589
  }
11762
11590
  }
11763
- .table:not(:last-child), .table-container:not(:last-child) {
11764
- margin-bottom: 0.25rem;
11765
- }
11766
-
11767
- @media (hover: hover) and (pointer: fine) {
11768
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
11769
- a.is-link:not(.button):focus-visible {
11770
- box-shadow: var(--bal-focus-shadow) !important;
11771
- }
11772
- }
11773
-
11774
- @media (hover: hover) and (pointer: fine) {
11775
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
11776
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
11777
- a.is-link:not(.button).is-light:focus-visible {
11778
- box-shadow: var(--bal-focus-shadow-inverted) !important;
11779
- }
11780
- }
11781
-
11782
- .file.is-disabled .file-label,
11783
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
11784
- cursor: default !important;
11785
- pointer-events: none !important;
11786
- }
11787
-
11788
- .file, .button {
11789
- -webkit-touch-callout: none;
11790
- -webkit-user-select: none;
11791
- -moz-user-select: none;
11792
- user-select: none;
11793
- }
11794
-
11795
- .button {
11796
- -moz-osx-font-smoothing: grayscale;
11797
- -webkit-font-smoothing: antialiased;
11798
- }
11799
-
11800
11591
  .align-content-start {
11801
11592
  align-content: flex-start !important;
11802
11593
  }
@@ -12895,43 +12686,6 @@ table.table td.has-buttons .buttons {
12895
12686
  column-gap: auto !important;
12896
12687
  }
12897
12688
  }
12898
- .table:not(:last-child), .table-container:not(:last-child) {
12899
- margin-bottom: 0.25rem;
12900
- }
12901
-
12902
- @media (hover: hover) and (pointer: fine) {
12903
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
12904
- a.is-link:not(.button):focus-visible {
12905
- box-shadow: var(--bal-focus-shadow) !important;
12906
- }
12907
- }
12908
-
12909
- @media (hover: hover) and (pointer: fine) {
12910
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
12911
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
12912
- a.is-link:not(.button).is-light:focus-visible {
12913
- box-shadow: var(--bal-focus-shadow-inverted) !important;
12914
- }
12915
- }
12916
-
12917
- .file.is-disabled .file-label,
12918
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
12919
- cursor: default !important;
12920
- pointer-events: none !important;
12921
- }
12922
-
12923
- .file, .button {
12924
- -webkit-touch-callout: none;
12925
- -webkit-user-select: none;
12926
- -moz-user-select: none;
12927
- user-select: none;
12928
- }
12929
-
12930
- .button {
12931
- -moz-osx-font-smoothing: grayscale;
12932
- -webkit-font-smoothing: antialiased;
12933
- }
12934
-
12935
12689
  .select-none {
12936
12690
  -webkit-user-select: none !important;
12937
12691
  -moz-user-select: none !important;
@@ -12984,43 +12738,6 @@ table.table td.has-buttons .buttons {
12984
12738
  pointer-events: none !important;
12985
12739
  }
12986
12740
 
12987
- .table:not(:last-child), .table-container:not(:last-child) {
12988
- margin-bottom: 0.25rem;
12989
- }
12990
-
12991
- @media (hover: hover) and (pointer: fine) {
12992
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
12993
- a.is-link:not(.button):focus-visible {
12994
- box-shadow: var(--bal-focus-shadow) !important;
12995
- }
12996
- }
12997
-
12998
- @media (hover: hover) and (pointer: fine) {
12999
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
13000
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
13001
- a.is-link:not(.button).is-light:focus-visible {
13002
- box-shadow: var(--bal-focus-shadow-inverted) !important;
13003
- }
13004
- }
13005
-
13006
- .file.is-disabled .file-label,
13007
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
13008
- cursor: default !important;
13009
- pointer-events: none !important;
13010
- }
13011
-
13012
- .file, .button {
13013
- -webkit-touch-callout: none;
13014
- -webkit-user-select: none;
13015
- -moz-user-select: none;
13016
- user-select: none;
13017
- }
13018
-
13019
- .button {
13020
- -moz-osx-font-smoothing: grayscale;
13021
- -webkit-font-smoothing: antialiased;
13022
- }
13023
-
13024
12741
  .hidden {
13025
12742
  display: none !important;
13026
12743
  }
@@ -14172,43 +13889,6 @@ table.table td.has-buttons .buttons {
14172
13889
  width: 0.01em !important;
14173
13890
  }
14174
13891
 
14175
- .table:not(:last-child), .table-container:not(:last-child) {
14176
- margin-bottom: 0.25rem;
14177
- }
14178
-
14179
- @media (hover: hover) and (pointer: fine) {
14180
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
14181
- a.is-link:not(.button):focus-visible {
14182
- box-shadow: var(--bal-focus-shadow) !important;
14183
- }
14184
- }
14185
-
14186
- @media (hover: hover) and (pointer: fine) {
14187
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
14188
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
14189
- a.is-link:not(.button).is-light:focus-visible {
14190
- box-shadow: var(--bal-focus-shadow-inverted) !important;
14191
- }
14192
- }
14193
-
14194
- .file.is-disabled .file-label,
14195
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
14196
- cursor: default !important;
14197
- pointer-events: none !important;
14198
- }
14199
-
14200
- .file, .button {
14201
- -webkit-touch-callout: none;
14202
- -webkit-user-select: none;
14203
- -moz-user-select: none;
14204
- user-select: none;
14205
- }
14206
-
14207
- .button {
14208
- -moz-osx-font-smoothing: grayscale;
14209
- -webkit-font-smoothing: antialiased;
14210
- }
14211
-
14212
13892
  .h-full {
14213
13893
  height: 100% !important;
14214
13894
  }
@@ -16139,43 +15819,6 @@ table.table td.has-buttons .buttons {
16139
15819
  max-width: fit-content !important;
16140
15820
  }
16141
15821
  }
16142
- .table:not(:last-child), .table-container:not(:last-child) {
16143
- margin-bottom: 0.25rem;
16144
- }
16145
-
16146
- @media (hover: hover) and (pointer: fine) {
16147
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
16148
- a.is-link:not(.button):focus-visible {
16149
- box-shadow: var(--bal-focus-shadow) !important;
16150
- }
16151
- }
16152
-
16153
- @media (hover: hover) and (pointer: fine) {
16154
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
16155
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
16156
- a.is-link:not(.button).is-light:focus-visible {
16157
- box-shadow: var(--bal-focus-shadow-inverted) !important;
16158
- }
16159
- }
16160
-
16161
- .file.is-disabled .file-label,
16162
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
16163
- cursor: default !important;
16164
- pointer-events: none !important;
16165
- }
16166
-
16167
- .file, .button {
16168
- -webkit-touch-callout: none;
16169
- -webkit-user-select: none;
16170
- -moz-user-select: none;
16171
- user-select: none;
16172
- }
16173
-
16174
- .button {
16175
- -moz-osx-font-smoothing: grayscale;
16176
- -webkit-font-smoothing: antialiased;
16177
- }
16178
-
16179
15822
  .m-none {
16180
15823
  margin: 0 !important;
16181
15824
  }
@@ -19464,43 +19107,6 @@ table.table td.has-buttons .buttons {
19464
19107
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
19465
19108
  }
19466
19109
  }
19467
- .table:not(:last-child), .table-container:not(:last-child) {
19468
- margin-bottom: 0.25rem;
19469
- }
19470
-
19471
- @media (hover: hover) and (pointer: fine) {
19472
- .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
19473
- a.is-link:not(.button):focus-visible {
19474
- box-shadow: var(--bal-focus-shadow) !important;
19475
- }
19476
- }
19477
-
19478
- @media (hover: hover) and (pointer: fine) {
19479
- .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
19480
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
19481
- a.is-link:not(.button).is-light:focus-visible {
19482
- box-shadow: var(--bal-focus-shadow-inverted) !important;
19483
- }
19484
- }
19485
-
19486
- .file.is-disabled .file-label,
19487
- .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
19488
- cursor: default !important;
19489
- pointer-events: none !important;
19490
- }
19491
-
19492
- .file, .button {
19493
- -webkit-touch-callout: none;
19494
- -webkit-user-select: none;
19495
- -moz-user-select: none;
19496
- user-select: none;
19497
- }
19498
-
19499
- .button {
19500
- -moz-osx-font-smoothing: grayscale;
19501
- -webkit-font-smoothing: antialiased;
19502
- }
19503
-
19504
19110
  .text-primary {
19505
19111
  color: var(--bal-color-text-primary) !important;
19506
19112
  }