@citizenplane/pimp 10.1.10 → 10.1.11

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 (4) hide show
  1. package/dist/style.css +1 -1
  2. package/package.json +1 -1
  3. package/src/assets/css/colors.css +11 -11
  4. package/src/assets/css/tokens.css +29 -29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citizenplane/pimp",
3
- "version": "10.1.10",
3
+ "version": "10.1.11",
4
4
  "scripts": {
5
5
  "dev": "storybook dev -p 8080",
6
6
  "build-storybook": "storybook build --output-dir ./docs",
package/src/assets/css/colors.css CHANGED
@@ -85,17 +85,17 @@
85
85
  --cp-colors-red-900: #48000c;
86
86
  --cp-colors-red-1000: #320006;
87
87
 
88
- --cp-colors-violet-50: #f8f9ff;
89
- --cp-colors-violet-100: #eaecff;
90
- --cp-colors-violet-200: #ccd0ff;
91
- --cp-colors-violet-300: #acb1ff;
92
- --cp-colors-violet-400: #807dff;
93
- --cp-colors-violet-500: #603dfd;
94
- --cp-colors-violet-600: #4a00da;
95
- --cp-colors-violet-700: #3400a0;
96
- --cp-colors-violet-800: #2a0084;
97
- --cp-colors-violet-900: #1f0067;
98
- --cp-colors-violet-1000: #13004a;
88
+ --cp-colors-accent-50: #f8f9ff;
89
+ --cp-colors-accent-100: #eaecff;
90
+ --cp-colors-accent-200: #ccd0ff;
91
+ --cp-colors-accent-300: #acb1ff;
92
+ --cp-colors-accent-400: #807dff;
93
+ --cp-colors-accent-500: #603dfd;
94
+ --cp-colors-accent-600: #4a00da;
95
+ --cp-colors-accent-700: #3400a0;
96
+ --cp-colors-accent-800: #2a0084;
97
+ --cp-colors-accent-900: #1f0067;
98
+ --cp-colors-accent-1000: #13004a;
99
99
 
100
100
  --cp-colors-white: #ffffff;
101
101
 
package/src/assets/css/tokens.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --cp-background-surface: var(--cp-colors-white);
7
7
  --cp-background-primary: var(--cp-colors-white);
8
8
  --cp-background-primary-hover: var(--cp-colors-grey-100);
9
- --cp-background-primary-hover-alt: var(--cp-colors-violet-100);
9
+ --cp-background-primary-hover-alt: var(--cp-colors-accent-100);
10
10
  --cp-background-secondary: var(--cp-colors-grey-50);
11
11
  --cp-background-secondary-hover: var(--cp-colors-grey-100);
12
12
  --cp-background-tertiary: var(--cp-colors-grey-100);
@@ -18,12 +18,12 @@
18
18
  --cp-background-disabled: var(--cp-colors-grey-50);
19
19
  --cp-background-overlay: rgba(62, 62, 91, 0.86);
20
20
 
21
- --cp-background-accent-primary: var(--cp-colors-violet-50);
22
- --cp-background-accent-primary-hover: var(--cp-colors-violet-100);
23
- --cp-background-accent-secondary: var(--cp-colors-violet-100);
24
- --cp-background-accent-secondary-hover: var(--cp-colors-violet-200);
25
- --cp-background-accent-solid: var(--cp-colors-violet-500);
26
- --cp-background-accent-solid-hover: var(--cp-colors-violet-600);
21
+ --cp-background-accent-primary: var(--cp-colors-accent-50);
22
+ --cp-background-accent-primary-hover: var(--cp-colors-accent-100);
23
+ --cp-background-accent-secondary: var(--cp-colors-accent-100);
24
+ --cp-background-accent-secondary-hover: var(--cp-colors-accent-200);
25
+ --cp-background-accent-solid: var(--cp-colors-accent-500);
26
+ --cp-background-accent-solid-hover: var(--cp-colors-accent-600);
27
27
 
28
28
  --cp-background-error-primary: var(--cp-colors-red-50);
29
29
  --cp-background-error-primary-hover: var(--cp-colors-red-100);
@@ -81,9 +81,9 @@
81
81
  --cp-border-disabled: var(--cp-colors-grey-100);
82
82
  --cp-border-solid: var(--cp-colors-grey-800);
83
83
 
84
- --cp-border-accent-primary: var(--cp-colors-violet-200);
85
- --cp-border-accent-primary-hover: var(--cp-colors-violet-300);
86
- --cp-border-accent-solid: var(--cp-colors-violet-500);
84
+ --cp-border-accent-primary: var(--cp-colors-accent-200);
85
+ --cp-border-accent-primary-hover: var(--cp-colors-accent-300);
86
+ --cp-border-accent-solid: var(--cp-colors-accent-500);
87
87
 
88
88
  --cp-border-error-primary: var(--cp-colors-red-200);
89
89
  --cp-border-error-solid: var(--cp-colors-red-500);
@@ -115,10 +115,10 @@
115
115
  --cp-foreground-placeholder: var(--cp-colors-grey-500);
116
116
  --cp-foreground-white: var(--cp-colors-white);
117
117
 
118
- --cp-foreground-accent-primary: var(--cp-colors-violet-500);
119
- --cp-foreground-accent-primary-hover: var(--cp-colors-violet-600);
120
- --cp-foreground-accent-secondary: var(--cp-colors-violet-400);
121
- --cp-foreground-accent-secondary-hover: var(--cp-colors-violet-500);
118
+ --cp-foreground-accent-primary: var(--cp-colors-accent-500);
119
+ --cp-foreground-accent-primary-hover: var(--cp-colors-accent-600);
120
+ --cp-foreground-accent-secondary: var(--cp-colors-accent-400);
121
+ --cp-foreground-accent-secondary-hover: var(--cp-colors-accent-500);
122
122
 
123
123
  --cp-foreground-error-primary: var(--cp-colors-red-500);
124
124
  --cp-foreground-error-primary-hover: var(--cp-colors-red-600);
@@ -163,10 +163,10 @@
163
163
  --cp-text-placeholder: var(--cp-colors-grey-500);
164
164
  --cp-text-white: var(--cp-colors-white);
165
165
 
166
- --cp-text-accent-primary: var(--cp-colors-violet-500);
167
- --cp-text-accent-primary-hover: var(--cp-colors-violet-600);
168
- --cp-text-accent-secondary: var(--cp-colors-violet-700);
169
- --cp-text-accent-secondary-hover: var(--cp-colors-violet-800);
166
+ --cp-text-accent-primary: var(--cp-colors-accent-500);
167
+ --cp-text-accent-primary-hover: var(--cp-colors-accent-600);
168
+ --cp-text-accent-secondary: var(--cp-colors-accent-700);
169
+ --cp-text-accent-secondary-hover: var(--cp-colors-accent-800);
170
170
 
171
171
  --cp-text-error-primary: var(--cp-colors-red-500);
172
172
  --cp-text-error-primary-hover: var(--cp-colors-red-600);
@@ -203,17 +203,17 @@
203
203
  --cp-text-yellow-secondary: var(--cp-colors-yellow-700);
204
204
  --cp-text-yellow-secondary-hover: var(--cp-colors-yellow-800);
205
205
 
206
- --cp-utility-accent-50: var(--cp-colors-violet-50);
207
- --cp-utility-accent-100: var(--cp-colors-violet-100);
208
- --cp-utility-accent-200: var(--cp-colors-violet-200);
209
- --cp-utility-accent-300: var(--cp-colors-violet-300);
210
- --cp-utility-accent-400: var(--cp-colors-violet-400);
211
- --cp-utility-accent-500: var(--cp-colors-violet-500);
212
- --cp-utility-accent-600: var(--cp-colors-violet-600);
213
- --cp-utility-accent-700: var(--cp-colors-violet-700);
214
- --cp-utility-accent-800: var(--cp-colors-violet-800);
215
- --cp-utility-accent-900: var(--cp-colors-violet-900);
216
- --cp-utility-accent-1000: var(--cp-colors-violet-1000);
206
+ --cp-utility-accent-50: var(--cp-colors-accent-50);
207
+ --cp-utility-accent-100: var(--cp-colors-accent-100);
208
+ --cp-utility-accent-200: var(--cp-colors-accent-200);
209
+ --cp-utility-accent-300: var(--cp-colors-accent-300);
210
+ --cp-utility-accent-400: var(--cp-colors-accent-400);
211
+ --cp-utility-accent-500: var(--cp-colors-accent-500);
212
+ --cp-utility-accent-600: var(--cp-colors-accent-600);
213
+ --cp-utility-accent-700: var(--cp-colors-accent-700);
214
+ --cp-utility-accent-800: var(--cp-colors-accent-800);
215
+ --cp-utility-accent-900: var(--cp-colors-accent-900);
216
+ --cp-utility-accent-1000: var(--cp-colors-accent-1000);
217
217
 
218
218
  --cp-utility-blue-50: var(--cp-colors-blue-50);
219
219
  --cp-utility-blue-100: var(--cp-colors-blue-100);