Skip to content

Commit

Permalink
Updating no-deprecated-colors for color update (#322)
Browse files Browse the repository at this point in the history 
* Updating no-deprecated-colors for color update

* add json file for map

* Update tests and clean up rule

* Remove lodash.kebabcase

* No more removed option

* Create .changeset/selfish-hats-breathe.md

* start adding fallback plugin

* Update index.js

Remove trailing comma

* Revert "start adding fallback plugin"

This reverts commit 37bb81b.

---------

Co-authored-by: langermank <18661030+langermank@users.noreply.github.com>
Co-authored-by: Lukas Oppermann <lukasoppermann@github.com>
  • Loading branch information
@jonrohan @langermank @lukasoppermann
3 people committed Apr 20, 2023
1 parent e005cae commit 726d7d1
Show file tree
Hide file tree
Showing 8 changed files with 760 additions and 192 deletions.
5 changes: 5 additions & 0 deletions .changeset/selfish-hats-breathe.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@primer/stylelint-config": patch
---

Updating no-deprecated-colors for primitives v8
144 changes: 71 additions & 73 deletions __tests__/__fixtures__/color-vars.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,116 +131,114 @@
--color-bg-success-inverse: #28a745;
--color-bg-warning: #fff5b1;
--color-bg-warning-inverse: #dbab09;
--color-shadow-small: 0 1px 0 rgba(27,31,35,0.04);
--color-shadow-medium: 0 3px 6px rgba(149,157,165,0.15);
--color-shadow-large: 0 8px 24px rgba(149,157,165,0.2);
--color-shadow-extra-large: 0 12px 48px rgba(149,157,165,0.3);
--color-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
--color-shadow-inset: inset 0 1px 0 rgba(225,228,232,0.2);
--color-shadow-focus: 0 0 0 3px rgba(3,102,214,0.3);
--color-fade-black-10: rgba(27,31,35,0.1);
--color-fade-black-15: rgba(27,31,35,0.15);
--color-fade-black-30: rgba(27,31,35,0.3);
--color-fade-black-50: rgba(27,31,35,0.5);
--color-fade-black-70: rgba(27,31,35,0.7);
--color-fade-black-85: rgba(27,31,35,0.85);
--color-fade-white-10: rgba(255,255,255,0.1);
--color-fade-white-15: rgba(255,255,255,0.15);
--color-fade-white-30: rgba(255,255,255,0.3);
--color-fade-white-50: rgba(255,255,255,0.5);
--color-fade-white-70: rgba(255,255,255,0.7);
--color-fade-white-85: rgba(255,255,255,0.85);
--color-shadow-small: 0 1px 0 rgba(27, 31, 35, 0.04);
--color-shadow-medium: 0 3px 6px rgba(149, 157, 165, 0.15);
--color-shadow-large: 0 8px 24px rgba(149, 157, 165, 0.2);
--color-shadow-extra-large: 0 12px 48px rgba(149, 157, 165, 0.3);
--color-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
--color-shadow-inset: inset 0 1px 0 rgba(225, 228, 232, 0.2);
--color-shadow-focus: 0 0 0 3px rgba(3, 102, 214, 0.3);
--color-fade-black-10: rgba(27, 31, 35, 0.1);
--color-fade-black-15: rgba(27, 31, 35, 0.15);
--color-fade-black-30: rgba(27, 31, 35, 0.3);
--color-fade-black-50: rgba(27, 31, 35, 0.5);
--color-fade-black-70: rgba(27, 31, 35, 0.7);
--color-fade-black-85: rgba(27, 31, 35, 0.85);
--color-fade-white-10: rgba(255, 255, 255, 0.1);
--color-fade-white-15: rgba(255, 255, 255, 0.15);
--color-fade-white-30: rgba(255, 255, 255, 0.3);
--color-fade-white-50: rgba(255, 255, 255, 0.5);
--color-fade-white-70: rgba(255, 255, 255, 0.7);
--color-fade-white-85: rgba(255, 255, 255, 0.85);
--color-alert-bg: #dbedff;
--color-alert-border: rgba(4,66,137,0.2);
--color-alert-icon: rgba(4,66,137,0.6);
--color-alert-border: rgba(4, 66, 137, 0.2);
--color-alert-icon: rgba(4, 66, 137, 0.6);
--color-alert-warn-bg: #fffbdd;
--color-alert-warn-border: rgba(176,136,0,0.2);
--color-alert-warn-border: rgba(176, 136, 0, 0.2);
--color-alert-warn-icon: #b08800;
--color-alert-error-bg: #ffe3e6;
--color-alert-error-border: rgba(158,28,35,0.2);
--color-alert-error-icon: rgba(158,28,35,0.6);
--color-alert-error-border: rgba(158, 28, 35, 0.2);
--color-alert-error-icon: rgba(158, 28, 35, 0.6);
--color-alert-success-bg: #dcffe4;
--color-alert-success-border: rgba(23,111,44,0.2);
--color-alert-success-icon: rgba(23,111,44,0.8);
--color-alert-success-border: rgba(23, 111, 44, 0.2);
--color-alert-success-icon: rgba(23, 111, 44, 0.8);
--color-blankslate-icon: #a3aab1;
--color-btn-bg: #fafbfc;
--color-btn-border: rgba(27,31,35,0.15);
--color-btn-border: rgba(27, 31, 35, 0.15);
--color-btn-text: #24292e;
--color-btn-ic: #6a737d;
--color-btn-bg-hover: #f3f4f6;
--color-btn-bg-active: #edeff2;
--color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
--color-btn-shadow-input-focus: 0 0 0 0.2em rgba(3,102,214,0.3);
--color-btn-primary-bg: #2ea44f;
--color-btn-primary-border: rgba(27,31,35,0.15);
--color-btn-primary-border-disabled: rgba(27,31,35,0.1);
--color-btn-primary-border: rgba(27, 31, 35, 0.15);
--color-btn-primary-border-disabled: rgba(27, 31, 35, 0.1);
--color-btn-primary-text: #ffffff;
--color-btn-primary-ic: rgba(255,255,255,0.8);
--color-btn-primary-shadow: 0 1px 0 rgba(27,31,35,0.1);
--color-btn-primary-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.03);
--color-btn-primary-shadow-selected: inset 0 1px 0 rgba(20,70,32,0.2);
--color-btn-primary-ic: rgba(255, 255, 255, 0.8);
--color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 35, 0.1);
--color-btn-primary-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.03);
--color-btn-primary-shadow-selected: inset 0 1px 0 rgba(20, 70, 32, 0.2);
--color-btn-primary-bg-hover: #2c974b;
--color-btn-primary-bg-active: #2a8f47;
--color-btn-primary-bg-disabled: #94d3a2;
--color-btn-primary-disabled-text: rgba(255,255,255,0.8);
--color-btn-primary-disabled-shadow: 0 0 0 3px rgba(46,164,79,0.4);
--color-btn-primary-counter-bg: rgba(255,255,255,0.2);
--color-btn-inverse-on-hover-border: rgba(27,31,35,0.15);
--color-btn-inverse-on-hover-shadow: 0 1px 0 rgba(27,31,35,0.1);
--color-btn-inverse-on-hover-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.03);
--color-btn-inverse-on-hover-counter-bg: rgba(255,255,255,0.2);
--color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8);
--color-btn-primary-disabled-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);
--color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);
--color-btn-inverse-on-hover-border: rgba(27, 31, 35, 0.15);
--color-btn-inverse-on-hover-shadow: 0 1px 0 rgba(27, 31, 35, 0.1);
--color-btn-inverse-on-hover-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.03);
--color-btn-inverse-on-hover-counter-bg: rgba(255, 255, 255, 0.2);
--color-btn-danger-text: #d73a49;
--color-btn-danger-text-disabled: rgba(215,58,73,0.5);
--color-btn-danger-text-disabled: rgba(215, 58, 73, 0.5);
--color-btn-danger-bg-hover: #cb2431;
--color-btn-danger-bg-active: #be222e;
--color-btn-danger-shadow: inset 0 1px 0 rgba(134,24,29,0.2);
--color-btn-danger-shadow-focus: 0 0 0 3px rgba(203,36,49,0.4);
--color-btn-danger-counter-bg: rgba(215,58,73,0.1);
--color-btn-danger-counter-bg-disabled: rgba(215,58,73,0.05);
--color-btn-danger-shadow: inset 0 1px 0 rgba(134, 24, 29, 0.2);
--color-btn-danger-shadow-focus: 0 0 0 3px rgba(203, 36, 49, 0.4);
--color-btn-danger-counter-bg: rgba(215, 58, 73, 0.1);
--color-btn-danger-counter-bg-disabled: rgba(215, 58, 73, 0.05);
--color-btn-outline-text: #0366d6;
--color-btn-outline-text-disabled: rgba(3,102,214,0.5);
--color-btn-outline-text-disabled: rgba(3, 102, 214, 0.5);
--color-btn-outline-bg-hover: #0366d6;
--color-btn-outline-bg-active: #035fc7;
--color-btn-outline-shadow: inset 0 1px 0 rgba(5,38,76,0.2);
--color-btn-outline-shadow-focus: 0 0 0 3px rgba(0,92,197,0.4);
--color-btn-outline-counter-bg: rgba(3,102,214,0.1);
--color-btn-outline-counter-bg-disabled: rgba(3,102,214,0.05);
--color-btn-counter-bg: rgba(27,31,35,0.08);
--color-btn-outline-shadow: inset 0 1px 0 rgba(5, 38, 76, 0.2);
--color-btn-outline-shadow-focus: 0 0 0 3px rgba(0, 92, 197, 0.4);
--color-btn-outline-counter-bg: rgba(3, 102, 214, 0.1);
--color-btn-outline-counter-bg-disabled: rgba(3, 102, 214, 0.05);
--color-btn-counter-bg: rgba(27, 31, 35, 0.08);
--color-counter-text: #24292e;
--color-counter-bg: rgba(209,213,218,0.5);
--color-counter-border: rgba(209,213,218,0.5);
--color-counter-bg: rgba(209, 213, 218, 0.5);
--color-counter-border: rgba(209, 213, 218, 0.5);
--color-topic-tag-bg: #f1f8ff;
--color-topic-tag-border: #f1f8ff;
--color-topic-tag-text: #0366d6;
--color-input-bg: #ffffff;
--color-input-contrast-bg: #fafbfc;
--color-input-shadow: inset 0 1px 2px rgba(27,31,35,0.075);
--color-input-shadow-focus: 0 0 0 0.2em rgba(3,102,214,0.3);
--color-avatar-border: rgba(27,31,35,0.1);
--color-input-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
--color-input-shadow-focus: 0 0 0 0.2em rgba(3, 102, 214, 0.3);
--color-avatar-border: rgba(27, 31, 35, 0.1);
--color-avatar-stack-fade: #d1d5da;
--color-avatar-stack-fade-more: #e1e4e8;
--color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
--color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8);
--color-toast-ic-bg-loading: #586069;
--color-timeline-text: #444d56;
--color-timeline-badge-bg: #e1e4e8;
--color-timeline-target-badge-border: #2188ff;
--color-timeline-target-badge-shadow: #c8e1ff;
--color-select-menu-backdrop-bg: rgba(27,31,35,0.5);
--color-select-menu-shadow: 0 0 18px rgba(27,31,35,0.4);
--color-select-menu-tap-highlight: rgba(209,213,218,0.5);
--color-select-menu-backdrop-bg: rgba(27, 31, 35, 0.5);
--color-select-menu-shadow: 0 0 18px rgba(27, 31, 35, 0.4);
--color-select-menu-tap-highlight: rgba(209, 213, 218, 0.5);
--color-select-menu-tap-focus-bg: #dbedff;
--color-box-blue-border: #c8e1ff;
--color-dropdown-border: rgba(27,31,35,0.15);
--color-popover-border: rgba(27,31,35,0.15);
--color-branch-name-text: rgba(27,31,35,0.6);
--color-dropdown-border: rgba(27, 31, 35, 0.15);
--color-popover-border: rgba(27, 31, 35, 0.15);
--color-branch-name-text: rgba(27, 31, 35, 0.6);
--color-branch-name-bg: #eaf5ff;
--color-branch-name-icon: #a8bbd0;
--color-markdown-code-bg: rgba(27,31,35,0.05);
--color-markdown-code-bg: rgba(27, 31, 35, 0.05);
--color-markdown-frame-border: #dfe2e5;
--color-markdown-blockquote-border: #dfe2e5;
--color-markdown-table-border: #dfe2e5;
--color-markdown-table-tr-border: #c6cbd1;
--color-header-text: rgba(255,255,255,0.7);
--color-header-text: rgba(255, 255, 255, 0.7);
--color-filter-item-bar-bg: #eff3f6;
--color-hidden-text-expander-bg: #dfe2e5;
--color-hidden-text-expander-bg-hover: #c6cbd1;
Expand Down Expand Up @@ -270,14 +268,14 @@
--color-global-nav-input-ic: #1b1f23;
--color-global-nav-input-placeholder: #1b1f23;
--color-calendar-graph-day-bg: #ebedf0;
--color-calendar-graph-day-border: rgba(27,31,35,0.06);
--color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
--color-calendar-graph-day-L1-bg: #9be9a8;
--color-calendar-graph-day-L2-bg: #40c463;
--color-calendar-graph-day-L3-bg: #30a14e;
--color-calendar-graph-day-L4-bg: #216e39;
--color-calendar-graph-day-L4-border: rgba(27,31,35,0.06);
--color-calendar-graph-day-L3-border: rgba(27,31,35,0.06);
--color-calendar-graph-day-L2-border: rgba(27,31,35,0.06);
--color-calendar-graph-day-L1-border: rgba(27,31,35,0.06);
--color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
--color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
--color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
--color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
}
}
}
Loading

0 comments on commit 726d7d1

Please sign in to comment.