Skip to content

Commit 852da9d

Browse files
authored
Remove V1 color utilities (#1602)
* Remove V1 color utilities * Create nice-terms-juggle.md
1 parent 410c1d6 commit 852da9d

File tree

2 files changed

+5
-52
lines changed

2 files changed

+5
-52
lines changed

.changeset/nice-terms-juggle.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/css": major
3+
---
4+
5+
Remove V1 color utilities

src/utilities/colors.scss

Lines changed: 0 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -72,58 +72,6 @@
7272

7373
// Misc
7474

75-
.text-inherit, // deprecated
7675
.color-fg-inherit {
7776
color: inherit !important;
7877
}
79-
80-
// ----------------------- Deprecated --------------------------------------
81-
// The following V1 utilities will be removed in the next major release
82-
// -------------------------------------------------------------------------
83-
84-
// Text colors
85-
.color-text-primary { color: var(--color-fg-default) !important; }
86-
.color-text-secondary { color: var(--color-fg-muted) !important; }
87-
.color-text-tertiary { color: var(--color-fg-muted) !important; }
88-
.color-text-link { color: var(--color-accent-fg) !important; }
89-
.color-text-success { color: var(--color-success-fg) !important; }
90-
.color-text-warning { color: var(--color-attention-fg) !important; }
91-
.color-text-danger { color: var(--color-danger-fg) !important; }
92-
.color-text-inverse { color: var(--color-fg-on-emphasis) !important; }
93-
.color-text-white { color: var(--color-scale-white) !important; }
94-
95-
// Icon colors
96-
.color-icon-primary { color: var(--color-fg-default) !important; }
97-
.color-icon-secondary { color: var(--color-fg-muted) !important; }
98-
.color-icon-tertiary { color: var(--color-fg-muted) !important; }
99-
.color-icon-info { color: var(--color-accent-fg) !important; }
100-
.color-icon-danger { color: var(--color-danger-fg) !important; }
101-
.color-icon-success { color: var(--color-success-fg) !important; }
102-
.color-icon-warning { color: var(--color-attention-fg) !important; }
103-
104-
// Border colors
105-
.color-border-primary { border-color: var(--color-border-default) !important; }
106-
.color-border-secondary { border-color: var(--color-border-muted) !important; }
107-
.color-border-tertiary { border-color: var(--color-neutral-muted) !important; }
108-
.color-border-inverse { border-color: var(--color-fg-on-emphasis) !important; }
109-
.color-border-info { border-color: var(--color-accent-emphasis) !important; }
110-
// .color-border-success { border-color: var(--color-success-emphasis) !important; }
111-
// .color-border-danger { border-color: var(--color-danger-emphasis) !important; }
112-
.color-border-warning { border-color: var(--color-attention-emphasis) !important; }
113-
114-
// Background colors
115-
.color-bg-canvas { background-color: var(--color-canvas-default) !important; }
116-
.color-bg-canvas-inverse { background-color: var(--color-neutral-emphasis) !important; }
117-
.color-bg-canvas-inset { background-color: var(--color-canvas-inset) !important; }
118-
.color-bg-primary { background-color: var(--color-canvas-default) !important; }
119-
.color-bg-secondary { background-color: var(--color-canvas-subtle) !important; }
120-
.color-bg-tertiary { background-color: var(--color-canvas-subtle) !important; }
121-
// .color-bg-overlay { background-color: var(--color-canvas-overlay) !important; }
122-
.color-bg-info { background-color: var(--color-accent-subtle) !important; }
123-
.color-bg-info-inverse { background-color: var(--color-accent-emphasis) !important; }
124-
.color-bg-danger { background-color: var(--color-danger-subtle) !important; }
125-
.color-bg-danger-inverse { background-color: var(--color-danger-emphasis) !important; }
126-
.color-bg-success { background-color: var(--color-success-subtle) !important; }
127-
.color-bg-success-inverse { background-color: var(--color-success-emphasis) !important; }
128-
.color-bg-warning { background-color: var(--color-attention-subtle) !important; }
129-
.color-bg-warning-inverse { background-color: var(--color-attention-emphasis) !important; }

0 commit comments

Comments
 (0)