@baloise/ds-styles 19.7.1 → 19.8.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 (31) hide show
  1. package/css/all.css +16 -12
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +16 -12
  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 +16 -12
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +16 -12
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/themes/future.css +360 -0
  14. package/css/themes/future.css.map +1 -0
  15. package/css/themes/future.min.css +1 -0
  16. package/css/themes/santander.css +268 -0
  17. package/css/themes/santander.css.map +1 -0
  18. package/css/themes/santander.min.css +1 -0
  19. package/css/themes/tcs.css +191 -15
  20. package/css/themes/tcs.css.map +1 -1
  21. package/css/themes/tcs.min.css +1 -1
  22. package/package.json +3 -3
  23. package/sass/themes/future.sass +366 -0
  24. package/sass/themes/santander.sass +302 -0
  25. package/sass/themes/tcs.sass +223 -15
  26. package/src/core/form/button.sass +5 -5
  27. package/src/core/list copy.sass +52 -0
  28. package/src/core/list.sass +2 -0
  29. package/src/core/vars/button.vars.sass +7 -7
  30. package/src/core/vars/list.vars.sass +2 -0
  31. package/src/mixins/svg.mixin.sass +7 -0
package/css/core.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 16 Sep 2025 14:11:21 GMT
3
+ * Generated on Thu, 25 Sep 2025 06:48:37 GMT
4
4
  */
5
5
  :root {
6
6
  --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. */
@@ -459,9 +459,9 @@
459
459
  * * @prop --bal-button-danger-background: TBD
460
460
  * * @prop --bal-button-danger-background-hover: TBD
461
461
  * * @prop --bal-button-danger-background-active: TBD
462
- * * @prop --bal-button-disablde-color: TBD
463
- * * @prop --bal-button-disablde-border-color: TBD
464
- * * @prop --bal-button-disablde-background: TBD
462
+ * * @prop --bal-button-disabled-color: TBD
463
+ * * @prop --bal-button-disabled-border-color: TBD
464
+ * * @prop --bal-button-disabled-background: TBD
465
465
  * * @prop --bal-button-inverted-color: TBD
466
466
  * * @prop --bal-button-inverted-color-hover: TBD
467
467
  * * @prop --bal-button-inverted-color-active: TBD
@@ -602,9 +602,9 @@
602
602
  --bal-button-danger-background: var(--bal-color-danger-1);
603
603
  --bal-button-danger-background-hover: var(--bal-color-danger-5);
604
604
  --bal-button-danger-background-active: var(--bal-color-danger-6);
605
- --bal-button-disablde-color: var(--bal-color-text-grey);
606
- --bal-button-disablde-border-color: var(--bal-color-grey);
607
- --bal-button-disablde-background: var(--bal-color-grey);
605
+ --bal-button-disabled-color: var(--bal-color-text-grey);
606
+ --bal-button-disabled-border-color: var(--bal-color-grey);
607
+ --bal-button-disabled-background: var(--bal-color-grey);
608
608
  --bal-button-inverted-color: var(--bal-color-text-white);
609
609
  --bal-button-inverted-color-hover: var(--bal-color-text-white);
610
610
  --bal-button-inverted-color-active: var(--bal-color-text-white);
@@ -792,7 +792,9 @@
792
792
  --bal-description-list-row-gap: var(--bal-space-xx-small);
793
793
  --bal-description-list-column-gap: var(--bal-space-normal);
794
794
  --bal-description-list-term-color: var(--bal-color-text-primary-light);
795
+ --bal-description-list-term-font-weight: var(--bal-font-weight-regular);
795
796
  --bal-description-list-detail-color: var(--bal-color-text-primary);
797
+ --bal-description-list-detail-font-weight: var(--bal-font-weight-regular);
796
798
  }
797
799
 
798
800
  /**
@@ -1746,7 +1748,7 @@ input.is-grouped {
1746
1748
  .button.is-tertiary-purple:hover, .button.is-tertiary-purple.is-hovered {
1747
1749
  background: var(--bal-button-tertiary-purple-background-hover);
1748
1750
  border-color: var(--bal-button-tertiary-purple-border-color-hover);
1749
- color: var(--bal-button--tertiary-purple-color-hover);
1751
+ color: var(--bal-button-tertiary-purple-color-hover);
1750
1752
  }
1751
1753
  .button.is-tertiary-purple:hover svg,
1752
1754
  .button.is-tertiary-purple:hover g,
@@ -2444,9 +2446,9 @@ input.is-grouped {
2444
2446
  fill: var(--bal-button-inverted-light-color-active);
2445
2447
  }
2446
2448
  .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 {
2447
- background: var(--bal-button-disablde-background);
2448
- border-color: var(--bal-button-disablde-border-color);
2449
- color: var(--bal-button-disablde-color);
2449
+ background: var(--bal-button-disabled-background);
2450
+ border-color: var(--bal-button-disabled-border-color);
2451
+ color: var(--bal-button-disabled-color);
2450
2452
  opacity: 1;
2451
2453
  }
2452
2454
  .button.is-disabled.is-inverted svg,
@@ -2471,7 +2473,7 @@ input.is-grouped {
2471
2473
  .button:disabled g,
2472
2474
  .button:disabled path,
2473
2475
  .button:disabled circle {
2474
- fill: var(--bal-button-disablde-color);
2476
+ fill: var(--bal-button-disabled-color);
2475
2477
  }
2476
2478
  .button.is-disabled.is-inverted > span::after, .button.is-disabled > span::after, .button.is-disabled:hover > span::after, .button.is-disabled:active > span::after, .button.is-disabled:focus > span::after, .button.is-inverted:disabled > span::after, .button:disabled > span::after {
2477
2479
  display: none;
@@ -4278,9 +4280,11 @@ dl.list {
4278
4280
  }
4279
4281
  dl.list dt {
4280
4282
  color: var(--bal-description-list-term-color);
4283
+ font-weight: var(--bal-description-list-term-font-weight);
4281
4284
  }
4282
4285
  dl.list dd {
4283
4286
  color: var(--bal-description-list-detail-color);
4287
+ font-weight: var(--bal-description-list-detail-font-weight);
4284
4288
  }
4285
4289
 
4286
4290
  .table {