@swisspost/design-system-styles 5.4.1 → 6.1.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 (186) hide show
  1. package/basics.css +1 -1
  2. package/components/accordion.scss +1 -1
  3. package/components/alert.scss +2 -7
  4. package/components/badge.scss +1 -1
  5. package/components/breadcrumb.scss +1 -1
  6. package/components/button-group.scss +27 -51
  7. package/components/button.scss +1 -2
  8. package/components/card.scss +5 -5
  9. package/components/carousel.scss +1 -1
  10. package/components/close.scss +1 -1
  11. package/components/datepicker.scss +2 -1
  12. package/components/floating-label.scss +1 -5
  13. package/components/form-check.scss +1 -1
  14. package/components/form-range.scss +1 -1
  15. package/components/form-select.scss +1 -1
  16. package/components/grid.scss +1 -1
  17. package/components/intranet-header/_logo.scss +1 -1
  18. package/components/intranet-header/_nav-overflow.scss +1 -1
  19. package/components/intranet-header/_scaffolding.scss +1 -2
  20. package/components/intranet-header/_searchbox.scss +1 -1
  21. package/components/intranet-header/_sidebar.scss +1 -1
  22. package/components/intranet-header/_top-navigation.scss +3 -2
  23. package/components/list-group.scss +1 -1
  24. package/components/modal.scss +1 -1
  25. package/components/offcanvas.scss +1 -1
  26. package/components/popover.scss +1 -1
  27. package/components/product-card.scss +0 -1
  28. package/components/progress.scss +1 -2
  29. package/components/sizing.scss +2 -2
  30. package/components/spinner.scss +1 -1
  31. package/components/stepper.scss +12 -6
  32. package/components/subnavigation.scss +1 -1
  33. package/components/tabs.scss +1 -1
  34. package/components/toast.scss +1 -1
  35. package/components/topic-teaser.scss +1 -1
  36. package/components/type.scss +21 -49
  37. package/components/utilities.scss +5 -5
  38. package/core.scss +1 -1
  39. package/functions/_sizing.scss +1 -0
  40. package/index.css +8 -34
  41. package/intranet.css +8 -34
  42. package/layouts/portal/_grid.scss +1 -1
  43. package/layouts/portal/_type.scss +1 -1
  44. package/mixins/_animation.scss +1 -1
  45. package/mixins/_button.scss +0 -1
  46. package/mixins/_forms.scss +2 -1
  47. package/mixins/_size.scss +1 -1
  48. package/mixins/_type.scss +4 -15
  49. package/package.json +19 -20
  50. package/placeholders/_notifications.scss +1 -1
  51. package/placeholders/_text.scss +1 -1
  52. package/placeholders/badge.scss +1 -3
  53. package/schematics/migrations/_example-dom-migration/index.js +11 -7
  54. package/schematics/migrations/_example-dom-migration/index.js.map +1 -1
  55. package/schematics/migrations/bootstrap/badge/index.js +2 -2
  56. package/schematics/migrations/bootstrap/badge/index.js.map +1 -1
  57. package/schematics/migrations/bootstrap/blockquote/index.js +2 -2
  58. package/schematics/migrations/bootstrap/blockquote/index.js.map +1 -1
  59. package/schematics/migrations/bootstrap/button/index.js +2 -2
  60. package/schematics/migrations/bootstrap/button/index.js.map +1 -1
  61. package/schematics/migrations/bootstrap/button-close/index.js +2 -2
  62. package/schematics/migrations/bootstrap/button-close/index.js.map +1 -1
  63. package/schematics/migrations/bootstrap/form-checkbox/index.js +2 -2
  64. package/schematics/migrations/bootstrap/form-checkbox/index.js.map +1 -1
  65. package/schematics/migrations/bootstrap/form-control/index.js +2 -2
  66. package/schematics/migrations/bootstrap/form-control/index.js.map +1 -1
  67. package/schematics/migrations/bootstrap/form-radio/index.js +2 -2
  68. package/schematics/migrations/bootstrap/form-radio/index.js.map +1 -1
  69. package/schematics/migrations/bootstrap/form-select/index.js +2 -2
  70. package/schematics/migrations/bootstrap/form-select/index.js.map +1 -1
  71. package/schematics/migrations/bootstrap/form-switch/index.js +2 -2
  72. package/schematics/migrations/bootstrap/form-switch/index.js.map +1 -1
  73. package/schematics/migrations/bootstrap/forms/index.js +2 -2
  74. package/schematics/migrations/bootstrap/forms/index.js.map +1 -1
  75. package/schematics/migrations/bootstrap/textarea/index.js +2 -2
  76. package/schematics/migrations/bootstrap/textarea/index.js.map +1 -1
  77. package/schematics/migrations/general/classes/bg-opacity.js +2 -2
  78. package/schematics/migrations/general/classes/bg-opacity.js.map +1 -1
  79. package/schematics/migrations/general/classes/rtl.js +5 -3
  80. package/schematics/migrations/general/classes/rtl.js.map +1 -1
  81. package/schematics/migrations/general/classes/secondary.js +2 -2
  82. package/schematics/migrations/general/classes/secondary.js.map +1 -1
  83. package/schematics/migrations/general/classes/sr-only.js +2 -2
  84. package/schematics/migrations/general/classes/sr-only.js.map +1 -1
  85. package/schematics/migrations/general/classes/text-auto.js +2 -2
  86. package/schematics/migrations/general/classes/text-auto.js.map +1 -1
  87. package/schematics/migrations/ngbootstrap/buttons/index.js +67 -29
  88. package/schematics/migrations/ngbootstrap/buttons/index.js.map +1 -1
  89. package/schematics/migrations/post/custom-select/index.js +2 -2
  90. package/schematics/migrations/post/custom-select/index.js.map +1 -1
  91. package/schematics/migrations/post/stepper/index.d.ts +2 -0
  92. package/schematics/migrations/post/stepper/index.js +61 -0
  93. package/schematics/migrations/post/stepper/index.js.map +1 -0
  94. package/schematics/migrations/post/subnavigation/index.js +2 -2
  95. package/schematics/migrations/post/subnavigation/index.js.map +1 -1
  96. package/schematics/migrations/post/topic-teaser/index.js +2 -2
  97. package/schematics/migrations/post/topic-teaser/index.js.map +1 -1
  98. package/schematics/migrations.json +6 -2
  99. package/schematics/utils/constants.d.ts +2 -0
  100. package/schematics/utils/constants.js +67 -3
  101. package/schematics/utils/constants.js.map +1 -1
  102. package/schematics/utils/{dom/update.d.ts → dom-migration/dom-update.d.ts} +1 -1
  103. package/schematics/utils/{dom/update.js → dom-migration/dom-update.js} +1 -1
  104. package/schematics/utils/dom-migration/dom-update.js.map +1 -0
  105. package/schematics/utils/dom-migration/get-dom-migration-rule.d.ts +3 -0
  106. package/schematics/utils/{dom/migration-rule.js → dom-migration/get-dom-migration-rule.js} +27 -18
  107. package/schematics/utils/dom-migration/get-dom-migration-rule.js.map +1 -0
  108. package/schematics/utils/dom-migration/index.d.ts +2 -0
  109. package/schematics/utils/dom-migration/index.js +22 -0
  110. package/schematics/utils/dom-migration/index.js.map +1 -0
  111. package/themes/bootstrap/_accordion.scss +1 -1
  112. package/themes/bootstrap/_alert.scss +1 -1
  113. package/themes/bootstrap/_badge.scss +1 -1
  114. package/themes/bootstrap/_breadcrumbs.scss +1 -1
  115. package/themes/bootstrap/_button-group.scss +1 -1
  116. package/themes/bootstrap/_buttons.scss +1 -1
  117. package/themes/bootstrap/_card.scss +1 -1
  118. package/themes/bootstrap/_carousel.scss +1 -1
  119. package/themes/bootstrap/_close.scss +1 -1
  120. package/themes/bootstrap/_containers.scss +1 -1
  121. package/themes/bootstrap/{_overrides.scss → _core.scss} +7 -1
  122. package/themes/bootstrap/_dropdown.scss +1 -1
  123. package/themes/bootstrap/_grid.scss +1 -1
  124. package/themes/bootstrap/_images.scss +1 -1
  125. package/themes/bootstrap/_list-group.scss +1 -1
  126. package/themes/bootstrap/_modal.scss +1 -1
  127. package/themes/bootstrap/_nav.scss +1 -1
  128. package/themes/bootstrap/_navbar.scss +1 -1
  129. package/themes/bootstrap/_offcanvas.scss +1 -1
  130. package/themes/bootstrap/_overrides-color.scss +1 -1
  131. package/themes/bootstrap/_pagination.scss +1 -1
  132. package/themes/bootstrap/_popover.scss +1 -1
  133. package/themes/bootstrap/_progress.scss +1 -1
  134. package/themes/bootstrap/_reboot.scss +1 -1
  135. package/themes/bootstrap/_root.scss +1 -1
  136. package/themes/bootstrap/_spinners.scss +1 -1
  137. package/themes/bootstrap/_tables.scss +1 -1
  138. package/themes/bootstrap/_toasts.scss +1 -1
  139. package/themes/bootstrap/_tooltip.scss +1 -1
  140. package/themes/bootstrap/_transitions.scss +1 -1
  141. package/themes/bootstrap/_type.scss +1 -1
  142. package/themes/bootstrap/_utilities.scss +1 -1
  143. package/themes/bootstrap/forms/_floating-labels.scss +1 -1
  144. package/themes/bootstrap/forms/_form-check.scss +1 -1
  145. package/themes/bootstrap/forms/_form-control.scss +1 -1
  146. package/themes/bootstrap/forms/_form-range.scss +1 -1
  147. package/themes/bootstrap/forms/_form-select.scss +1 -1
  148. package/themes/bootstrap/forms/_form-text.scss +1 -1
  149. package/themes/bootstrap/forms/_input-group.scss +1 -1
  150. package/themes/bootstrap/forms/_labels.scss +1 -1
  151. package/themes/bootstrap/forms/_validation.scss +1 -1
  152. package/variables/_color.scss +2 -1
  153. package/variables/_heading.scss +52 -0
  154. package/variables/_index.scss +1 -0
  155. package/variables/_type.scss +52 -15
  156. package/variables/components/_accordion.scss +1 -1
  157. package/variables/components/_alert.scss +2 -2
  158. package/variables/components/_button.scss +11 -9
  159. package/variables/components/_form-check.scss +1 -1
  160. package/variables/components/_form-switch.scss +1 -1
  161. package/variables/components/_forms.scss +5 -5
  162. package/variables/components/_modals.scss +1 -1
  163. package/variables/components/_nav.scss +1 -1
  164. package/variables/components/_navbar.scss +1 -1
  165. package/variables/components/_tables.scss +0 -1
  166. package/schematics/utils/css/css-classes-update.d.ts +0 -14
  167. package/schematics/utils/css/css-classes-update.js +0 -27
  168. package/schematics/utils/css/css-classes-update.js.map +0 -1
  169. package/schematics/utils/css/css-migration-rule.d.ts +0 -4
  170. package/schematics/utils/css/css-migration-rule.js +0 -112
  171. package/schematics/utils/css/css-migration-rule.js.map +0 -1
  172. package/schematics/utils/css/css-migration.d.ts +0 -13
  173. package/schematics/utils/css/css-migration.js +0 -36
  174. package/schematics/utils/css/css-migration.js.map +0 -1
  175. package/schematics/utils/css/html_css_classes_visitor.d.ts +0 -23
  176. package/schematics/utils/css/html_css_classes_visitor.js +0 -76
  177. package/schematics/utils/css/html_css_classes_visitor.js.map +0 -1
  178. package/schematics/utils/dom/migration-rule.d.ts +0 -3
  179. package/schematics/utils/dom/migration-rule.js.map +0 -1
  180. package/schematics/utils/dom/migration.d.ts +0 -7
  181. package/schematics/utils/dom/migration.js +0 -11
  182. package/schematics/utils/dom/migration.js.map +0 -1
  183. package/schematics/utils/dom/update.js.map +0 -1
  184. package/schematics/utils/regex.d.ts +0 -2
  185. package/schematics/utils/regex.js +0 -12
  186. package/schematics/utils/regex.js.map +0 -1
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/alert';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/badge';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/breadcrumb';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/button-group';
@@ -1,3 +1,3 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import './../../mixins/button';
3
3
  @import 'bootstrap/scss/buttons';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/card';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/carousel';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/close';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/containers';
