@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.
- package/basics.css +1 -1
- package/components/accordion.scss +1 -1
- package/components/alert.scss +2 -7
- package/components/badge.scss +1 -1
- package/components/breadcrumb.scss +1 -1
- package/components/button-group.scss +27 -51
- package/components/button.scss +1 -2
- package/components/card.scss +5 -5
- package/components/carousel.scss +1 -1
- package/components/close.scss +1 -1
- package/components/datepicker.scss +2 -1
- package/components/floating-label.scss +1 -5
- package/components/form-check.scss +1 -1
- package/components/form-range.scss +1 -1
- package/components/form-select.scss +1 -1
- package/components/grid.scss +1 -1
- package/components/intranet-header/_logo.scss +1 -1
- package/components/intranet-header/_nav-overflow.scss +1 -1
- package/components/intranet-header/_scaffolding.scss +1 -2
- package/components/intranet-header/_searchbox.scss +1 -1
- package/components/intranet-header/_sidebar.scss +1 -1
- package/components/intranet-header/_top-navigation.scss +3 -2
- package/components/list-group.scss +1 -1
- package/components/modal.scss +1 -1
- package/components/offcanvas.scss +1 -1
- package/components/popover.scss +1 -1
- package/components/product-card.scss +0 -1
- package/components/progress.scss +1 -2
- package/components/sizing.scss +2 -2
- package/components/spinner.scss +1 -1
- package/components/stepper.scss +12 -6
- package/components/subnavigation.scss +1 -1
- package/components/tabs.scss +1 -1
- package/components/toast.scss +1 -1
- package/components/topic-teaser.scss +1 -1
- package/components/type.scss +21 -49
- package/components/utilities.scss +5 -5
- package/core.scss +1 -1
- package/functions/_sizing.scss +1 -0
- package/index.css +8 -34
- package/intranet.css +8 -34
- package/layouts/portal/_grid.scss +1 -1
- package/layouts/portal/_type.scss +1 -1
- package/mixins/_animation.scss +1 -1
- package/mixins/_button.scss +0 -1
- package/mixins/_forms.scss +2 -1
- package/mixins/_size.scss +1 -1
- package/mixins/_type.scss +4 -15
- package/package.json +19 -20
- package/placeholders/_notifications.scss +1 -1
- package/placeholders/_text.scss +1 -1
- package/placeholders/badge.scss +1 -3
- package/schematics/migrations/_example-dom-migration/index.js +11 -7
- package/schematics/migrations/_example-dom-migration/index.js.map +1 -1
- package/schematics/migrations/bootstrap/badge/index.js +2 -2
- package/schematics/migrations/bootstrap/badge/index.js.map +1 -1
- package/schematics/migrations/bootstrap/blockquote/index.js +2 -2
- package/schematics/migrations/bootstrap/blockquote/index.js.map +1 -1
- package/schematics/migrations/bootstrap/button/index.js +2 -2
- package/schematics/migrations/bootstrap/button/index.js.map +1 -1
- package/schematics/migrations/bootstrap/button-close/index.js +2 -2
- package/schematics/migrations/bootstrap/button-close/index.js.map +1 -1
- package/schematics/migrations/bootstrap/form-checkbox/index.js +2 -2
- package/schematics/migrations/bootstrap/form-checkbox/index.js.map +1 -1
- package/schematics/migrations/bootstrap/form-control/index.js +2 -2
- package/schematics/migrations/bootstrap/form-control/index.js.map +1 -1
- package/schematics/migrations/bootstrap/form-radio/index.js +2 -2
- package/schematics/migrations/bootstrap/form-radio/index.js.map +1 -1
- package/schematics/migrations/bootstrap/form-select/index.js +2 -2
- package/schematics/migrations/bootstrap/form-select/index.js.map +1 -1
- package/schematics/migrations/bootstrap/form-switch/index.js +2 -2
- package/schematics/migrations/bootstrap/form-switch/index.js.map +1 -1
- package/schematics/migrations/bootstrap/forms/index.js +2 -2
- package/schematics/migrations/bootstrap/forms/index.js.map +1 -1
- package/schematics/migrations/bootstrap/textarea/index.js +2 -2
- package/schematics/migrations/bootstrap/textarea/index.js.map +1 -1
- package/schematics/migrations/general/classes/bg-opacity.js +2 -2
- package/schematics/migrations/general/classes/bg-opacity.js.map +1 -1
- package/schematics/migrations/general/classes/rtl.js +5 -3
- package/schematics/migrations/general/classes/rtl.js.map +1 -1
- package/schematics/migrations/general/classes/secondary.js +2 -2
- package/schematics/migrations/general/classes/secondary.js.map +1 -1
- package/schematics/migrations/general/classes/sr-only.js +2 -2
- package/schematics/migrations/general/classes/sr-only.js.map +1 -1
- package/schematics/migrations/general/classes/text-auto.js +2 -2
- package/schematics/migrations/general/classes/text-auto.js.map +1 -1
- package/schematics/migrations/ngbootstrap/buttons/index.js +67 -29
- package/schematics/migrations/ngbootstrap/buttons/index.js.map +1 -1
- package/schematics/migrations/post/custom-select/index.js +2 -2
- package/schematics/migrations/post/custom-select/index.js.map +1 -1
- package/schematics/migrations/post/stepper/index.d.ts +2 -0
- package/schematics/migrations/post/stepper/index.js +61 -0
- package/schematics/migrations/post/stepper/index.js.map +1 -0
- package/schematics/migrations/post/subnavigation/index.js +2 -2
- package/schematics/migrations/post/subnavigation/index.js.map +1 -1
- package/schematics/migrations/post/topic-teaser/index.js +2 -2
- package/schematics/migrations/post/topic-teaser/index.js.map +1 -1
- package/schematics/migrations.json +6 -2
- package/schematics/utils/constants.d.ts +2 -0
- package/schematics/utils/constants.js +67 -3
- package/schematics/utils/constants.js.map +1 -1
- package/schematics/utils/{dom/update.d.ts → dom-migration/dom-update.d.ts} +1 -1
- package/schematics/utils/{dom/update.js → dom-migration/dom-update.js} +1 -1
- package/schematics/utils/dom-migration/dom-update.js.map +1 -0
- package/schematics/utils/dom-migration/get-dom-migration-rule.d.ts +3 -0
- package/schematics/utils/{dom/migration-rule.js → dom-migration/get-dom-migration-rule.js} +27 -18
- package/schematics/utils/dom-migration/get-dom-migration-rule.js.map +1 -0
- package/schematics/utils/dom-migration/index.d.ts +2 -0
- package/schematics/utils/dom-migration/index.js +22 -0
- package/schematics/utils/dom-migration/index.js.map +1 -0
- package/themes/bootstrap/_accordion.scss +1 -1
- package/themes/bootstrap/_alert.scss +1 -1
- package/themes/bootstrap/_badge.scss +1 -1
- package/themes/bootstrap/_breadcrumbs.scss +1 -1
- package/themes/bootstrap/_button-group.scss +1 -1
- package/themes/bootstrap/_buttons.scss +1 -1
- package/themes/bootstrap/_card.scss +1 -1
- package/themes/bootstrap/_carousel.scss +1 -1
- package/themes/bootstrap/_close.scss +1 -1
- package/themes/bootstrap/_containers.scss +1 -1
- package/themes/bootstrap/{_overrides.scss → _core.scss} +7 -1
- package/themes/bootstrap/_dropdown.scss +1 -1
- package/themes/bootstrap/_grid.scss +1 -1
- package/themes/bootstrap/_images.scss +1 -1
- package/themes/bootstrap/_list-group.scss +1 -1
- package/themes/bootstrap/_modal.scss +1 -1
- package/themes/bootstrap/_nav.scss +1 -1
- package/themes/bootstrap/_navbar.scss +1 -1
- package/themes/bootstrap/_offcanvas.scss +1 -1
- package/themes/bootstrap/_overrides-color.scss +1 -1
- package/themes/bootstrap/_pagination.scss +1 -1
- package/themes/bootstrap/_popover.scss +1 -1
- package/themes/bootstrap/_progress.scss +1 -1
- package/themes/bootstrap/_reboot.scss +1 -1
- package/themes/bootstrap/_root.scss +1 -1
- package/themes/bootstrap/_spinners.scss +1 -1
- package/themes/bootstrap/_tables.scss +1 -1
- package/themes/bootstrap/_toasts.scss +1 -1
- package/themes/bootstrap/_tooltip.scss +1 -1
- package/themes/bootstrap/_transitions.scss +1 -1
- package/themes/bootstrap/_type.scss +1 -1
- package/themes/bootstrap/_utilities.scss +1 -1
- package/themes/bootstrap/forms/_floating-labels.scss +1 -1
- package/themes/bootstrap/forms/_form-check.scss +1 -1
- package/themes/bootstrap/forms/_form-control.scss +1 -1
- package/themes/bootstrap/forms/_form-range.scss +1 -1
- package/themes/bootstrap/forms/_form-select.scss +1 -1
- package/themes/bootstrap/forms/_form-text.scss +1 -1
- package/themes/bootstrap/forms/_input-group.scss +1 -1
- package/themes/bootstrap/forms/_labels.scss +1 -1
- package/themes/bootstrap/forms/_validation.scss +1 -1
- package/variables/_color.scss +2 -1
- package/variables/_heading.scss +52 -0
- package/variables/_index.scss +1 -0
- package/variables/_type.scss +52 -15
- package/variables/components/_accordion.scss +1 -1
- package/variables/components/_alert.scss +2 -2
- package/variables/components/_button.scss +11 -9
- package/variables/components/_form-check.scss +1 -1
- package/variables/components/_form-switch.scss +1 -1
- package/variables/components/_forms.scss +5 -5
- package/variables/components/_modals.scss +1 -1
- package/variables/components/_nav.scss +1 -1
- package/variables/components/_navbar.scss +1 -1
- package/variables/components/_tables.scss +0 -1
- package/schematics/utils/css/css-classes-update.d.ts +0 -14
- package/schematics/utils/css/css-classes-update.js +0 -27
- package/schematics/utils/css/css-classes-update.js.map +0 -1
- package/schematics/utils/css/css-migration-rule.d.ts +0 -4
- package/schematics/utils/css/css-migration-rule.js +0 -112
- package/schematics/utils/css/css-migration-rule.js.map +0 -1
- package/schematics/utils/css/css-migration.d.ts +0 -13
- package/schematics/utils/css/css-migration.js +0 -36
- package/schematics/utils/css/css-migration.js.map +0 -1
- package/schematics/utils/css/html_css_classes_visitor.d.ts +0 -23
- package/schematics/utils/css/html_css_classes_visitor.js +0 -76
- package/schematics/utils/css/html_css_classes_visitor.js.map +0 -1
- package/schematics/utils/dom/migration-rule.d.ts +0 -3
- package/schematics/utils/dom/migration-rule.js.map +0 -1
- package/schematics/utils/dom/migration.d.ts +0 -7
- package/schematics/utils/dom/migration.js +0 -11
- package/schematics/utils/dom/migration.js.map +0 -1
- package/schematics/utils/dom/update.js.map +0 -1
- package/schematics/utils/regex.d.ts +0 -2
- package/schematics/utils/regex.js +0 -12
- package/schematics/utils/regex.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/alert';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/badge';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/breadcrumb';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/button-group';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/card';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/carousel';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/close';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
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 './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/dropdown';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/grid';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/images';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/list-group';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/modal';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/nav';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/navbar';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
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.$
|
|
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 './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/pagination';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/popover';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/progress';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/reboot';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/root';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/spinners';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/tables';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/toasts';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/tooltip';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './
|
|
1
|
+
@use './core' as *;
|
|
2
2
|
@import 'bootstrap/scss/transitions';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/floating-labels';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/form-check';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/form-control';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/form-range';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/form-select';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/form-text';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/input-group';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/labels';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use './../
|
|
1
|
+
@use './../core' as *;
|
|
2
2
|
@import 'bootstrap/scss/forms/validation';
|
package/variables/_color.scss
CHANGED
|
@@ -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': $
|
|
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
|
+
);
|
package/variables/_index.scss
CHANGED
package/variables/_type.scss
CHANGED
|
@@ -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
|
-
|
|
31
|
-
$
|
|
32
|
-
$
|
|
33
|
-
$
|
|
34
|
-
$
|
|
35
|
-
$
|
|
36
|
-
$
|
|
37
|
-
$
|
|
38
|
-
$
|
|
39
|
-
$
|
|
40
|
-
$
|
|
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
|
|
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-
|
|
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:
|
|
155
|
-
$headings-line-height:
|
|
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:
|
|
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.$
|
|
33
|
+
'info' color.$info 2106
|
|
34
34
|
); // Design System only
|
|
35
35
|
|
|
36
|
-
$alert-line-height: type.$line-height-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
134
|
-
|
|
135
|
-
$btn-transition-
|
|
136
|
-
|
|
137
|
-
$btn-transition
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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"}
|