@swisspost/design-system-styles 6.4.2 → 6.4.3
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/_svg-icon-map.scss +1 -1
- package/components/button-group.scss +3 -1
- package/components/button.scss +7 -3
- package/components/carousel.scss +4 -1
- package/components/choice-control-card.scss +3 -1
- package/components/floating-label.scss +26 -26
- package/components/fonts.scss +12 -6
- package/components/form-check.scss +4 -2
- package/components/form-validation.scss +3 -1
- package/components/forms.scss +1 -0
- package/components/tables.scss +48 -0
- package/components/tabs/index.scss +2 -0
- package/components/topic-teaser.scss +2 -1
- package/components/type.scss +2 -2
- package/functions/_contrast.scss +8 -6
- package/functions/_list.scss +10 -6
- package/functions/_sizing.scss +13 -12
- package/functions/_utilities.scss +3 -2
- package/index.css +3 -3
- package/intranet.css +3 -3
- package/mixins/_button.scss +11 -8
- package/mixins/_icons.scss +2 -4
- package/package.json +13 -13
- package/placeholders/badge.scss +7 -5
- package/schematics/utils/dom-migration/get-dom-migration-rule.js +6 -5
- package/schematics/utils/dom-migration/get-dom-migration-rule.js.map +1 -1
- package/variables/_animation.scss +3 -1
- package/variables/_elevation.scss +15 -5
- package/variables/_spacing.scss +4 -2
- package/variables/components/_form-select.scss +3 -3
- package/variables/components/_forms.scss +1 -0
package/mixins/_button.scss
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
+
@use 'sass:color';
|
|
2
3
|
|
|
3
4
|
@use './../variables/components/button';
|
|
4
5
|
@use './../variables/type';
|
|
5
|
-
@use './../variables/color';
|
|
6
|
+
@use './../variables/color' as color-var;
|
|
6
7
|
@use './../placeholders/color' as color-ph;
|
|
7
8
|
@use './../functions/contrast' as contrast-fn;
|
|
8
9
|
@use 'utilities';
|
|
@@ -14,8 +15,10 @@
|
|
|
14
15
|
background: none;
|
|
15
16
|
color: inherit;
|
|
16
17
|
font: inherit;
|
|
17
|
-
user-select: none;
|
|
18
|
-
|
|
18
|
+
-webkit-user-select: none;
|
|
19
|
+
user-select: none;
|
|
20
|
+
-webkit-appearance: button;
|
|
21
|
+
appearance: button; // for input
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
@mixin button-size($size: md) {
|
|
@@ -50,19 +53,19 @@
|
|
|
50
53
|
background-color: $color;
|
|
51
54
|
|
|
52
55
|
@if (contrast-fn.light-or-dark($color) == 'dark') {
|
|
53
|
-
color: color.$white;
|
|
56
|
+
color: color-var.$white;
|
|
54
57
|
} @else {
|
|
55
|
-
color: color.$black;
|
|
58
|
+
color: color-var.$black;
|
|
56
59
|
}
|
|
57
60
|
|
|
58
61
|
@include utilities.not-disabled-focus-hover() {
|
|
59
|
-
$darkened-color:
|
|
62
|
+
$darkened-color: color.adjust($color, $lightness: -10%);
|
|
60
63
|
background-color: $darkened-color;
|
|
61
64
|
|
|
62
65
|
@if (contrast-fn.light-or-dark($darkened-color) == 'dark') {
|
|
63
|
-
color: color.$white;
|
|
66
|
+
color: color-var.$white;
|
|
64
67
|
} @else {
|
|
65
|
-
color: color.$black;
|
|
68
|
+
color: color-var.$black;
|
|
66
69
|
}
|
|
67
70
|
}
|
|
68
71
|
}
|
package/mixins/_icons.scss
CHANGED
|
@@ -8,16 +8,14 @@
|
|
|
8
8
|
@use './../mixins/utilities';
|
|
9
9
|
|
|
10
10
|
@mixin icon($name) {
|
|
11
|
-
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
12
11
|
-webkit-mask-image: url('#{icon-fn.get-svg-url($name)}');
|
|
13
|
-
|
|
12
|
+
mask-image: url('#{icon-fn.get-svg-url($name)}');
|
|
14
13
|
background-color: currentColor;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
@mixin remove-icon() {
|
|
18
|
-
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
19
17
|
-webkit-mask-image: none;
|
|
20
|
-
|
|
18
|
+
mask-image: none;
|
|
21
19
|
}
|
|
22
20
|
|
|
23
21
|
// DEPRECATED
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swisspost/design-system-styles",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.3",
|
|
4
4
|
"description": "Design System Styles for the Swiss Post web platform.",
|
|
5
5
|
"author": "Swiss Post <oss@post.ch>",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -23,19 +23,19 @@
|
|
|
23
23
|
"@popperjs/core": "2.11.8",
|
|
24
24
|
"bootstrap": "5.3.2",
|
|
25
25
|
"cheerio": "1.0.0-rc.12",
|
|
26
|
-
"prettier": "
|
|
26
|
+
"prettier": "3.0.3"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@angular/compiler": "=15.0.4",
|
|
30
|
-
"@percy/cli": "1.27.
|
|
30
|
+
"@percy/cli": "1.27.3",
|
|
31
31
|
"@percy/cypress": "3.1.2",
|
|
32
|
-
"@swisspost/design-system-icons": "1.0.
|
|
32
|
+
"@swisspost/design-system-icons": "1.0.13",
|
|
33
33
|
"@types/node": "18.18.0",
|
|
34
34
|
"autoprefixer": "10.4.16",
|
|
35
35
|
"copyfiles": "2.4.1",
|
|
36
|
-
"cypress": "13.
|
|
36
|
+
"cypress": "13.3.3",
|
|
37
37
|
"cypress-storybook": "0.5.1",
|
|
38
|
-
"glob": "10.3.
|
|
38
|
+
"glob": "10.3.10",
|
|
39
39
|
"gulp": "4.0.2",
|
|
40
40
|
"gulp-newer": "^1.4.0",
|
|
41
41
|
"gulp-postcss": "9.0.1",
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"jest": "29.7.0",
|
|
44
44
|
"npm-run-all": "4.1.5",
|
|
45
45
|
"postcss": "8.4.31",
|
|
46
|
-
"postcss-scss": "4.0.
|
|
47
|
-
"rimraf": "5.0.
|
|
48
|
-
"sass": "1.
|
|
49
|
-
"stylelint": "15.
|
|
46
|
+
"postcss-scss": "4.0.9",
|
|
47
|
+
"rimraf": "5.0.5",
|
|
48
|
+
"sass": "1.69.5",
|
|
49
|
+
"stylelint": "15.11.0",
|
|
50
50
|
"stylelint-config-prettier": "9.0.5",
|
|
51
|
-
"stylelint-config-sass-guidelines": "
|
|
52
|
-
"stylelint-prettier": "
|
|
51
|
+
"stylelint-config-sass-guidelines": "10.0.0",
|
|
52
|
+
"stylelint-prettier": "4.0.2",
|
|
53
53
|
"stylelint-scss": "5.2.1",
|
|
54
54
|
"typescript": "4.9.5"
|
|
55
55
|
},
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"prebuild": "pnpm clean",
|
|
71
71
|
"build": "npm-run-all --parallel styles:build schematics:build",
|
|
72
72
|
"styles:build": "gulp build",
|
|
73
|
-
"
|
|
73
|
+
"unit": "gulp sass:tests",
|
|
74
74
|
"clean": "rimraf out-tsc dist",
|
|
75
75
|
"format": "prettier src/**/*.scss --write",
|
|
76
76
|
"lint": "stylelint src/**/*.scss",
|
package/placeholders/badge.scss
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
%badge {
|
|
6
6
|
@include border-radius($badge-border-radius);
|
|
7
7
|
display: inline-flex;
|
|
8
|
-
justify-content:
|
|
8
|
+
justify-content: flex-start;
|
|
9
9
|
align-items: center;
|
|
10
10
|
gap: badge.$badge-gap;
|
|
11
11
|
padding: $badge-padding-y $badge-padding-x;
|
|
@@ -13,14 +13,16 @@
|
|
|
13
13
|
height: badge.$badge-height;
|
|
14
14
|
font-size: badge.$badge-font-size;
|
|
15
15
|
font-weight: $badge-font-weight;
|
|
16
|
+
line-height: inherit;
|
|
16
17
|
color: $badge-color;
|
|
17
18
|
text-align: center;
|
|
18
|
-
white-space: nowrap;
|
|
19
19
|
vertical-align: baseline;
|
|
20
|
+
max-width: 100%;
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
> span {
|
|
23
|
+
text-overflow: ellipsis;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
white-space: nowrap;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
> .badge {
|
|
@@ -18,7 +18,7 @@ const compiler_host_1 = require("@angular/core/schematics/utils/typescript/compi
|
|
|
18
18
|
const cheerio = require("cheerio/lib/slim");
|
|
19
19
|
const path_1 = require("path");
|
|
20
20
|
const prettier = require("prettier");
|
|
21
|
-
const htmlParser = require("prettier/
|
|
21
|
+
const htmlParser = require("prettier/plugins/html");
|
|
22
22
|
// cheerio/lib/slim export uses htmlparser2 to parse the html
|
|
23
23
|
// this is why we can use htmlparser2 options here (instead of parse5 options)
|
|
24
24
|
const CHEERIO_OPTIONS = {
|
|
@@ -99,8 +99,8 @@ function getDomMigrationRule(...updates) {
|
|
|
99
99
|
const $outputElements = $('*').filter((_i, element) => $(element).data('cheerio-id') !== undefined);
|
|
100
100
|
// start tree file recorder to update tree file later
|
|
101
101
|
const treeUpdateRecorder = tree.beginUpdate(treeFilePath);
|
|
102
|
-
sourceElements
|
|
103
|
-
.
|
|
102
|
+
const promises = sourceElements
|
|
103
|
+
.map((source) => __awaiter(this, void 0, void 0, function* () {
|
|
104
104
|
// get corresponding outputelement by cheerio-id
|
|
105
105
|
const distElement = $outputElements.filter((_i, element) => $(element).data('cheerio-id') === source.id)
|
|
106
106
|
.first()
|
|
@@ -112,8 +112,9 @@ function getDomMigrationRule(...updates) {
|
|
|
112
112
|
// remove old "element" out of tree file
|
|
113
113
|
treeUpdateRecorder.remove(source.start, source.end - source.start);
|
|
114
114
|
// write new "element" into the tree file
|
|
115
|
-
treeUpdateRecorder.insertLeft(source.start, prettier.format(distElement, PRETTIER_OPTIONS).replace(/(\n|\r\n)$/, ''));
|
|
116
|
-
});
|
|
115
|
+
treeUpdateRecorder.insertLeft(source.start, (yield prettier.format(distElement, PRETTIER_OPTIONS)).replace(/(\n|\r\n)$/, ''));
|
|
116
|
+
}));
|
|
117
|
+
yield Promise.all(promises);
|
|
117
118
|
// commit changes in tree file to tree
|
|
118
119
|
tree.commitUpdate(treeUpdateRecorder);
|
|
119
120
|
// update "sourceCode" for chained "DomUpdates" in same migration schematic
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-dom-migration-rule.js","sourceRoot":"","sources":["../../../../schematics/utils/dom-migration/get-dom-migration-rule.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAAiD;AACjD,2DAA+F;AAC/F,gGAAkG;AAClG,kGAAgG;AAChG,2FAAiH;AACjH,4CAA4C;AAC5C,+BAAgC;AAChC,qCAAqC;AACrC,
|
|
1
|
+
{"version":3,"file":"get-dom-migration-rule.js","sourceRoot":"","sources":["../../../../schematics/utils/dom-migration/get-dom-migration-rule.ts"],"names":[],"mappings":"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"}
|
|
@@ -33,4 +33,6 @@ $transition-distance-large-md: map.get(spacing.$post-sizes, 'giant') !default;
|
|
|
33
33
|
$transition-base-timing: $transition-time-default $transition-easing-default !default;
|
|
34
34
|
$transition-base: all $transition-base-timing !default;
|
|
35
35
|
$transition-fade: opacity $transition-time-fade-in linear !default;
|
|
36
|
-
$transition-collapse:
|
|
36
|
+
$transition-collapse:
|
|
37
|
+
height $transition-base-timing,
|
|
38
|
+
padding $transition-base-timing !default;
|
|
@@ -2,11 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
// Values are kept in PX for easier copy-ability from figma and better overview
|
|
4
4
|
// rems would provide little value added
|
|
5
|
-
$elevation-1:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$elevation-
|
|
9
|
-
|
|
5
|
+
$elevation-1:
|
|
6
|
+
0.25px 1px 1px rgba(0, 0, 0, 0.1),
|
|
7
|
+
1px 2px 2.5px 1px rgba(0, 0, 0, 0.1);
|
|
8
|
+
$elevation-2:
|
|
9
|
+
0.25px 1.5px 2px rgba(0, 0, 0, 0.1),
|
|
10
|
+
2px 2px 5px 2px rgba(0, 0, 0, 0.11);
|
|
11
|
+
$elevation-3:
|
|
12
|
+
0.5px 3px 4px rgba(0, 0, 0, 0.1),
|
|
13
|
+
2px 4px 10px 4px rgba(0, 0, 0, 0.12);
|
|
14
|
+
$elevation-4:
|
|
15
|
+
0.75px 4.5px 6px rgba(0, 0, 0, 0.1),
|
|
16
|
+
2px 6px 15px 6px rgba(0, 0, 0, 0.13);
|
|
17
|
+
$elevation-5:
|
|
18
|
+
1px 6px 8px rgba(0, 0, 0, 0.1),
|
|
19
|
+
2px 8px 20px 8px rgba(0, 0, 0, 0.14);
|
|
10
20
|
|
|
11
21
|
$elevation-map: () !default;
|
|
12
22
|
$elevation-map: map.merge(
|
package/variables/_spacing.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
|
|
1
3
|
// Spacing
|
|
2
4
|
//
|
|
3
5
|
// Control the default styling of most Bootstrap elements by modifying these
|
|
@@ -32,7 +34,7 @@ $size-giant: 5rem !default; // ~80px
|
|
|
32
34
|
$size-bigger-giant: 7rem !default; // ~112px
|
|
33
35
|
|
|
34
36
|
$post-sizes: () !default;
|
|
35
|
-
$post-sizes: map
|
|
37
|
+
$post-sizes: map.merge(
|
|
36
38
|
(
|
|
37
39
|
'hair': $size-hair,
|
|
38
40
|
'line': $size-line,
|
|
@@ -55,7 +57,7 @@ $post-sizes: map-merge(
|
|
|
55
57
|
|
|
56
58
|
// This variable affects the `.h-*` and `.w-*` classes.
|
|
57
59
|
$sizes: () !default;
|
|
58
|
-
$sizes: map
|
|
60
|
+
$sizes: map.merge(
|
|
59
61
|
(
|
|
60
62
|
25: 25%,
|
|
61
63
|
50: 50%,
|
|
@@ -7,7 +7,7 @@ $form-select-disabled-color: forms.$input-disabled-color;
|
|
|
7
7
|
$form-select-disabled-bg: forms.$input-disabled-bg;
|
|
8
8
|
$form-select-disabled-border-color: forms.$input-disabled-border-color;
|
|
9
9
|
$form-select-indicator-color: color.$black;
|
|
10
|
-
$form-select-bg-size:
|
|
11
|
-
$_form-select-indicator-icon: icons.get-colored-svg-url('
|
|
10
|
+
$form-select-bg-size: 24px 24px !default;
|
|
11
|
+
$_form-select-indicator-icon: icons.get-colored-svg-url('2113', $form-select-indicator-color);
|
|
12
12
|
$form-select-indicator: url($_form-select-indicator-icon) !default;
|
|
13
|
-
$form-select-indicator-hcm: url(icons.get-colored-svg-url('
|
|
13
|
+
$form-select-indicator-hcm: url(icons.get-colored-svg-url('2113', color.$white)) !default;
|
|
@@ -127,3 +127,4 @@ $form-floating-transition: animation.$transition-base;
|
|
|
127
127
|
$form-floating-transition-in: $form-floating-transition,
|
|
128
128
|
width 0ms list.nth(animation.$transition-base, 2);
|
|
129
129
|
$form-floating-transition-out: $form-floating-transition, width 0ms linear;
|
|
130
|
+
$form-floating-select-bg-size: 32px 32px;
|