@1024pix/pix-ui 46.5.2 → 46.6.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.
@@ -1,5 +1,8 @@
1
1
  .pix-input-code {
2
+ @extend %pix-monospace;
3
+
2
4
  display: flex;
5
+ line-height: 1.15;
3
6
 
4
7
  // hide up/down cursors
5
8
  input[type='number'] {
@@ -40,7 +43,8 @@
40
43
  border: 1.4px solid var(--pix-neutral-500);
41
44
  border-radius: 4px;
42
45
 
43
- &:focus, &:active {
46
+ &:focus,
47
+ &:active {
44
48
  &::placeholder {
45
49
  opacity: 0;
46
50
  }
@@ -33,6 +33,7 @@
33
33
 
34
34
  input {
35
35
  @extend %pix-input-default;
36
+ @extend %pix-monospace;
36
37
 
37
38
  flex-grow: 1;
38
39
  background-color: transparent;
@@ -34,6 +34,13 @@
34
34
  src: url('../@1024pix/pix-ui/fonts/Roboto/Roboto-Bold.woff2');
35
35
  }
36
36
 
37
+ @font-face {
38
+ font-weight: 400;
39
+ font-family: 'Roboto Mono';
40
+ font-style: normal;
41
+ src: url('../@1024pix/pix-ui/fonts/RobotoMono/RobotoMono-Regular.woff2');
42
+ }
43
+
37
44
  /* @deprecated - use Design Tokens */
38
45
  $font-open-sans: 'Open Sans', Arial, sans-serif;
39
46
  $font-roboto: 'Roboto', Arial, sans-serif;
@@ -55,4 +62,9 @@ $font-bold: 700;
55
62
  // See https://ui.pix.fr/?path=/docs/utiliser-pix-ui-design-tokens-typographie--docs
56
63
  // stylelint-disable-next-line custom-property-pattern
57
64
  --_pix-font-family-body: 'Roboto', Arial, sans-serif;
65
+
66
+ // Private property, do not use directly
67
+ // See https://ui.pix.fr/?path=/docs/utiliser-pix-ui-design-tokens-typographie--docs
68
+ // stylelint-disable-next-line custom-property-pattern
69
+ --_pix-font-family-monospace: 'Roboto Mono', monospace;
58
70
  }
@@ -142,6 +142,14 @@
142
142
  }
143
143
  }
144
144
 
145
+ %pix-monospace,
146
+ .pix-monospace {
147
+ font-weight: var(--pix-font-normal);
148
+
149
+ // stylelint-disable-next-line custom-property-pattern
150
+ font-family: var(--_pix-font-family-monospace);
151
+ }
152
+
145
153
  .pix-body-weight-medium {
146
154
  font-weight: var(--pix-font-medium);
147
155
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "46.5.2",
3
+ "version": "46.6.1",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"