@1024pix/pix-ui 38.2.1 → 38.2.2

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 (38) hide show
  1. package/.stylelintrc.json +0 -2
  2. package/CHANGELOG.md +9 -0
  3. package/addon/styles/_a11y.scss +2 -2
  4. package/addon/styles/_pix-background-header.scss +1 -1
  5. package/addon/styles/_pix-banner.scss +15 -15
  6. package/addon/styles/_pix-button-base.scss +15 -15
  7. package/addon/styles/_pix-button.scss +1 -1
  8. package/addon/styles/_pix-checkbox.scss +12 -12
  9. package/addon/styles/_pix-collapsible.scss +7 -7
  10. package/addon/styles/_pix-dropdown.scss +32 -32
  11. package/addon/styles/_pix-filter-banner.scss +9 -9
  12. package/addon/styles/_pix-filterable-and-searchable-select.scss +5 -5
  13. package/addon/styles/_pix-icon-button.scss +10 -10
  14. package/addon/styles/_pix-indicator-card.scss +8 -8
  15. package/addon/styles/_pix-input-code.scss +5 -5
  16. package/addon/styles/_pix-input-password.scss +8 -8
  17. package/addon/styles/_pix-input.scss +6 -6
  18. package/addon/styles/_pix-message.scss +2 -2
  19. package/addon/styles/_pix-modal.scss +14 -14
  20. package/addon/styles/_pix-multi-select.scss +27 -27
  21. package/addon/styles/_pix-pagination.scss +5 -5
  22. package/addon/styles/_pix-progress-gauge.scss +5 -5
  23. package/addon/styles/_pix-radio-button.scss +10 -10
  24. package/addon/styles/_pix-return-to.scss +9 -9
  25. package/addon/styles/_pix-search-input.scss +7 -7
  26. package/addon/styles/_pix-select.scss +29 -29
  27. package/addon/styles/_pix-selectable-tag.scss +17 -17
  28. package/addon/styles/_pix-sidebar.scss +8 -8
  29. package/addon/styles/_pix-tag.scss +7 -7
  30. package/addon/styles/_pix-textarea.scss +6 -6
  31. package/addon/styles/_pix-toggle.scss +7 -7
  32. package/addon/styles/_pix-tooltip.scss +20 -20
  33. package/addon/styles/normalize-reset/_normalize.scss +12 -12
  34. package/addon/styles/normalize-reset/_reset.scss +8 -8
  35. package/addon/styles/pix-design-tokens/_fonts.scss +8 -8
  36. package/addon/styles/pix-design-tokens/_form.scss +15 -15
  37. package/addon/styles/pix-design-tokens/_typography.scss +2 -2
  38. package/package.json +4 -3
package/addon/styles/pix-design-tokens/_fonts.scss CHANGED
@@ -1,29 +1,29 @@
1
1
  @font-face {
2
- font-family: 'Open Sans';
3
- src: url('../@1024pix/pix-ui/fonts/OpenSans/OpenSans-Medium.ttf');
4
2
  font-weight: 500;
3
+ font-family: 'Open Sans';
5
4
  font-style: normal;
5
+ src: url('../@1024pix/pix-ui/fonts/OpenSans/OpenSans-Medium.ttf');
6
6
  }
7
7
 
8
8
  @font-face {
9
- font-family: 'Roboto';
10
- src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Regular.ttf');
11
9
  font-weight: 400;
10
+ font-family: 'Roboto';
12
11
  font-style: normal;
12
+ src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Regular.ttf');
13
13
  }
14
14
 
15
15
  @font-face {
16
- font-family: 'Roboto';
17
- src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Medium.ttf');
18
16
  font-weight: 500;
17
+ font-family: 'Roboto';
19
18
  font-style: normal;
19
+ src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Medium.ttf');
20
20
  }
21
21
 
22
22
  @font-face {
23
- font-family: 'Roboto';
24
- src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Bold.ttf');
25
23
  font-weight: 700;
24
+ font-family: 'Roboto';
26
25
  font-style: normal;
26
+ src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Bold.ttf');
27
27
  }
28
28
 
29
29
  $font-open-sans: 'Open Sans', Arial, sans-serif;
package/addon/styles/pix-design-tokens/_form.scss CHANGED
@@ -1,14 +1,14 @@
1
1
  @mixin hoverFormElement() {
2
2
  &:hover {
3
- box-shadow: inset 0 0 0 0.6px $pix-neutral-70;
4
3
  background-color: $pix-neutral-5;
4
+ box-shadow: inset 0 0 0 0.6px $pix-neutral-70;
5
5
  }
6
6
  }
7
7
 
