@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/all.css CHANGED
@@ -561,7 +561,7 @@ fieldset {
561
561
  }
562
562
  /**
563
563
  * Do not edit directly
564
- * Generated on Tue, 16 Sep 2025 14:11:21 GMT
564
+ * Generated on Thu, 25 Sep 2025 06:48:37 GMT
565
565
  */
566
566
  :root {
567
567
  --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. */
@@ -983,9 +983,9 @@ fieldset {
983
983
  * * @prop --bal-button-danger-background: TBD
984
984
  * * @prop --bal-button-danger-background-hover: TBD
985
985
  * * @prop --bal-button-danger-background-active: TBD
986
- * * @prop --bal-button-disablde-color: TBD
987
- * * @prop --bal-button-disablde-border-color: TBD
988
- * * @prop --bal-button-disablde-background: TBD
986
+ * * @prop --bal-button-disabled-color: TBD
987
+ * * @prop --bal-button-disabled-border-color: TBD
988
+ * * @prop --bal-button-disabled-background: TBD
989
989
  * * @prop --bal-button-inverted-color: TBD
990
990
  * * @prop --bal-button-inverted-color-hover: TBD
991
991
  * * @prop --bal-button-inverted-color-active: TBD
@@ -1126,9 +1126,9 @@ fieldset {
1126
1126
  --bal-button-danger-background: var(--bal-color-danger-1);
1127
1127
  --bal-button-danger-background-hover: var(--bal-color-danger-5);
1128
1128
  --bal-button-danger-background-active: var(--bal-color-danger-6);
1129
- --bal-button-disablde-color: var(--bal-color-text-grey);
1130
- --bal-button-disablde-border-color: var(--bal-color-grey);
1131
- --bal-button-disablde-background: var(--bal-color-grey);
1129
+ --bal-button-disabled-color: var(--bal-color-text-grey);
1130
+ --bal-button-disabled-border-color: var(--bal-color-grey);
1131
+ --bal-button-disabled-background: var(--bal-color-grey);
1132
1132
  --bal-button-inverted-color: var(--bal-color-text-white);
1133
1133
  --bal-button-inverted-color-hover: var(--bal-color-text-white);
1134
1134
  --bal-button-inverted-color-active: var(--bal-color-text-white);
@@ -1316,7 +1316,9 @@ fieldset {
1316
1316
  --bal-description-list-row-gap: var(--bal-space-xx-small);
1317
1317
  --bal-description-list-column-gap: var(--bal-space-normal);
1318
1318
  --bal-description-list-term-color: var(--bal-color-text-primary-light);
1319
+ --bal-description-list-term-font-weight: var(--bal-font-weight-regular);
1319
1320
  --bal-description-list-detail-color: var(--bal-color-text-primary);
1321
+ --bal-description-list-detail-font-weight: var(--bal-font-weight-regular);
1320
1322
  }
1321
1323
 
1322
1324
  /**
@@ -2270,7 +2272,7 @@ input.is-grouped {
2270
2272
  .button.is-tertiary-purple:hover, .button.is-tertiary-purple.is-hovered {
2271
2273
  background: var(--bal-button-tertiary-purple-background-hover);
2272
2274
  border-color: var(--bal-button-tertiary-purple-border-color-hover);
2273
- color: var(--bal-button--tertiary-purple-color-hover);
2275
+ color: var(--bal-button-tertiary-purple-color-hover);
2274
2276
  }
2275
2277
  .button.is-tertiary-purple:hover svg,
2276
2278
  .button.is-tertiary-purple:hover g,
@@ -2968,9 +2970,9 @@ input.is-grouped {
2968
2970
  fill: var(--bal-button-inverted-light-color-active);
2969
2971
  }
2970
2972
  .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 {
2971
- background: var(--bal-button-disablde-background);
2972
- border-color: var(--bal-button-disablde-border-color);
2973
- color: var(--bal-button-disablde-color);
2973
+ background: var(--bal-button-disabled-background);
2974
+ border-color: var(--bal-button-disabled-border-color);
2975
+ color: var(--bal-button-disabled-color);
2974
2976
  opacity: 1;
2975
2977
  }
2976
2978
  .button.is-disabled.is-inverted svg,
@@ -2995,7 +2997,7 @@ input.is-grouped {
2995
2997
  .button:disabled g,
2996
2998
  .button:disabled path,
2997
2999
  .button:disabled circle {
2998
- fill: var(--bal-button-disablde-color);
3000
+ fill: var(--bal-button-disabled-color);
2999
3001
  }
3000
3002
  .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 {
3001
3003
  display: none;
@@ -4802,9 +4804,11 @@ dl.list {
4802
4804
  }
4803
4805
  dl.list dt {
4804
4806
  color: var(--bal-description-list-term-color);
4807
+ font-weight: var(--bal-description-list-term-font-weight);
4805
4808
  }
4806
4809
  dl.list dd {
4807
4810
  color: var(--bal-description-list-detail-color);
4811
+ font-weight: var(--bal-description-list-detail-font-weight);
4808
4812
  }
4809
4813
 
4810
4814
  .table {