@@ -1,5 +1,11 @@
1
+ @import 'bootstrap/scss/functions';
2
+
3
+ // Optional variable overrides here
1
4
  @import './overrides-variables';
2
5
 
3
- @import 'bootstrap/scss/functions';
4
6
  @import 'bootstrap/scss/variables';
7
+
8
+ // Optional Sass map overrides here
9
+
10
+ @import 'bootstrap/scss/maps';
5
11
  @import 'bootstrap/scss/mixins';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/dropdown';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/grid';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/images';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/list-group';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/modal';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/nav';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/navbar';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/offcanvas';
@@ -17,7 +17,7 @@
17
17
  $primary: color.$gray-80;
18
18
  $secondary: color.$gray-60;
19
19
  // $success: color.$success; // Is already defined as $sucess in post-colors
20
- $info: color.$yellow;
20
+ // $info: color.$info; // Is already defined as $info in post-colors
21
21
  // $warning: color.$warning; // Is already defined as $warning in post-colors
22
22
  $danger: color.$error;
23
23
 
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/pagination';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/popover';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/progress';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/reboot';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/root';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/spinners';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/tables';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/toasts';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/tooltip';
@@ -1,2 +1,2 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
  @import 'bootstrap/scss/transitions';
@@ -1,4 +1,4 @@
1
- @use './overrides' as *;
1
+ @use './core' as *;
2
2
 
