@primer/brand-css 0.65.1 → 0.66.0-rc.09d71a57

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 (8) hide show
  1. package/components/IDE/IDE.css +2 -2
  2. package/components/forms/ControlGroup/ControlGroup.css +1 -1
  3. package/components/forms/FormControl/FormControl.css +1 -1
  4. package/components/forms/Select/Select.css +3 -3
  5. package/components/forms/TextInput/TextInput.css +4 -4
  6. package/components/forms/Textarea/Textarea.css +3 -3
  7. package/components/river/river-shared.css +1 -1
  8. package/package.json +6 -6
package/components/IDE/IDE.css CHANGED
@@ -224,7 +224,7 @@
224
224
 
225
225
  .IDE--glass .IDE__Editor-tab {
226
226
  background: transparent;
227
- color: var(--brand-color-text-subtle);
227
+ color: var(--brand-color-text-muted);
228
228
  }
229
229
 
230
230
  .IDE--glass .IDE__Editor-tab--active {
@@ -242,7 +242,7 @@
242
242
 
243
243
  .IDE__Editor-tab[disabled] {
244
244
  cursor: not-allowed;
245
- color: var(--brand-color-text-subtle) !important;
245
+ color: var(--brand-color-text-muted) !important;
246
246
  opacity: 0.7;
247
247
  }
248
248
 
package/components/forms/ControlGroup/ControlGroup.css CHANGED
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .ControlGroup__validation--error {
29
- color: var(--brand-color-error-fg);
29
+ color: var(--brand-color-danger-fg);
30
30
  }
31
31
 
32
32
  .ControlGroup__validation-icon--success {
package/components/forms/FormControl/FormControl.css CHANGED
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .FormControl-validation--error {
83
- color: var(--brand-color-error-fg);
83
+ color: var(--brand-color-danger-fg);
84
84
  }
85
85
 
86
86
  .FormControl-validation-success-icon {
package/components/forms/Select/Select.css CHANGED
@@ -26,12 +26,12 @@
26
26
  }
27
27
 
28
28
  .Select::-moz-placeholder {
29
- color: var(--brand-color-text-subtle);
29
+ color: var(--brand-color-text-muted);
30
30
  opacity: 1;
31
31
  }
32
32
 
33
33
  .Select::placeholder {
34
- color: var(--brand-color-text-subtle);
34
+ color: var(--brand-color-text-muted);
35
35
  opacity: 1;
36
36
  }
37
37
 
@@ -146,7 +146,7 @@
146
146
  }
147
147
 
148
148
  .Select--error {
149
- border-color: var(--brand-color-error-fg);
149
+ border-color: var(--brand-color-danger-fg);
150
150
  }
151
151
 
152
152
  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
package/components/forms/TextInput/TextInput.css CHANGED
@@ -13,12 +13,12 @@
13
13
  }
14
14
 
15
15
  .TextInput::-moz-placeholder {
16
- color: var(--brand-color-text-subtle);
16
+ color: var(--brand-color-text-muted);
17
17
  opacity: 1;
18
18
  }
19
19
 
20
20
  .TextInput::placeholder {
21
- color: var(--brand-color-text-subtle);
21
+ color: var(--brand-color-text-muted);
22
22
  opacity: 1;
23
23
  }
24
24
 
@@ -125,7 +125,7 @@
125
125
 
126
126
  .TextInput-wrapper--error,
127
127
  .TextInput-wrapper--error.TextInput-wrapper--disabled {
128
- border-color: var(--brand-color-error-fg);
128
+ border-color: var(--brand-color-danger-fg);
129
129
  }
130
130
 
131
131
  /*
@@ -269,7 +269,7 @@
269
269
 
270
270
  .TextInput-leading-text--error,
271
271
  .TextInput-trailing-text--error {
272
- border-color: var(--brand-color-error-fg);
272
+ border-color: var(--brand-color-danger-fg);
273
273
  }
274
274
 
275
275
  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
package/components/forms/Textarea/Textarea.css CHANGED
@@ -13,12 +13,12 @@
13
13
  }
14
14
 
15
15
  .Textarea::-moz-placeholder {
16
- color: var(--brand-color-text-subtle);
16
+ color: var(--brand-color-text-muted);
17
17
  opacity: 1;
18
18
  }
19
19
 
20
20
  .Textarea::placeholder {
21
- color: var(--brand-color-text-subtle);
21
+ color: var(--brand-color-text-muted);
22
22
  opacity: 1;
23
23
  }
24
24
 
@@ -132,7 +132,7 @@
132
132
 
133
133
  .Textarea-wrapper--error,
134
134
  .Textarea-wrapper--error.Textarea-wrapper--disabled {
135
- border-color: var(--brand-color-error-fg);
135
+ border-color: var(--brand-color-danger-fg);
136
136
  }
137
137
 
138
138
  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
package/components/river/river-shared.css CHANGED
@@ -407,7 +407,7 @@
407
407
  }
408
408
 
409
409
  .RiverBreakout--muted .River__text {
410
- color: var(--brand-color-text-subtle);
410
+ color: var(--brand-color-text-muted);
411
411
  }
412
412
 
413
413
  .RiverBreakout .River__text em,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/brand-css",
3
- "version": "0.65.1",
3
+ "version": "0.66.0-rc.09d71a57",
4
4
  "description": "CSS stylesheets for Primer Brand components",
5
5
  "keywords": [
6
6
  "primer",
@@ -30,11 +30,11 @@
30
30
  "prepublishOnly": "npm run build"
31
31
  },
32
32
  "devDependencies": {
33
- "@types/node": "22.18.1",
34
- "autoprefixer": "10.4.20",
35
- "postcss": "8.5.1",
36
- "tsx": "^4.19.2",
37
- "typescript": "5.8.2"
33
+ "@types/node": "24.12.0",
34
+ "autoprefixer": "10.4.27",
35
+ "postcss": "8.5.8",
36
+ "tsx": "^4.21.0",
37
+ "typescript": "5.9.3"
38
38
  },
39
39
  "engines": {
40
40
  "node": ">=24.0.0",