@1024pix/pix-ui 48.7.1 → 48.8.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.
Files changed (3) hide show
  1. package/addon/styles/_pix-banner.scss +1 -2
  2. package/addon/styles/pix-design-tokens/_colors.scss +116 -58
  3. package/package.json +1 -1
package/addon/styles/_pix-banner.scss CHANGED
@@ -4,8 +4,7 @@
4
4
  align-items: center;
5
5
  padding: var(--pix-spacing-4x) var(--pix-spacing-6x);
6
6
  font-size: 0.875rem;
7
- border: 1px solid currentcolor;
8
- border-radius: var(--pix-spacing-2x);
7
+ border-bottom: 1px solid currentcolor;
9
8
 
10
9
  &__icon {
11
10
  flex-shrink: 0;
package/addon/styles/pix-design-tokens/_colors.scss CHANGED
@@ -1,64 +1,122 @@
1
1
  // See https://www.figma.com/file/8RJ3aCSfdeQ8AZZVBBYKS8/Design-System-Pix?node-id=16%3A2
2
2
  // stylelint-disable color-no-hex
3
3
  :root {
4
- --pix-primary-10: rgb(247, 245, 255);
5
- --pix-primary-100: rgb(206, 195, 244);
6
- --pix-primary-300: rgb(149, 126, 232);
7
- --pix-primary-500: rgb(97, 63, 221);
8
- --pix-primary-700: rgb(69, 45, 157);
9
- --pix-primary-900: rgb(41, 26, 93);
10
- --pix-secondary-50: rgb(255, 250, 235);
11
- --pix-secondary-100: rgb(255, 239, 192);
12
- --pix-secondary-300: rgb(255, 220, 118);
13
- --pix-secondary-500: rgb(255, 203, 51);
14
- --pix-secondary-700: rgb(161, 98, 6);
15
- --pix-secondary-900: rgb(91, 56, 8);
16
- --pix-tertiary-100: rgb(195, 208, 255);
17
- --pix-tertiary-500: rgb(61, 104, 255);
18
- --pix-tertiary-900: rgb(26, 44, 107);
19
- --pix-neutral-0: rgb(255, 255, 255);
20
- --pix-neutral-20: rgb(244, 245, 247);
21
- --pix-neutral-100: rgb(205, 209, 217);
22
- --pix-neutral-500: rgb(94, 108, 132);
23
- --pix-neutral-800: rgb(37, 56, 88);
24
- --pix-neutral-900: rgb(18, 38, 71);
25
- --pix-info-50: rgb(230, 242, 254);
26
- --pix-info-100: rgb(176, 211, 244);
27
- --pix-info-500: rgb(59, 130, 246);
28
- --pix-info-700: rgb(29, 78, 216);
29
- --pix-info-900: rgb(30, 58, 138);
30
- --pix-success-50: rgb(232, 243, 239);
31
- --pix-success-100: rgb(185, 216, 205);
32
- --pix-success-300: rgb(103, 171, 146);
33
- --pix-success-500: rgb(28, 130, 93);
34
- --pix-success-700: rgb(20, 92, 66);
35
- --pix-success-900: rgb(12, 55, 39);
36
- --pix-warning-50: rgb(255, 247, 235);
37
- --pix-warning-100: rgb(255, 229, 192);
38
- --pix-warning-300: rgb(255, 198, 118);
39
- --pix-warning-500: rgb(245, 158, 11);
40
- --pix-warning-700: rgb(180, 83, 9);
41
- --pix-warning-900: rgb(120, 53, 15);
42
- --pix-error-50: rgb(251, 236, 236);
43
- --pix-error-100: rgb(241, 196, 196);
44
- --pix-error-500: rgb(210, 65, 64);
45
- --pix-error-700: rgb(149, 46, 46);
46
- --pix-error-900: rgb(88, 27, 27);
47
- --pix-certif-50: rgb(232, 242, 242);
48
- --pix-certif-500: rgb(24, 127, 125);
49
- --pix-orga-50: rgb(235, 241, 249);
50
- --pix-orga-500: rgb(54, 116, 191);
51
- --pix-information-dark: rgb(242, 70, 69);
52
- --pix-information-light: rgb(241, 161, 65);
53
- --pix-content-dark: rgb(26, 140, 137);
54
- --pix-content-light: rgb(82, 217, 135);
55
- --pix-communication-dark: rgb(61, 104, 255);
56
- --pix-communication-light: rgb(18, 163, 255);
57
- --pix-security-dark: rgb(172, 0, 141);
58
- --pix-security-light: rgb(255, 63, 148);
59
- --pix-environment-dark: rgb(94, 37, 99);
60
- --pix-environment-light: rgb(86, 77, 166);
61
- --pix-shadow: rgb(7, 20, 46);
4
+ --pix-primary-10-inline:247, 245, 255;
5
+ --pix-primary-10: rgb(var(--pix-primary-10-inline));
6
+ --pix-primary-100-inline:206, 195, 244;
7
+ --pix-primary-100: rgb(var(--pix-primary-100-inline));
8
+ --pix-primary-300-inline:149, 126, 232;
9
+ --pix-primary-300: rgb(var(--pix-primary-300-inline));
10
+ --pix-primary-500-inline:97, 63, 221;
11
+ --pix-primary-500: rgb(var(--pix-primary-500-inline));
12
+ --pix-primary-700-inline:69, 45, 157;
13
+ --pix-primary-700: rgb(var(--pix-primary-700-inline));
14
+ --pix-primary-900-inline:41, 26, 93;
15
+ --pix-primary-900: rgb(var(--pix-primary-900-inline));
16
+ --pix-secondary-50-inline:255, 250, 235;
17
+ --pix-secondary-50: rgb(var(--pix-secondary-50-inline));
18
+ --pix-secondary-100-inline:255, 239, 192;
19
+ --pix-secondary-100: rgb(var(--pix-secondary-100-inline));
20
+ --pix-secondary-300-inline:255, 220, 118;
21
+ --pix-secondary-300: rgb(var(--pix-secondary-300-inline));
22
+ --pix-secondary-500-inline:255, 203, 51;
23
+ --pix-secondary-500: rgb(var(--pix-secondary-500-inline));
24
+ --pix-secondary-700-inline:161, 98, 6;
25
+ --pix-secondary-700: rgb(var(--pix-secondary-700-inline));
26
+ --pix-secondary-900-inline:91, 56, 8;
27
+ --pix-secondary-900: rgb(var(--pix-secondary-900-inline));
28
+ --pix-tertiary-100-inline:195, 208, 255;
29
+ --pix-tertiary-100: rgb(var(--pix-tertiary-100-inline));
30
+ --pix-tertiary-500-inline:61, 104, 255;
31
+ --pix-tertiary-500: rgb(var(--pix-tertiary-500-inline));
32
+ --pix-tertiary-900-inline:26, 44, 107;
33
+ --pix-tertiary-900: rgb(var(--pix-tertiary-900-inline));
34
+ --pix-neutral-0-inline:255, 255, 255;
35
+ --pix-neutral-0: rgb(var(--pix-neutral-0-inline));
36
+ --pix-neutral-20-inline:244, 245, 247;
37
+ --pix-neutral-20: rgb(var(--pix-neutral-20-inline));
38
+ --pix-neutral-100-inline:205, 209, 217;
39
+ --pix-neutral-100: rgb(var(--pix-neutral-100-inline));
40
+ --pix-neutral-500-inline:94, 108, 132;
41
+ --pix-neutral-500: rgb(var(--pix-neutral-500-inline));
42
+ --pix-neutral-800-inline:37, 56, 88;
43
+ --pix-neutral-800: rgb(var(--pix-neutral-800-inline));
44
+ --pix-neutral-900-inline:18, 38, 71;
45
+ --pix-neutral-900: rgb(var(--pix-neutral-900-inline));
46
+ --pix-info-50-inline:230, 242, 254;
47
+ --pix-info-50: rgb(var(--pix-info-50-inline));
48
+ --pix-info-100-inline:176, 211, 244;
49
+ --pix-info-100: rgb(var(--pix-info-100-inline));
50
+ --pix-info-500-inline:59, 130, 246;
51
+ --pix-info-500: rgb(var(--pix-info-500-inline));
52
+ --pix-info-700-inline:29, 78, 216;
53
+ --pix-info-700: rgb(var(--pix-info-700-inline));
54
+ --pix-info-900-inline:30, 58, 138;
55
+ --pix-info-900: rgb(var(--pix-info-900-inline));
56
+ --pix-success-50-inline:232, 243, 239;
57
+ --pix-success-50: rgb(var(--pix-success-50-inline));
58
+ --pix-success-100-inline:185, 216, 205;
59
+ --pix-success-100: rgb(var(--pix-success-100-inline));
60
+ --pix-success-300-inline:103, 171, 146;
61
+ --pix-success-300: rgb(var(--pix-success-300-inline));
62
+ --pix-success-500-inline:28, 130, 93;
63
+ --pix-success-500: rgb(var(--pix-success-500-inline));
64
+ --pix-success-700-inline:20, 92, 66;
65
+ --pix-success-700: rgb(var(--pix-success-700-inline));
66
+ --pix-success-900-inline:12, 55, 39;
67
+ --pix-success-900: rgb(var(--pix-success-900-inline));
68
+ --pix-warning-50-inline:255, 247, 235;
69
+ --pix-warning-50: rgb(var(--pix-warning-50-inline));
70
+ --pix-warning-100-inline:255, 229, 192;
71
+ --pix-warning-100: rgb(var(--pix-warning-100-inline));
72
+ --pix-warning-300-inline:255, 198, 118;
73
+ --pix-warning-300: rgb(var(--pix-warning-300-inline));
74
+ --pix-warning-500-inline:245, 158, 11;
75
+ --pix-warning-500: rgb(var(--pix-warning-500-inline));
76
+ --pix-warning-700-inline:180, 83, 9;
77
+ --pix-warning-700: rgb(var(--pix-warning-700-inline));
78
+ --pix-warning-900-inline:120, 53, 15;
79
+ --pix-warning-900: rgb(var(--pix-warning-900-inline));
80
+ --pix-error-50-inline:251, 236, 236;
81
+ --pix-error-50: rgb(var(--pix-error-50-inline));
82
+ --pix-error-100-inline:241, 196, 196;
83
+ --pix-error-100: rgb(var(--pix-error-100-inline));
84
+ --pix-error-500-inline:210, 65, 64;
85
+ --pix-error-500: rgb(var(--pix-error-500-inline));
86
+ --pix-error-700-inline:149, 46, 46;
87
+ --pix-error-700: rgb(var(--pix-error-700-inline));
88
+ --pix-error-900-inline:88, 27, 27;
89
+ --pix-error-900: rgb(var(--pix-error-900-inline));
90
+ --pix-certif-50-inline:232, 242, 242;
91
+ --pix-certif-50: rgb(var(--pix-certif-50-inline));
92
+ --pix-certif-500-inline:24, 127, 125;
93
+ --pix-certif-500: rgb(var(--pix-certif-500-inline));
94
+ --pix-orga-50-inline:235, 241, 249;
95
+ --pix-orga-50: rgb(var(--pix-orga-50-inline));
96
+ --pix-orga-500-inline:54, 116, 191;
97
+ --pix-orga-500: rgb(var(--pix-orga-500-inline));
98
+ --pix-information-dark-inline:242, 70, 69;
99
+ --pix-information-dark: rgb(var(--pix-information-dark-inline));
100
+ --pix-information-light-inline:241, 161, 65;
101
+ --pix-information-light: rgb(var(--pix-information-light-inline));
102
+ --pix-content-dark-inline:26, 140, 137;
103
+ --pix-content-dark: rgb(var(--pix-content-dark-inline));
104
+ --pix-content-light-inline:82, 217, 135;
105
+ --pix-content-light: rgb(var(--pix-content-light-inline));
106
+ --pix-communication-dark-inline:61, 104, 255;
107
+ --pix-communication-dark: rgb(var(--pix-communication-dark-inline));
108
+ --pix-communication-light-inline:18, 163, 255;
109
+ --pix-communication-light: rgb(var(--pix-communication-light-inline));
110
+ --pix-security-dark-inline:172, 0, 141;
111
+ --pix-security-dark: rgb(var(--pix-security-dark-inline));
112
+ --pix-security-light-inline:255, 63, 148;
113
+ --pix-security-light: rgb(var(--pix-security-light-inline));
114
+ --pix-environment-dark-inline:94, 37, 99;
115
+ --pix-environment-dark: rgb(var(--pix-environment-dark-inline));
116
+ --pix-environment-light-inline:86, 77, 166;
117
+ --pix-environment-light: rgb(var(--pix-environment-light-inline));
118
+ --pix-shadow-inline: 7, 20, 46;
119
+ --pix-shadow: rgb(var(--pix-shadow-inline));
62
120
  }
63
121
 
64
122
  // @deprecated - SCSS variables are replaced by CSS variables
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "48.7.1",
3
+ "version": "48.8.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"