@swisspost/design-system-styles 5.4.0 → 5.4.1

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 (97) hide show
  1. package/basics.css +1 -1
  2. package/components/accordion.scss +1 -1
  3. package/components/alert.scss +1 -1
  4. package/components/badge.scss +1 -1
  5. package/components/breadcrumb.scss +1 -1
  6. package/components/card.scss +5 -5
  7. package/components/carousel.scss +1 -1
  8. package/components/close.scss +1 -1
  9. package/components/form-check.scss +1 -1
  10. package/components/form-range.scss +1 -1
  11. package/components/form-select.scss +1 -1
  12. package/components/grid.scss +1 -1
  13. package/components/intranet-header/_logo.scss +1 -1
  14. package/components/intranet-header/_nav-overflow.scss +1 -1
  15. package/components/intranet-header/_scaffolding.scss +1 -1
  16. package/components/intranet-header/_searchbox.scss +1 -1
  17. package/components/intranet-header/_sidebar.scss +1 -1
  18. package/components/intranet-header/_top-navigation.scss +1 -1
  19. package/components/list-group.scss +1 -1
  20. package/components/modal.scss +1 -1
  21. package/components/offcanvas.scss +1 -1
  22. package/components/popover.scss +1 -1
  23. package/components/product-card.scss +1 -0
  24. package/components/progress.scss +1 -1
  25. package/components/sizing.scss +1 -1
  26. package/components/spinner.scss +1 -1
  27. package/components/stepper.scss +1 -1
  28. package/components/subnavigation.scss +1 -1
  29. package/components/tabs.scss +1 -1
  30. package/components/toast.scss +1 -1
  31. package/components/topic-teaser.scss +1 -1
  32. package/components/type.scss +1 -1
  33. package/components/utilities.scss +5 -5
  34. package/core.scss +1 -1
  35. package/index.css +30 -4
  36. package/intranet.css +31 -5
  37. package/layouts/portal/_grid.scss +1 -1
  38. package/layouts/portal/_type.scss +1 -1
  39. package/mixins/_animation.scss +1 -1
  40. package/mixins/_size.scss +1 -1
  41. package/mixins/_type.scss +2 -2
  42. package/package.json +7 -7
  43. package/placeholders/_notifications.scss +1 -1
  44. package/placeholders/_text.scss +1 -1
  45. package/placeholders/badge.scss +1 -1
  46. package/schematics/utils/css/css-classes-update.d.ts +14 -0
  47. package/schematics/utils/css/css-classes-update.js +27 -0
  48. package/schematics/utils/css/css-classes-update.js.map +1 -0
  49. package/schematics/utils/css/css-migration-rule.d.ts +4 -0
  50. package/schematics/utils/css/css-migration-rule.js +112 -0
  51. package/schematics/utils/css/css-migration-rule.js.map +1 -0
  52. package/schematics/utils/css/css-migration.d.ts +13 -0
  53. package/schematics/utils/css/css-migration.js +36 -0
  54. package/schematics/utils/css/css-migration.js.map +1 -0
  55. package/schematics/utils/css/html_css_classes_visitor.d.ts +23 -0
  56. package/schematics/utils/css/html_css_classes_visitor.js +76 -0
  57. package/schematics/utils/css/html_css_classes_visitor.js.map +1 -0
  58. package/themes/bootstrap/_accordion.scss +1 -1
  59. package/themes/bootstrap/_alert.scss +1 -1
  60. package/themes/bootstrap/_badge.scss +1 -1
  61. package/themes/bootstrap/_breadcrumbs.scss +1 -1
  62. package/themes/bootstrap/_button-group.scss +1 -1
  63. package/themes/bootstrap/_buttons.scss +1 -1
  64. package/themes/bootstrap/_card.scss +1 -1
  65. package/themes/bootstrap/_carousel.scss +1 -1
  66. package/themes/bootstrap/_close.scss +1 -1
  67. package/themes/bootstrap/_containers.scss +1 -1
  68. package/themes/bootstrap/_dropdown.scss +1 -1
  69. package/themes/bootstrap/_grid.scss +1 -1
  70. package/themes/bootstrap/_images.scss +1 -1
  71. package/themes/bootstrap/_list-group.scss +1 -1
  72. package/themes/bootstrap/_modal.scss +1 -1
  73. package/themes/bootstrap/_nav.scss +1 -1
  74. package/themes/bootstrap/_navbar.scss +1 -1
  75. package/themes/bootstrap/_offcanvas.scss +1 -1
  76. package/themes/bootstrap/{_core.scss → _overrides.scss} +1 -7
  77. package/themes/bootstrap/_pagination.scss +1 -1
  78. package/themes/bootstrap/_popover.scss +1 -1
  79. package/themes/bootstrap/_progress.scss +1 -1
  80. package/themes/bootstrap/_reboot.scss +1 -1
  81. package/themes/bootstrap/_root.scss +1 -1
  82. package/themes/bootstrap/_spinners.scss +1 -1
  83. package/themes/bootstrap/_tables.scss +1 -1
  84. package/themes/bootstrap/_toasts.scss +1 -1
  85. package/themes/bootstrap/_tooltip.scss +1 -1
  86. package/themes/bootstrap/_transitions.scss +1 -1
  87. package/themes/bootstrap/_type.scss +1 -1
  88. package/themes/bootstrap/_utilities.scss +1 -1
  89. package/themes/bootstrap/forms/_floating-labels.scss +1 -1
  90. package/themes/bootstrap/forms/_form-check.scss +1 -1
  91. package/themes/bootstrap/forms/_form-control.scss +1 -1
  92. package/themes/bootstrap/forms/_form-range.scss +1 -1
  93. package/themes/bootstrap/forms/_form-select.scss +1 -1
  94. package/themes/bootstrap/forms/_form-text.scss +1 -1
  95. package/themes/bootstrap/forms/_input-group.scss +1 -1
  96. package/themes/bootstrap/forms/_labels.scss +1 -1
  97. package/themes/bootstrap/forms/_validation.scss +1 -1