8
8
  @mixin hoverFormElementDisabled() {
9
9
  &:hover {
10
- box-shadow: inset 0 0 0 0.6px $pix-neutral-70;
11
10
  background-color: $pix-neutral-20;
11
+ box-shadow: inset 0 0 0 0.6px $pix-neutral-70;
12
12
  }
13
13
  }
14
14
 
@@ -19,41 +19,41 @@
19
19
  @mixin focusFormElement() {
20
20
  &:focus {
21
21
  border-color: $pix-primary;
22
- box-shadow: inset 0 0 0 0.6px $pix-primary;
23
22
  outline: none;
23
+ box-shadow: inset 0 0 0 0.6px $pix-primary;
24
24
  }
25
25
  }
26
26
 
27
27
  @mixin focusWithinFormElement() {
28
28
  &:focus-within {
29
29
  border-color: $pix-primary;
30
- box-shadow: inset 0 0 0 0.6px $pix-primary;
31
30
  outline: none;
31
+ box-shadow: inset 0 0 0 0.6px $pix-primary;
32
32
  }
33
33
  }
34
34
 
35
35
  @mixin label() {
36
36
  display: block;
37
- font-size: 0.875rem;
38
- line-height: 1.375rem;
39
- color: $pix-neutral-90;
40
37
  margin-bottom: $pix-spacing-xxs;
38
+ color: $pix-neutral-90;
41
39
  font-weight: $font-medium;
40
+ font-size: 0.875rem;
41
+ line-height: 1.375rem;
42
42
  }
43
43
 
44
44
  @mixin subLabel() {
45
45
  @include label();
46
46
 
47
- font-size: 0.813rem;
48
- line-height: 1rem;
49
47
  color: $pix-neutral-60;
50
48
  font-weight: $font-normal;
49
+ font-size: 0.813rem;
50
+ line-height: 1rem;
51
51
  }
52
52
 
53
53
  @mixin errorMessage() {
54
- font-size: 0.75rem;
55
- color: $pix-error-70;
56
54
  margin-top: $pix-spacing-xxs;
55
+ color: $pix-error-70;
56
+ font-size: 0.75rem;
57
57
  }
58
58
 
59
59
  @mixin formElementInError() {
@@ -67,11 +67,11 @@
67
67
  }
68
68
 
69
69
  @mixin input() {
70
- font-size: 0.875rem;
71
- font-weight: $font-normal;
70
+ padding: 0 $pix-spacing-s 0 $pix-spacing-s;
72
71
  color: $pix-neutral-90;
72
+ font-weight: $font-normal;
73
+ font-size: 0.875rem;
73
74
  border-radius: $pix-spacing-xxs;
74
- padding: 0 $pix-spacing-s 0 $pix-spacing-s;
75
75
  }
76
76
 
77
77
  .pix-form__label {
@@ -91,8 +91,8 @@
91
91
 
92
92
  .mandatory-mark,
93
93
  .mandatory-mark[title] {
94
- cursor: help;
95
94
  color: $pix-error-70;
96
95
  text-decoration: none;
97
96
  border: none;
97
+ cursor: help;
98
98
  }
package/addon/styles/pix-design-tokens/_typography.scss CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  // Placeholder pour permettre l'utilisation dans une classe css si jamais le tag html a trop de classe
4
4
  %-pix-title {
5
- font-family: $font-open-sans;
6
5
  font-weight: 500;
6
+ font-family: $font-open-sans;
7
7
  }
8
8
 
9
9
  %pix-title-l,
@@ -69,8 +69,8 @@
69
69
  }
70
70
 
71
71
  %-pix-body {
72
- font-family: $font-roboto;
73
72
  font-weight: 400;
73
+ font-family: $font-roboto;
74
74
  }
75
75
 
76
76
  %pix-body-l,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "38.2.1",
3
+ "version": "38.2.2",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -60,7 +60,7 @@
60
60
  "devDependencies": {
61
61
  "@1024pix/ember-testing-library": "^0.7.0",
62
62
  "@1024pix/storybook-ember": "^7.1.1",
63
- "@1024pix/stylelint-config": "^3.0.0",
63
+ "@1024pix/stylelint-config": "^4.0.1",
64
64
  "@babel/eslint-parser": "^7.19.1",
65
65
  "@babel/plugin-proposal-decorators": "^7.20.5",
66
66
  "@ember/optional-features": "^2.0.0",
@@ -123,7 +123,8 @@
123
123
  "sass": "^1.56.1",
124
124
  "storybook": "^7.1.0",
125
125
  "stylelint": "^15.0.0",
126
- "stylelint-config-standard-scss": "^9.0.0",
126
+ "stylelint-config-rational-order": "^0.1.2",
127
+ "stylelint-config-standard-scss": "^10.0.0",
127
128
  "webpack": "^5.75.0"
128
129
  },
129
130
  "bugs": {