Skip to content

Commit

Permalink
Fix bg/danger color value (#1959)
Browse files Browse the repository at this point in the history
  • Loading branch information
@connor-baer
connor-baer authored Feb 22, 2023
1 parent f8f266d commit f5c4858
Show file tree
Hide file tree
Showing 4 changed files with 9 additions and 4 deletions.
5 changes: 5 additions & 0 deletions .changeset/proud-walls-kneel.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@sumup/circuit-ui': patch
---

Fixed the value of the `--cui-bg-danger` color token.
4 changes: 2 additions & 2 deletions .storybook/preview-head.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@
--cui-bg-warning-strong-pressed: #b25c00;
--cui-bg-warning-strong-disabled: rgba(232, 124, 0, 0.4);
/* Danger backgrounds */
--cui-bg-danger: #b25c00;
--cui-bg-danger: #fbe9e7;
--cui-bg-danger-hovered: #fcddd9;
--cui-bg-danger-pressed: #f7ccc7;
--cui-bg-danger-disabled: rgba(247, 204, 199, 0.4);
Expand Down Expand Up @@ -225,7 +225,7 @@
--cui-bg-warning-strong-pressed: #b25c00;
--cui-bg-warning-strong-disabled: rgba(232, 124, 0, 0.4);
/* Danger backgrounds */
--cui-bg-danger: #b25c00;
--cui-bg-danger: #fbe9e7;
--cui-bg-danger-hovered: #fcddd9;
--cui-bg-danger-pressed: #f7ccc7;
--cui-bg-danger-disabled: rgba(247, 204, 199, 0.4);
Expand Down
2 changes: 1 addition & 1 deletion packages/circuit-ui/components/BaseStyles/BaseStylesService.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ export const createBaseStyles = ({
--cui-bg-warning-strong-pressed: #b25c00;
--cui-bg-warning-strong-disabled: rgba(232, 124, 0, 0.4);
/* Danger backgrounds */
--cui-bg-danger: #b25c00;
--cui-bg-danger: #fbe9e7;
--cui-bg-danger-hovered: #fcddd9;
--cui-bg-danger-pressed: #f7ccc7;
--cui-bg-danger-disabled: rgba(247, 204, 199, 0.4);
Expand Down
2 changes: 1 addition & 1 deletion packages/circuit-ui/components/BaseStyles/__snapshots__/BaseStylesService.spec.ts.snap
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`BaseStylesService should return the global base styles 1`] = `"@font-face{font-family:'aktiv-grotesk';font-weight:400;font-display:swap;src:url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff2') format('woff2'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff') format('woff'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.eot') format('embedded-opentype');}@font-face{font-family:'aktiv-grotesk';font-weight:700;font-display:swap;src:url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff2') format('woff2'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff') format('woff'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.eot') format('embedded-opentype');}:root{--cui-bg-normal:#ffffff;--cui-bg-normal-hovered:#f5f5f5;--cui-bg-normal-pressed:#e6e6e6;--cui-bg-normal-disabled:rgba(255, 255, 255, 0.4);--cui-bg-subtle:#f5f5f5;--cui-bg-subtle-hovered:#e6e6e6;--cui-bg-subtle-pressed:#cccccc;--cui-bg-subtle-disabled:rgba(245, 245, 245, 0.4);--cui-bg-highlight:#e6e6e6;--cui-bg-highlight-hovered:#cccccc;--cui-bg-highlight-pressed:#999999;--cui-bg-highlight-disabled:rgba(230, 230, 230, 0.4);--cui-bg-strong:#000000;--cui-bg-strong-hovered:#000000;--cui-bg-strong-pressed:#000000;--cui-bg-strong-disabled:rgba(0, 0, 0, 0.4);--cui-bg-accent:#ebf4ff;--cui-bg-accent-hovered:#dbe9ff;--cui-bg-accent-pressed:#c7dbff;--cui-bg-accent-disabled:rgba(235, 244, 255, 0.4);--cui-bg-accent-strong:#3064e3;--cui-bg-accent-strong-hovered:#1c51d3;--cui-bg-accent-strong-pressed:#10399e;--cui-bg-accent-strong-disabled:rgba(48, 100, 227, 0.4);--cui-bg-success:#e9fbe9;--cui-bg-success-hovered:#d7f8d7;--cui-bg-success-pressed:#c1e8c1;--cui-bg-success-disabled:rgba(193, 232, 193, 0.4);--cui-bg-success-strong:#018850;--cui-bg-success-strong-hovered:#007a4e;--cui-bg-success-strong-pressed:#016c26;--cui-bg-success-strong-disabled:rgba(1, 135, 48, 0.4);--cui-bg-warning:#fdf4db;--cui-bg-warning-hovered:#faeec6;--cui-bg-warning-pressed:#f5dea3;--cui-bg-warning-disabled:rgba(245, 222, 163, 0.4);--cui-bg-warning-strong:#e87c00;--cui-bg-warning-strong-hovered:#cc6d00;--cui-bg-warning-strong-pressed:#b25c00;--cui-bg-warning-strong-disabled:rgba(232, 124, 0, 0.4);--cui-bg-danger:#b25c00;--cui-bg-danger-hovered:#fcddd9;--cui-bg-danger-pressed:#f7ccc7;--cui-bg-danger-disabled:rgba(247, 204, 199, 0.4);--cui-bg-danger-strong:#de331d;--cui-bg-danger-strong-hovered:#bd2c19;--cui-bg-danger-strong-pressed:#9e2415;--cui-bg-danger-strong-disabled:rgba(222, 51, 29, 0.4);--cui-bg-promo:#f5edfe;--cui-bg-promo-hovered:#ede0fc;--cui-bg-promo-pressed:#e0c9f8;--cui-bg-promo-disabled:rgba(224, 201, 248, 0.4);--cui-bg-promo-strong:#9e33e0;--cui-bg-promo-strong-hovered:#8a1ecc;--cui-bg-promo-strong-pressed:#7219a9;--cui-bg-promo-strong-disabled:rgba(149, 53, 208, 0.4);--cui-fg-normal:#1a1a1a;--cui-fg-normal-hovered:#1a1a1a;--cui-fg-normal-pressed:#1a1a1a;--cui-fg-normal-disabled:rgba(26, 26, 26, 0.4);--cui-fg-subtle:#666666;--cui-fg-subtle-hovered:#333333;--cui-fg-subtle-pressed:#1a1a1a;--cui-fg-subtle-disabled:rgba(102, 102, 102, 0.4);--cui-fg-placeholder:#999999;--cui-fg-placeholder-hovered:#999999;--cui-fg-placeholder-pressed:#999999;--cui-fg-placeholder-disabled:rgba(153, 153, 153, 0.4);--cui-fg-on-strong:#ffffff;--cui-fg-on-strong-hovered:#ffffff;--cui-fg-on-strong-pressed:#ffffff;--cui-fg-on-strong-disabled:rgba(255, 255, 255, 0.4);--cui-fg-accent:#3064e3;--cui-fg-accent-hovered:#1c51d3;--cui-fg-accent-pressed:#10399e;--cui-fg-accent-disabled:rgba(48, 100, 227, 0.4);--cui-fg-success:#018850;--cui-fg-success-hovered:#007a4e;--cui-fg-success-pressed:#016c26;--cui-fg-success-disabled:rgba(1, 135, 48, 0.4);--cui-fg-warning:#e27900;--cui-fg-warning-hovered:#cc6d00;--cui-fg-warning-pressed:#b25c00;--cui-fg-warning-disabled:rgba(232, 124, 0, 0.4);--cui-fg-danger:#de331d;--cui-fg-danger-hovered:#bd2c19;--cui-fg-danger-pressed:#9e2415;--cui-fg-danger-disabled:rgba(222, 51, 29, 0.4);--cui-fg-promo:#9e33e0;--cui-fg-promo-hovered:#8a1ecc;--cui-fg-promo-pressed:#7219a9;--cui-fg-promo-disabled:rgba(149, 53, 208, 0.4);--cui-border-normal:#cccccc;--cui-border-normal-hovered:#999999;--cui-border-normal-pressed:#666666;--cui-border-normal-disabled:rgba(204, 204, 204, 0.4);--cui-border-subtle:#e6e6e6;--cui-border-subtle-hovered:#cccccc;--cui-border-subtle-pressed:#999999;--cui-border-subtle-disabled:rgba(230, 230, 230, 0.4);--cui-border-divider:#cccccc;--cui-border-divider-hovered:#999999;--cui-border-divider-pressed:#666666;--cui-border-divider-disabled:rgba(204, 204, 204, 0.4);--cui-border-strong:#1a1a1a;--cui-border-strong-hovered:#000000;--cui-border-strong-pressed:#000000;--cui-border-strong-disabled:rgba(0, 0, 0, 0.4);--cui-border-accent:#3064e3;--cui-border-accent-hovered:#1c51d3;--cui-border-accent-pressed:#10399e;--cui-border-accent-disabled:rgba(48, 100, 227, 0.4);--cui-border-success:#018850;--cui-border-success-hovered:#007a4e;--cui-border-success-pressed:#016c26;--cui-border-success-disabled:rgba(1, 135, 48, 0.4);--cui-border-warning:#e87c00;--cui-border-warning-hovered:#cc6d00;--cui-border-warning-pressed:#b25c00;--cui-border-warning-disabled:rgba(232, 124, 0, 0.4);--cui-border-danger:#de331d;--cui-border-danger-hovered:#bd2c19;--cui-border-danger-pressed:#9e2415;--cui-border-danger-disabled:rgba(222, 51, 29, 0.4);--cui-border-promo:#9e33e0;--cui-border-promo-hovered:#8a1ecc;--cui-border-promo-pressed:#7219a9;--cui-border-promo-disabled:rgba(149, 53, 208, 0.4);--cui-bg-overlay:rgba(0, 0, 0, 0.4);--cui-border-focus:#ebf4ff;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}*,*::before,*::after{box-sizing:inherit;}html{box-sizing:border-box;overflow-x:hidden;[type='button']{appearance:none;}}body{background-color:#FFF;color:#1A1A1A;font-size:1rem;line-height:1.5rem;;label:typography;;;}html,body,input,select,optgroup,textarea,button{font-weight:400;font-family:aktiv-grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-feature-settings:'kern';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}pre,code{font-family:Consolas, monaco, monospace;};label:createBaseStyles;"`;
exports[`BaseStylesService should return the global base styles 1`] = `"@font-face{font-family:'aktiv-grotesk';font-weight:400;font-display:swap;src:url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff2') format('woff2'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff') format('woff'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.eot') format('embedded-opentype');}@font-face{font-family:'aktiv-grotesk';font-weight:700;font-display:swap;src:url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff2') format('woff2'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff') format('woff'),url('https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.eot') format('embedded-opentype');}:root{--cui-bg-normal:#ffffff;--cui-bg-normal-hovered:#f5f5f5;--cui-bg-normal-pressed:#e6e6e6;--cui-bg-normal-disabled:rgba(255, 255, 255, 0.4);--cui-bg-subtle:#f5f5f5;--cui-bg-subtle-hovered:#e6e6e6;--cui-bg-subtle-pressed:#cccccc;--cui-bg-subtle-disabled:rgba(245, 245, 245, 0.4);--cui-bg-highlight:#e6e6e6;--cui-bg-highlight-hovered:#cccccc;--cui-bg-highlight-pressed:#999999;--cui-bg-highlight-disabled:rgba(230, 230, 230, 0.4);--cui-bg-strong:#000000;--cui-bg-strong-hovered:#000000;--cui-bg-strong-pressed:#000000;--cui-bg-strong-disabled:rgba(0, 0, 0, 0.4);--cui-bg-accent:#ebf4ff;--cui-bg-accent-hovered:#dbe9ff;--cui-bg-accent-pressed:#c7dbff;--cui-bg-accent-disabled:rgba(235, 244, 255, 0.4);--cui-bg-accent-strong:#3064e3;--cui-bg-accent-strong-hovered:#1c51d3;--cui-bg-accent-strong-pressed:#10399e;--cui-bg-accent-strong-disabled:rgba(48, 100, 227, 0.4);--cui-bg-success:#e9fbe9;--cui-bg-success-hovered:#d7f8d7;--cui-bg-success-pressed:#c1e8c1;--cui-bg-success-disabled:rgba(193, 232, 193, 0.4);--cui-bg-success-strong:#018850;--cui-bg-success-strong-hovered:#007a4e;--cui-bg-success-strong-pressed:#016c26;--cui-bg-success-strong-disabled:rgba(1, 135, 48, 0.4);--cui-bg-warning:#fdf4db;--cui-bg-warning-hovered:#faeec6;--cui-bg-warning-pressed:#f5dea3;--cui-bg-warning-disabled:rgba(245, 222, 163, 0.4);--cui-bg-warning-strong:#e87c00;--cui-bg-warning-strong-hovered:#cc6d00;--cui-bg-warning-strong-pressed:#b25c00;--cui-bg-warning-strong-disabled:rgba(232, 124, 0, 0.4);--cui-bg-danger:#fbe9e7;--cui-bg-danger-hovered:#fcddd9;--cui-bg-danger-pressed:#f7ccc7;--cui-bg-danger-disabled:rgba(247, 204, 199, 0.4);--cui-bg-danger-strong:#de331d;--cui-bg-danger-strong-hovered:#bd2c19;--cui-bg-danger-strong-pressed:#9e2415;--cui-bg-danger-strong-disabled:rgba(222, 51, 29, 0.4);--cui-bg-promo:#f5edfe;--cui-bg-promo-hovered:#ede0fc;--cui-bg-promo-pressed:#e0c9f8;--cui-bg-promo-disabled:rgba(224, 201, 248, 0.4);--cui-bg-promo-strong:#9e33e0;--cui-bg-promo-strong-hovered:#8a1ecc;--cui-bg-promo-strong-pressed:#7219a9;--cui-bg-promo-strong-disabled:rgba(149, 53, 208, 0.4);--cui-fg-normal:#1a1a1a;--cui-fg-normal-hovered:#1a1a1a;--cui-fg-normal-pressed:#1a1a1a;--cui-fg-normal-disabled:rgba(26, 26, 26, 0.4);--cui-fg-subtle:#666666;--cui-fg-subtle-hovered:#333333;--cui-fg-subtle-pressed:#1a1a1a;--cui-fg-subtle-disabled:rgba(102, 102, 102, 0.4);--cui-fg-placeholder:#999999;--cui-fg-placeholder-hovered:#999999;--cui-fg-placeholder-pressed:#999999;--cui-fg-placeholder-disabled:rgba(153, 153, 153, 0.4);--cui-fg-on-strong:#ffffff;--cui-fg-on-strong-hovered:#ffffff;--cui-fg-on-strong-pressed:#ffffff;--cui-fg-on-strong-disabled:rgba(255, 255, 255, 0.4);--cui-fg-accent:#3064e3;--cui-fg-accent-hovered:#1c51d3;--cui-fg-accent-pressed:#10399e;--cui-fg-accent-disabled:rgba(48, 100, 227, 0.4);--cui-fg-success:#018850;--cui-fg-success-hovered:#007a4e;--cui-fg-success-pressed:#016c26;--cui-fg-success-disabled:rgba(1, 135, 48, 0.4);--cui-fg-warning:#e27900;--cui-fg-warning-hovered:#cc6d00;--cui-fg-warning-pressed:#b25c00;--cui-fg-warning-disabled:rgba(232, 124, 0, 0.4);--cui-fg-danger:#de331d;--cui-fg-danger-hovered:#bd2c19;--cui-fg-danger-pressed:#9e2415;--cui-fg-danger-disabled:rgba(222, 51, 29, 0.4);--cui-fg-promo:#9e33e0;--cui-fg-promo-hovered:#8a1ecc;--cui-fg-promo-pressed:#7219a9;--cui-fg-promo-disabled:rgba(149, 53, 208, 0.4);--cui-border-normal:#cccccc;--cui-border-normal-hovered:#999999;--cui-border-normal-pressed:#666666;--cui-border-normal-disabled:rgba(204, 204, 204, 0.4);--cui-border-subtle:#e6e6e6;--cui-border-subtle-hovered:#cccccc;--cui-border-subtle-pressed:#999999;--cui-border-subtle-disabled:rgba(230, 230, 230, 0.4);--cui-border-divider:#cccccc;--cui-border-divider-hovered:#999999;--cui-border-divider-pressed:#666666;--cui-border-divider-disabled:rgba(204, 204, 204, 0.4);--cui-border-strong:#1a1a1a;--cui-border-strong-hovered:#000000;--cui-border-strong-pressed:#000000;--cui-border-strong-disabled:rgba(0, 0, 0, 0.4);--cui-border-accent:#3064e3;--cui-border-accent-hovered:#1c51d3;--cui-border-accent-pressed:#10399e;--cui-border-accent-disabled:rgba(48, 100, 227, 0.4);--cui-border-success:#018850;--cui-border-success-hovered:#007a4e;--cui-border-success-pressed:#016c26;--cui-border-success-disabled:rgba(1, 135, 48, 0.4);--cui-border-warning:#e87c00;--cui-border-warning-hovered:#cc6d00;--cui-border-warning-pressed:#b25c00;--cui-border-warning-disabled:rgba(232, 124, 0, 0.4);--cui-border-danger:#de331d;--cui-border-danger-hovered:#bd2c19;--cui-border-danger-pressed:#9e2415;--cui-border-danger-disabled:rgba(222, 51, 29, 0.4);--cui-border-promo:#9e33e0;--cui-border-promo-hovered:#8a1ecc;--cui-border-promo-pressed:#7219a9;--cui-border-promo-disabled:rgba(149, 53, 208, 0.4);--cui-bg-overlay:rgba(0, 0, 0, 0.4);--cui-border-focus:#ebf4ff;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}*,*::before,*::after{box-sizing:inherit;}html{box-sizing:border-box;overflow-x:hidden;[type='button']{appearance:none;}}body{background-color:#FFF;color:#1A1A1A;font-size:1rem;line-height:1.5rem;;label:typography;;;}html,body,input,select,optgroup,textarea,button{font-weight:400;font-family:aktiv-grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-feature-settings:'kern';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}pre,code{font-family:Consolas, monaco, monospace;};label:createBaseStyles;"`;

1 comment on commit f5c4858

@vercel
Copy link

@vercel vercel bot commented on f5c4858 Feb 22, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

oss-circuit-ui – ./

oss-circuit-ui.sumup-vercel.app
circuit.sumup.com
oss-circuit-ui-git-main.sumup-vercel.app
circuit-ui.vercel.app

Please sign in to comment.