package/components/accordion.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/accordion' as ba;
6
6
 
7
7
  @use './../mixins/type';
package/components/alert.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'sass:map';
4
4
 
5
5
  @use './../lic/bootstrap-license';
6
- @use './../themes/bootstrap/core' as *;
6
+ @use './../themes/bootstrap/overrides' as *;
7
7
 
8
8
  @use './../variables/color';
9
9
  @use './../variables/commons';
package/components/badge.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/badge' as bb;
6
6
  @use './../themes/bootstrap/close' as bc; // Styles for the close icon
7
7
 
package/components/breadcrumb.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'sass:map';
4
4
 
5
5
  @use './../lic/bootstrap-license';
6
- @use './../themes/bootstrap/core' as *;
6
+ @use './../themes/bootstrap/overrides' as *;
7
7
  @use './../themes/bootstrap/breadcrumbs' as bb;
8
8
 
9
9
  @use './../variables/type';
package/components/card.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as bootstrap;
5
5
  @use './../themes/bootstrap/card' as bootstrap-card;
6
6
  @use './../variables/color';
7
7
  @use './../variables/spacing';
@@ -92,19 +92,19 @@
92
92
 
93
93
  .product-card &,
94
94
  .card-button & {
95
- @include media-breakpoint-down(sm) {
95
+ @include bootstrap.media-breakpoint-down(sm) {
96
96
  padding: spacing.$size-regular;
97
97
  }
98
98
 
99
- @include media-breakpoint-between(sm, md) {
99
+ @include bootstrap.media-breakpoint-between(sm, md) {
100
100
  padding: spacing.$size-large;
101
101
  }
102
102
 
103
- @include media-breakpoint-between(md, xxl) {
103
+ @include bootstrap.media-breakpoint-between(md, xxl) {
104
104
  padding: spacing.$size-big;
105
105
  }
106
106
 
107
- @include media-breakpoint-up(xxl) {
107
+ @include bootstrap.media-breakpoint-up(xxl) {
108
108
  padding: spacing.$size-bigger-big;
109
109
  }
110
110
  }
package/components/carousel.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
4
  @use './../themes/bootstrap/carousel' as bc;
5
- @use './../themes/bootstrap/core' as *;
5
+ @use './../themes/bootstrap/overrides' as *;
6
6
 
7
7
  @use './../functions/icons';
8
8
  @use './../variables/color';
package/components/close.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/close' as bc;
6
6
 
7
7
  @use './../variables/components/close';
package/components/form-check.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @use 'sass:math';
4
4
  @use './../lic/bootstrap-license';
5
- @use './../themes/bootstrap/core' as *;
5
+ @use './../themes/bootstrap/overrides' as *;
6
6
  @use './../themes/bootstrap/forms/form-check' as bfc;
7
7
 
8
8
  @use './../variables/color';
package/components/form-range.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/forms' as bf;
6
6
 
7
7
  @use './../variables/commons';
package/components/form-select.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/forms' as bf;
6
6
  @use './../mixins/forms' as forms-mixins;
7
7
  @use './../mixins/utilities';
package/components/grid.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'sass:map';
4
4
 
5
5
  @use './../lic/bootstrap-license';
6
- @use './../themes/bootstrap/core' as *;
6
+ @use './../themes/bootstrap/overrides' as *;
7
7
  @use './../themes/bootstrap/grid' as bg;
8
8
  @use './../themes/bootstrap/containers' as bc;
9
9
 
package/components/intranet-header/_logo.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use './../../variables/color';
2
2
  @use './../../variables/components/intranet-header';
3
3
 
4
- @use './../../themes/bootstrap/core' as *;
4
+ @use './../../themes/bootstrap/overrides' as *;
5
5
 
6
6
  %header-logo {
7
7
  display: block;
package/components/intranet-header/_nav-overflow.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use './../../variables/commons';
3
3
  @use './../../functions/icons';
4
4
 
5
- @use './../../themes/bootstrap/core' as *;
5
+ @use './../../themes/bootstrap/overrides' as *;
6
6
  @use './../../placeholders/dropdown';
7
7
 
8
8
  .top-navigation {
package/components/intranet-header/_scaffolding.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use './../../variables/commons';
4
4
  @use './../../variables/components/intranet-header';
5
5
 
6
- @use './../../themes/bootstrap/core' as *;
6
+ @use './../../themes/bootstrap/overrides' as *;
7
7
 
8
8
  // based from http://getbootstrap.com/docs/4.1/examples/dashboard/
9
9
  .navbar-brand {
package/components/intranet-header/_searchbox.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @use './../../variables/commons';
5
5
  @use './../../variables/components/intranet-header';
6
6
 
7
- @use './../../themes/bootstrap/core' as *;
7
+ @use './../../themes/bootstrap/overrides' as *;
8
8
 
9
9
  header.navbar {
10
10
  .search-textbox {
package/components/intranet-header/_sidebar.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use './../../variables/commons';
4
4
  @use './../../variables/components/intranet-header';
5
5
 
6
- @use './../../themes/bootstrap/core' as *;
6
+ @use './../../themes/bootstrap/overrides' as *;
7
7
 
8
8
  // Sidebar
9
9
  #sidebar {
package/components/intranet-header/_top-navigation.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  @use './../../mixins/utilities';
9
9
 
10
10
  @use './../../themes/bootstrap/navbar' as bn;
11
- @use './../../themes/bootstrap/core' as *;
11
+ @use './../../themes/bootstrap/overrides' as *;
12
12
 
13
13
  .top-navigation {
14
14
  button.nav-link {
package/components/list-group.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'sass:map';
4
4
 
5
5
  @use './../lic/bootstrap-license';
6
- @use './../themes/bootstrap/core' as *;
6
+ @use './../themes/bootstrap/overrides' as *;
7
7
  @use './../themes/bootstrap/list-group' as bl;
8
8
 
9
9
  @use './../variables/color';
package/components/modal.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use './../lic/bootstrap-license';
4
4
  @use './../themes/bootstrap/modal' as bm;
5
5
  @use './../themes/bootstrap/close' as bc;
6
- @use './../themes/bootstrap/core' as *;
6
+ @use './../themes/bootstrap/overrides' as *;
7
7
 
8
8
  @use './../mixins/icons' as icon-mixin;
9
9
  @use './../mixins/scroll-shadows' as scroll-shadows-mixin;
package/components/offcanvas.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/offcanvas' as bc;
package/components/popover.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/popover' as bp;
6
6
 
7
7
  @use './../variables/type';
package/components/product-card.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @use 'sass:map';
4
4
 
5
5
  @use './../lic/bootstrap-license';
6
+ @use './../themes/bootstrap/overrides' as bootstrap;
6
7
  @use './../themes/bootstrap/card' as bootstrap-card;
7
8
  @use './../variables/color';
8
9
  @use './../variables/spacing';
package/components/progress.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/progress' as bp;
6
6
 
7
7
  @use './../variables/commons';
package/components/sizing.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use 'sass:map';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../variables/spacing';
6
6
  @use './../variables/breakpoints';
7
7
  @use './../mixins/utilities';
package/components/spinner.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/progress' as bp;
6
6
 
7
7
  @use './../mixins/utilities';
package/components/stepper.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @use './../variables/spacing';
5
5
  @use './../variables/components/stepper';
6
6
 
7
- @use './../themes/bootstrap/core' as *;
7
+ @use './../themes/bootstrap/overrides' as *;
8
8
 
9
9
  .stepper-container {
10
10
  @include size-mx.responsive-size('big', 'margin-bottom');
package/components/subnavigation.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
 
6
6
  @use './../mixins';
7
7
  @use './../mixins/utilities';
package/components/tabs.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
  @use './../themes/bootstrap/nav' as n;
6
6
 
7
7
  @use './../variables/components/nav';
package/components/toast.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @forward './../variables/options';
2
2
 
3
3
  @use './../lic/bootstrap-license';
4
- @use './../themes/bootstrap/core' as *;
4
+ @use './../themes/bootstrap/overrides' as *;
5
5
 
6
6
  @use './../variables/components/toasts';
7
7
  @use './../variables/components/alert';
package/components/topic-teaser.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @use 'sass:map';
4
4
 
5
- @use './../themes/bootstrap/core' as *;
5
+ @use './../themes/bootstrap/overrides' as *;
6
6
 
7
7
  @use './../functions/icons';
8
8
  @use './../variables/color';
package/components/type.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @use 'sass:meta';
5
5
 
6
6
  @use './../lic/bootstrap-license';
7
- @use './../themes/bootstrap/core' as *;
7
+ @use './../themes/bootstrap/overrides' as *;
8
8
  @use './../themes/bootstrap/type' as bt;
9
9
 
10
10
  @use './../variables/color';
package/components/utilities.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'sass:map';
4
4
  @use 'sass:list';
5
5
  @use './../lic/bootstrap-license';
6
- @use './../themes/bootstrap/core' as *;
6
+ @use './../themes/bootstrap/overrides' as bootstrap;
7
7
  @use './../themes/bootstrap/utilities' as bu; // TODO: Move Design System utilities to utilities folder.
8
8
  @use './../mixins/utilities';
9
9
  @use './../variables/color';
@@ -30,25 +30,25 @@
30
30
  }
31
31
 
32
32
  .h-visuallyhidden-up-md {
33
- @include media-breakpoint-up(md) {
33
+ @include bootstrap.media-breakpoint-up(md) {
34
34
  @include utilities.visuallyhidden;
35
35
  }
36
36
  }
37
37
 
38
38
  .h-visuallyhidden-down-rg {
39
- @include media-breakpoint-down(rg) {
39
+ @include bootstrap.media-breakpoint-down(rg) {
40
40
  @include utilities.visuallyhidden;
41
41
  }
42
42
  }
43
43
 
44
44
  .h-visuallyhidden-down-lg {
45
- @include media-breakpoint-down(lg) {
45
+ @include bootstrap.media-breakpoint-down(lg) {
46
46
  @include utilities.visuallyhidden;
47
47
  }
48
48
  }
49
49
 
50
50
  .h-clearfix {
51
- @include clearfix;
51
+ @include bootstrap.clearfix;
52
52
  }
53
53
 
54
54
  //-- Legacy --
package/core.scss CHANGED
@@ -2,4 +2,4 @@
2
2
  @forward './variables';
3
3
  @forward './mixins';
4
4
 
5
- @import './themes/bootstrap/core';
5
+ @import './themes/bootstrap/overrides';