3
3
  // Reboot is needed here because type.scss is extending the h1/2/... selectors
4
4
  @use './reboot' as *;
@@ -1,5 +1,5 @@
1
1
  @use 'sass:map';
2
- @use './overrides' as *;
2
+ @use './core' as *;
3
3
  @import 'bootstrap/scss/helpers';
4
4
  @import 'bootstrap/scss/utilities';
5
5
 
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/floating-labels';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/form-check';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/form-control';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/form-range';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/form-select';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/form-text';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/input-group';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/labels';
@@ -1,2 +1,2 @@
1
- @use './../overrides' as *;
1
+ @use './../core' as *;
2
2
  @import 'bootstrap/scss/forms/validation';
@@ -44,6 +44,7 @@ $success-text: #255e1c;
44
44
  $error: #a51728;
45
45
  $error-text: #8f0d1c;
46
46
  $warning: #f49e00;
47
+ $info: #cce4ee;
47
48
 
48
49
  /**
49
50
  * Maps. Allow maps to have custom colors from the project
@@ -67,7 +68,7 @@ $contextual-colors: map.merge(
67
68
  $contextual-colors,
68
69
  (
69
70
  'success': $success,
70
- 'info': $yellow,
71
+ 'info': $info,
71
72
  'warning': $warning,
72
73
  'danger': $error,
73
74
  )
@@ -0,0 +1,52 @@
1
+ @use './type';
2
+
3
+ // Intended for use with min-width, mobile first, bottom up approach
4
+ $heading-sizes-h1: (
5
+ xs: type.$font-size-28,
6
+ sm: type.$font-size-32,
7
+ md: type.$font-size-40,
8
+ xxl: type.$font-size-48,
9
+ );
10
+
11
+ $heading-sizes-h2: (
12
+ xs: type.$font-size-24,
13
+ sm: type.$font-size-28,
14
+ md: type.$font-size-32,
15
+ xxl: type.$font-size-40,
16
+ );
17
+
18
+ $heading-sizes-h3: (
19
+ xs: type.$font-size-18,
20
+ sm: type.$font-size-20,
21
+ md: type.$font-size-24,
22
+ xxl: type.$font-size-28,
23
+ );
24
+
25
+ $heading-sizes-h4: (
26
+ xs: type.$font-size-16,
27
+ sm: type.$font-size-18,
28
+ md: type.$font-size-20,
29
+ xxl: type.$font-size-24,
30
+ );
31
+
32
+ $heading-sizes-h5: (
33
+ xs: type.$font-size-14,
34
+ sm: type.$font-size-16,
35
+ md: type.$font-size-18,
36
+ xxl: type.$font-size-20,
37
+ );
38
+
39
+ $heading-sizes-h6: (
40
+ xs: type.$font-size-14,
41
+ md: type.$font-size-16,
42
+ xxl: type.$font-size-18,
43
+ );
44
+
45
+ $heading-sizes: (
46
+ 'heading-sizes-h1': $heading-sizes-h1,
47
+ 'heading-sizes-h2': $heading-sizes-h2,
48
+ 'heading-sizes-h3': $heading-sizes-h3,
49
+ 'heading-sizes-h4': $heading-sizes-h4,
50
+ 'heading-sizes-h5': $heading-sizes-h5,
51
+ 'heading-sizes-h6': $heading-sizes-h6,
52
+ );
@@ -12,3 +12,4 @@
12
12
  @forward 'spacing';
13
13
  @forward 'type';
14
14
  @forward 'components';
15
+ @forward 'heading';
@@ -15,6 +15,7 @@ $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mon
15
15
  monospace !default;
16
16
  $font-family-base: $font-family-sans-serif !default;
17
17
 
18
+ // Deprecated
18
19
  $font-size-tiny: sizing.px-to-rem(13px);
19
20
  $font-size-small: sizing.px-to-rem(15px);
20
21
  $font-size-regular: sizing.px-to-rem(16px);
@@ -27,22 +28,39 @@ $font-size-bigger-big: sizing.px-to-rem(40px);
27
28
  $font-size-small-huge: sizing.px-to-rem(48px);
28
29
  $font-size-huge: sizing.px-to-rem(56px);
29
30
 
30
- $line-height-tiny: 1.4;
31
- $line-height-small: 1.4;
32
- $line-height-regular: 1.4;
33
- $line-height-bigger-regular: 1.4;
34
- $line-height-medium: 1.4;
35
- $line-height-large: 1.1;
36
- $line-height-small-big: 1.1;
37
- $line-height-big: 1.1;
38
- $line-height-bigger-big: 1.1;
39
- $line-height-small-huge: 1.1;
40
- $line-height-huge: 1.1;
31
+ // New
32
+ $font-size-14: sizing.px-to-rem(14px);
33
+ $font-size-16: sizing.px-to-rem(16px);
34
+ $font-size-18: sizing.px-to-rem(18px);
35
+ $font-size-20: sizing.px-to-rem(20px);
36
+ $font-size-24: sizing.px-to-rem(24px);
37
+ $font-size-28: sizing.px-to-rem(28px);
38
+ $font-size-32: sizing.px-to-rem(32px);
39
+ $font-size-40: sizing.px-to-rem(40px);
40
+ $font-size-48: sizing.px-to-rem(48px);
41
+ $font-size-56: sizing.px-to-rem(56px);
42
+
43
+ $line-height-copy: 1.5;
44
+ $line-height-heading: 1.2;
45
+
46
+ // Deprecated
47
+ $line-height-tiny: $line-height-copy;
48
+ $line-height-small: $line-height-copy;
49
+ $line-height-regular: $line-height-copy;
50
+ $line-height-bigger-regular: $line-height-copy;
51
+ $line-height-medium: $line-height-copy;
52
+ $line-height-large: $line-height-heading;
53
+ $line-height-small-big: $line-height-heading;
54
+ $line-height-big: $line-height-heading;
55
+ $line-height-bigger-big: $line-height-heading;
56
+ $line-height-small-huge: $line-height-heading;
57
+ $line-height-huge: $line-height-heading;
41
58
 
42
59
  $font-weight-light: 300 !default; // Design System -> Frutiger Neue Light
43
60
  $font-weight-normal: 400 !default; // Design System -> Frutiger Neue Roman
44
- $font-weight-bold: 700 !default; // Design System -> Frutiger Neue Roman
61
+ $font-weight-bold: 700 !default; // Design System -> Frutiger Neue Bold
45
62
 
63
+ // Deprecated
46
64
  $font-sizes: (
47
65
  'tiny': $font-size-tiny,
48
66
  'small': $font-size-small,
@@ -57,6 +75,19 @@ $font-sizes: (
57
75
  'huge': $font-size-huge,
58
76
  );
59
77
 
78
+ $font-size-map: (
79
+ 14: $font-size-14,
80
+ 16: $font-size-16,
81
+ 18: $font-size-18,
82
+ 20: $font-size-20,
83
+ 24: $font-size-24,
84
+ 28: $font-size-28,
85
+ 32: $font-size-32,
86
+ 40: $font-size-40,
87
+ 48: $font-size-48,
88
+ 56: $font-size-56,
89
+ );
90
+
60
91
  $line-heights: (
61
92
  'tiny': $line-height-tiny,
62
93
  'small': $line-height-small,
@@ -71,6 +102,7 @@ $line-heights: (
71
102
  'huge': $line-height-huge,
72
103
  );
73
104
 
105
+ // Deprecated
74
106
  $font-curve-tiny: (
75
107
  'xs': $font-size-tiny,
76
108
  'sm': $font-size-tiny,
@@ -135,6 +167,7 @@ $font-curve-big: (
135
167
  'xxl': $font-size-small-huge,
136
168
  );
137
169
 
170
+ // Deprecated
138
171
  $font-curves: (
139
172
  'tiny': $font-curve-tiny,
140
173
  'small': $font-curve-small,
@@ -147,19 +180,23 @@ $font-curves: (
147
180
 
148
181
  $font-size-base: $font-size-regular !default;
149
182
  $font-weight-base: $font-weight-normal !default;
150
- $line-height-base: $line-height-regular !default;
183
+ $line-height-base: $line-height-copy;
184
+ $line-height-sm: $line-height-heading;
185
+ $line-height-lg: $line-height-copy;
151
186
 
152
187
  $headings-margin-bottom: (spacing.$spacer * 0.5) !default;
153
188
  $headings-font-family: inherit !default;
154
- $headings-font-weight: 300 !default;
155
- $headings-line-height: 1.2 !default;
189
+ $headings-font-weight: 700 !default;
190
+ $headings-line-height: $line-height-heading;
156
191
  $headings-color: inherit !default;
157
192
 
193
+ // Deprecated because unused
158
194
  $display1-size: 6rem !default;
159
195
  $display2-size: 5.5rem !default;
160
196
  $display3-size: 4.5rem !default;
161
197
  $display4-size: 3.5rem !default;
162
198
 
199
+ // Deprecated because unused
163
200
  $display1-weight: 300 !default;
164
201
  $display2-weight: 300 !default;
165
202
  $display3-weight: 300 !default;
@@ -24,7 +24,7 @@ $accordion-button-active-bg: transparent !default;
24
24
  $accordion-button-active-color: color.$black !default;
25
25
  $accordion-button-hover-color: color.$black !default;
26
26
  $accordion-button-font-weight: type.$font-weight-bold !default;
27
- $accordion-button-line-height: spacing.$size-large !default;
27
+ $accordion-button-line-height: type.$line-height-copy !default;
28
28
 
29
29
  $accordion-icon-width: spacing.$size-large !default;
30
30
  $accordion-icon-transform: rotate(180deg) !default;
@@ -30,10 +30,10 @@ $alert-list: (
30
30
  'danger' color.$error 2104,
31
31
  'error' color.$error 2104,
32
32
  'warning' color.$warning 2104,
33
- 'info' color.$yellow 2106
33
+ 'info' color.$info 2106
34
34
  ); // Design System only
35
35
 
36
- $alert-line-height: type.$line-height-base; // Design System only
36
+ $alert-line-height: type.$line-height-copy; // Design System only
37
37
  $alert-text-space-between: spacing.$size-micro;
38
38
 
39
39
  $alert-icon-size: spacing.$size-small-huge; // Design System only
@@ -16,19 +16,19 @@ $input-btn-border-width-rem: sizing.px-to-rem($input-btn-border-width);
16
16
 
17
17
  $input-btn-padding-y: spacing.$size-regular - $input-btn-border-width-rem !default;
18
18
  $input-btn-padding-x: spacing.$size-small-large - $input-btn-border-width-rem !default;
19
- $input-btn-line-height: type.$line-height-base !default;
19
+ $input-btn-line-height: type.$line-height-copy !default;
20
20
 
21
21
  $input-btn-padding-y-sm: spacing.$size-mini - $input-btn-border-width-rem !default;
22
22
  $input-btn-padding-x-sm: spacing.$size-regular - $input-btn-border-width-rem !default;
23
- $input-btn-line-height-sm: type.$line-height-small !default;
23
+ $input-btn-line-height-sm: type.$line-height-copy !default;
24
24
 
25
25
  $input-btn-padding-y-rg: spacing.$size-small-regular - $input-btn-border-width-rem !default;
26
26
  $input-btn-padding-x-rg: spacing.$size-regular - $input-btn-border-width-rem !default;
27
- $input-btn-line-height-rg: type.$line-height-regular !default;
27
+ $input-btn-line-height-rg: type.$line-height-copy !default;
28
28
 
29
29
  $input-btn-padding-y-lg: spacing.$size-small-large - $input-btn-border-width-rem !default;
30
30
  $input-btn-padding-x-lg: spacing.$size-large - $input-btn-border-width-rem !default;
31
- $input-btn-line-height-lg: type.$line-height-large !default;
31
+ $input-btn-line-height-lg: type.$line-height-copy !default;
32
32
 
33
33
  $input-btn-focus-width: 0.125rem !default; // 2px
34
34
  $input-btn-focus-color: rgba(color.$gray-80, 0.25) !default;
@@ -130,8 +130,10 @@ $btn-block-spacing-y: 0.5rem !default;
130
130
  // Allows for customizing button radius independently from global border radius
131
131
  $btn-border-radius: commons.$border-radius !default;
132
132
 
133
- $btn-transition-fade-arrow: opacity animation.$transition-time-default
134
- animation.$transition-easing-default !default;
135
- $btn-transition-base-label: transform animation.$transition-time-default
136
- animation.$transition-easing-default !default;
137
- $btn-transition: all animation.$transition-time-default animation.$transition-easing-default !default;
133
+ $btn-transition-duration: animation.$transition-time-default;
134
+ $btn-transition: (
135
+ opacity $btn-transition-duration,
136
+ border-color $btn-transition-duration,
137
+ background-color $btn-transition-duration,
138
+ color $btn-transition-duration
139
+ ) !default;
@@ -45,7 +45,7 @@ $form-check-label-cursor: pointer !default;
45
45
  $form-check-label-color: forms.$form-label-color !default;
46
46
  $form-check-label-padding-top: (
47
47
  $form-check-input-width + sizing.px-to-rem($form-check-input-border-width) -
48
- type.$line-height-base
48
+ type.$line-height-copy
49
49
  ) * 0.5 !default;
50
50
  $form-check-label-padding-x: spacing.$size-mini !default;
51
51
  $form-check-label-padding-start: $form-check-label-padding-top 0 0 $form-check-label-padding-x !default;
@@ -32,7 +32,7 @@ $form-switch-linear-gradient: linear-gradient(
32
32
  );
33
33
  $form-switch-linear-gradient-size: (2 * $form-switch-width - $form-switch-height)
34
34
  $form-switch-height;
35
- $form-switch-label-padding-top: ($form-switch-height - type.$line-height-base) * 0.5 !default;
35
+ $form-switch-label-padding-top: ($form-switch-height - type.$line-height-copy) * 0.5 !default;
36
36
  $form-switch-label-padding-x: spacing.$size-regular !default;
37
37
  $form-switch-label-padding-start: $form-switch-label-padding-top 0 0 $form-switch-label-padding-x !default;
38
38
  $form-switch-label-padding-end: $form-switch-label-padding-top $form-switch-label-padding-x 0 0 !default;
@@ -17,19 +17,19 @@ $form-label-color: rgba(var(--post-contrast-color-rgb), 0.8) !default;
17
17
 
18
18
  $input-padding-y: button.$input-btn-padding-y !default;
19
19
  $input-padding-x: button.$input-btn-padding-x !default;
20
- $input-line-height: type.$line-height-regular !default;
20
+ $input-line-height: type.$line-height-copy !default;
21
21
 
22
22
  $input-padding-y-sm: button.$input-btn-padding-y-sm !default;
23
23
  $input-padding-x-sm: button.$input-btn-padding-x-sm !default;
24
- $input-line-height-sm: type.$line-height-regular !default;
24
+ $input-line-height-sm: type.$line-height-copy !default;
25
25
 
26
26
  $input-padding-y-rg: button.$input-btn-padding-y-rg !default;
27
27
  $input-padding-x-rg: button.$input-btn-padding-x-rg !default;
28
- $input-line-height-rg: type.$line-height-regular !default;
28
+ $input-line-height-rg: type.$line-height-copy !default;
29
29
 
30
30
  $input-padding-y-lg: spacing.$size-small-large !default;
31
31
  $input-padding-x-lg: button.$input-btn-padding-x-lg !default;
32
- $input-line-height-lg: type.$line-height-regular !default;
32
+ $input-line-height-lg: type.$line-height-copy !default;
33
33
 
34
34
  $input-bg: color.$white !default;
35
35
  $input-disabled-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.6) !default;
@@ -108,7 +108,7 @@ $form-file-button-hover-bg: $input-bg;
108
108
  $form-floating-height: $input-height-lg;
109
109
  $form-floating-padding-x: $input-padding-x-lg;
110
110
  $form-floating-padding-y: $input-padding-y-lg;
111
- $form-floating-line-height: type.$line-height-base;
111
+ $form-floating-line-height: type.$line-height-copy;
112
112
  $form-floating-input-padding-t: spacing.$size-large;
113
113
  $form-floating-input-padding-b: 0;
114
114
  $form-floating-label-opacity: 1;
@@ -23,7 +23,7 @@ $modal-footer-margin-between: 0.5rem !default;
23
23
  $modal-dialog-margin: spacing.$size-small-regular !default;
24
24
  $modal-dialog-margin-y-sm-up: spacing.$size-big !default;
25
25
 
26
- $modal-title-line-height: type.$line-height-base !default;
26
+ $modal-title-line-height: type.$line-height-copy !default;
27
27
 
28
28
  $modal-content-color: null !default;
29
29
  $modal-content-bg: color.$white !default;
@@ -51,5 +51,5 @@ $nav-divider-margin-y: (spacing.$spacer * 0.5) !default;
51
51
 
52
52
  // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
53
53
  $nav-link-height: (
54
- type.$font-size-base * type.$line-height-base + $nav-link-padding-y * 2
54
+ type.$font-size-base * type.$line-height-copy + $nav-link-padding-y * 2
55
55
  ) !default;
@@ -12,7 +12,7 @@ $navbar-padding-x: spacing.$spacer !default;
12
12
  $navbar-nav-link-padding-x: spacing.$size-small-huge !default;
13
13
 
14
14
  $navbar-brand-font-size: type.$font-size-bigger-regular !default;
15
- $navbar-brand-height: $navbar-brand-font-size * type.$line-height-base !default;
15
+ $navbar-brand-height: $navbar-brand-font-size * type.$line-height-copy !default;
16
16
  $navbar-brand-padding-y: (nav.$nav-link-height - $navbar-brand-height) * 0.5 !default;
17
17
 
18
18
  $navbar-toggler-padding-y: 0.25rem !default;
@@ -24,7 +24,6 @@ $table-border-width: commons.$border-width !default;
24
24
  $table-border-color: rgba(var(--post-contrast-color-rgb), 0.4) !default;
25
25
  $table-group-separator-color: rgba(var(--post-contrast-color-rgb), 0.4) !default;
26
26
 
27
- $table-head-bg: rgba(var(--post-contrast-color-rgb), 0.6) !default;
28
27
  $table-head-color: color.$gray-40 !default;
29
28
 
30
29
  $table-dark-bg: color.$gray-80 !default;
@@ -1,14 +0,0 @@
1
- declare type Replacer = ((...params: any) => string);
2
- export declare abstract class CssClassesUpdate {
3
- tagSelector: string;
4
- classSelector: string;
5
- attributeSelector: string;
6
- abstract searchValue: string;
7
- abstract replaceValue: string | Replacer;
8
- get tag(): RegExp | null;
9
- get class(): RegExp | null;
10
- get attribute(): RegExp | null;
11
- get searcher(): RegExp;
12
- get replacer(): (substring: string, ...args: any[]) => string;
13
- }
14
- export {};
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CssClassesUpdate = void 0;
4
- class CssClassesUpdate {
5
- get tag() {
6
- return this.tagSelector ? new RegExp(`^${this.tagSelector}$`) : null;
7
- }
8
- get class() {
9
- return this.classSelector ? new RegExp(`^${this.classSelector}$`) : null;
10
- }
11
- get attribute() {
12
- return this.attributeSelector ? new RegExp(`^${this.attributeSelector}$`) : null;
13
- }
14
- get searcher() {
15
- return new RegExp(`^${this.searchValue}$`);
16
- }
17
- get replacer() {
18
- if (typeof this.replaceValue === "string") {
19
- return () => this.replaceValue;
20
- }
21
- else {
22
- return (_substring, ...args) => this.replaceValue(...args);
23
- }
24
- }
25
- }
26
- exports.CssClassesUpdate = CssClassesUpdate;
27
- //# sourceMappingURL=css-classes-update.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-classes-update.js","sourceRoot":"","sources":["../../../../schematics/utils/css/css-classes-update.ts"],"names":[],"mappings":";;;AAEA,MAAsB,gBAAgB;IAOlC,IAAI,GAAG;QACH,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,CAAC;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7E,CAAC;IAED,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrF,CAAC;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,QAAQ;QACR,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE;YACvC,OAAO,GAAG,EAAE,CAAU,IAAI,CAAC,YAAa,CAAC;SAC5C;aAAM;YACH,OAAO,CAAC,UAAkB,EAAE,GAAG,IAAW,EAAE,EAAE,CAAY,IAAI,CAAC,YAAa,CAAC,GAAG,IAAI,CAAC,CAAC;SACzF;IACL,CAAC;CACJ;AA9BD,4CA8BC"}