@sumup-oss/design-tokens 9.0.0 → 9.1.0-next.1

package/dark-scoped.css

@@ -2,139 +2,139 @@
   --lightningcss-light: ;
   --lightningcss-dark: initial;
   color-scheme: dark;
-  --cui-bg-normal: #171d24;
-  --cui-bg-normal-hovered: #212831;
-  --cui-bg-normal-pressed: #28313c;
-  --cui-bg-normal-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-subtle: #0c0f12;
-  --cui-bg-subtle-hovered: #212b31;
-  --cui-bg-subtle-pressed: #36434a;
-  --cui-bg-subtle-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-highlight: #363c41;
-  --cui-bg-highlight-hovered: #3d4249;
-  --cui-bg-highlight-pressed: #424950;
-  --cui-bg-highlight-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-strong: #fff;
-  --cui-bg-strong-hovered: #f6f8f9;
-  --cui-bg-strong-pressed: #e3e7eb;
-  --cui-bg-strong-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-accent: #0c0f12;
-  --cui-bg-accent-hovered: #20292e;
-  --cui-bg-accent-pressed: #313d43;
-  --cui-bg-accent-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-accent-strong: #e1e7ef;
-  --cui-bg-accent-strong-hovered: #fff;
-  --cui-bg-accent-strong-pressed: #fff;
-  --cui-bg-accent-strong-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-success: rgba(12, 211, 104, .2);
-  --cui-bg-success-hovered: rgba(12, 211, 104, .25);
-  --cui-bg-success-pressed: rgba(12, 211, 104, .3);
-  --cui-bg-success-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-success-strong: #0cd368;
-  --cui-bg-success-strong-hovered: #13e072;
-  --cui-bg-success-strong-pressed: #25e980;
-  --cui-bg-success-strong-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-warning: rgba(245, 158, 28, .2);
-  --cui-bg-warning-hovered: rgba(245, 158, 28, .25);
-  --cui-bg-warning-pressed: rgba(245, 158, 28, .3);
-  --cui-bg-warning-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-warning-strong: #f5b81c;
-  --cui-bg-warning-strong-hovered: #f7c440;
-  --cui-bg-warning-strong-pressed: #f7cb59;
-  --cui-bg-warning-strong-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-danger: rgba(255, 76, 53, .2);
-  --cui-bg-danger-hovered: rgba(255, 76, 53, .2);
-  --cui-bg-danger-pressed: rgba(255, 76, 53, .4);
-  --cui-bg-danger-disabled: rgba(255, 69, 60, .13);
-  --cui-bg-danger-strong: #ff4e37;
-  --cui-bg-danger-strong-hovered: #ff6259;
-  --cui-bg-danger-strong-pressed: #ff827b;
-  --cui-bg-danger-strong-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-promo: rgba(195, 83, 247, .2);
-  --cui-bg-promo-hovered: rgba(195, 83, 247, .25);
-  --cui-bg-promo-pressed: rgba(195, 83, 247, .3);
-  --cui-bg-promo-disabled: rgba(216, 232, 248, .08);
-  --cui-bg-promo-strong: #c353f7;
-  --cui-bg-promo-strong-hovered: #c768f3;
-  --cui-bg-promo-strong-pressed: #ce72f8;
-  --cui-bg-promo-strong-disabled: rgba(216, 232, 248, .08);
-  --cui-fg-normal: #fff;
-  --cui-fg-normal-hovered: rgba(255, 255, 255, .8);
-  --cui-fg-normal-pressed: #e3e7eb;
-  --cui-fg-normal-disabled: rgba(230, 224, 233, .2);
-  --cui-fg-subtle: rgba(223, 232, 241, .6);
-  --cui-fg-subtle-hovered: rgba(223, 232, 241, .7);
-  --cui-fg-subtle-pressed: rgba(223, 232, 241, .8);
-  --cui-fg-subtle-disabled: rgba(216, 232, 248, .2);
-  --cui-fg-placeholder: #555d62;
-  --cui-fg-placeholder-hovered: #687278;
-  --cui-fg-placeholder-pressed: #7c878d;
-  --cui-fg-placeholder-disabled: rgba(85, 93, 98, .5);
-  --cui-fg-on-strong: #0f131a;
-  --cui-fg-on-strong-hovered: #0f131a;
-  --cui-fg-on-strong-pressed: #0f131a;
-  --cui-fg-on-strong-disabled: rgba(216, 232, 248, .3);
-  --cui-fg-on-strong-subtle: rgba(15, 19, 26, .7);
-  --cui-fg-on-strong-subtle-hovered: rgba(15, 19, 26, .7);
-  --cui-fg-on-strong-subtle-pressed: rgba(15, 19, 26, .7);
-  --cui-fg-on-strong-subtle-disabled: rgba(216, 232, 248, .2);
-  --cui-fg-accent: #e1e7ef;
-  --cui-fg-accent-hovered: #fff;
-  --cui-fg-accent-pressed: #fff;
-  --cui-fg-accent-disabled: rgba(216, 232, 248, .3);
-  --cui-fg-success: #17db72;
-  --cui-fg-success-hovered: #13e072;
-  --cui-fg-success-pressed: #25e980;
-  --cui-fg-success-disabled: rgba(216, 232, 248, .3);
-  --cui-fg-warning: #f5b81c;
-  --cui-fg-warning-hovered: #f7c440;
-  --cui-fg-warning-pressed: #f7cb59;
-  --cui-fg-warning-disabled: rgba(216, 232, 248, .3);
-  --cui-fg-danger: #ff634e;
-  --cui-fg-danger-hovered: #ff5c47;
-  --cui-fg-danger-pressed: #ff6a57;
-  --cui-fg-danger-disabled: rgba(255, 178, 167, .7);
-  --cui-fg-promo: #cf7bf6;
-  --cui-fg-promo-hovered: #c768f3;
-  --cui-fg-promo-pressed: #ce72f8;
-  --cui-fg-promo-disabled: rgba(216, 232, 248, .3);
-  --cui-border-normal: rgba(223, 232, 241, .3);
-  --cui-border-normal-hovered: rgba(223, 232, 241, .35);
-  --cui-border-normal-pressed: rgba(223, 232, 241, .45);
-  --cui-border-normal-disabled: rgba(216, 232, 248, .3);
-  --cui-border-subtle: rgba(223, 232, 241, .15);
-  --cui-border-subtle-hovered: rgba(223, 232, 241, .2);
-  --cui-border-subtle-pressed: rgba(223, 232, 241, .3);
-  --cui-border-subtle-disabled: rgba(216, 232, 248, .1);
-  --cui-border-divider: rgba(216, 232, 248, .3);
-  --cui-border-divider-hovered: rgba(223, 232, 241, .35);
-  --cui-border-divider-pressed: rgba(223, 232, 241, .45);
-  --cui-border-divider-disabled: rgba(216, 232, 248, .15);
-  --cui-border-strong: #fff;
-  --cui-border-strong-hovered: #f6f8f9;
-  --cui-border-strong-pressed: #e3e7eb;
-  --cui-border-strong-disabled: rgba(216, 232, 248, .15);
-  --cui-border-accent: #fff;
-  --cui-border-accent-hovered: #f6f8f9;
-  --cui-border-accent-pressed: #e3e7eb;
-  --cui-border-accent-disabled: rgba(216, 232, 248, .15);
-  --cui-border-success: #0cd368;
-  --cui-border-success-hovered: #13e072;
-  --cui-border-success-pressed: #25e980;
-  --cui-border-success-disabled: rgba(216, 232, 248, .15);
-  --cui-border-warning: #f5b81c;
-  --cui-border-warning-hovered: #f7c440;
-  --cui-border-warning-pressed: #f7cb59;
-  --cui-border-warning-disabled: rgba(216, 232, 248, .15);
-  --cui-border-danger: #ff634e;
-  --cui-border-danger-hovered: #ff5c47;
-  --cui-border-danger-pressed: #ff6a57;
-  --cui-border-danger-disabled: rgba(255, 178, 167, .7);
-  --cui-border-promo: #c353f7;
-  --cui-border-promo-hovered: #c768f3;
-  --cui-border-promo-pressed: #ce72f8;
-  --cui-border-promo-disabled: rgba(216, 232, 248, .15);
-  --cui-bg-overlay: rgba(0, 0, 0, .7);
-  --cui-bg-elevated: #2f3438;
-  --cui-border-focus: #fff;
+  --cui-bg-normal: #1e1c1c;
+  --cui-bg-normal-hovered: #332f2f;
+  --cui-bg-normal-pressed: #4a4444;
+  --cui-bg-normal-disabled: rgba(227, 226, 214, .4);
+  --cui-bg-subtle: #332f2f;
+  --cui-bg-subtle-hovered: #756c6c;
+  --cui-bg-subtle-pressed: #b7b0a9;
+  --cui-bg-subtle-disabled: rgba(183, 176, 169, .4);
+  --cui-bg-highlight: #443e3e;
+  --cui-bg-highlight-hovered: #605a5a;
+  --cui-bg-highlight-pressed: #756c6c;
+  --cui-bg-highlight-disabled: rgba(117, 108, 108, .2);
+  --cui-bg-strong: #f0f1e7;
+  --cui-bg-strong-hovered: #e3e2d6;
+  --cui-bg-strong-pressed: #d0cdc3;
+  --cui-bg-strong-disabled: rgba(227, 226, 214, .4);
+  --cui-bg-accent: #332f2f;
+  --cui-bg-accent-hovered: #756c6c;
+  --cui-bg-accent-pressed: #b7b0a9;
+  --cui-bg-accent-disabled: rgba(183, 176, 169, .4);
+  --cui-bg-accent-strong: #f0f1e7;
+  --cui-bg-accent-strong-hovered: #d8d7c7;
+  --cui-bg-accent-strong-pressed: #c9c8b6;
+  --cui-bg-accent-strong-disabled: rgba(227, 226, 214, .4);
+  --cui-bg-success: rgba(32, 184, 57, .2);
+  --cui-bg-success-hovered: rgba(32, 184, 57, .4);
+  --cui-bg-success-pressed: rgba(32, 184, 57, .6);
+  --cui-bg-success-disabled: rgba(32, 184, 57, .1);
+  --cui-bg-success-strong: #20b839;
+  --cui-bg-success-strong-hovered: #179d2d;
+  --cui-bg-success-strong-pressed: #118324;
+  --cui-bg-success-strong-disabled: rgba(32, 184, 57, .1);
+  --cui-bg-warning: rgba(248, 171, 47, .2);
+  --cui-bg-warning-hovered: rgba(248, 171, 47, .4);
+  --cui-bg-warning-pressed: rgba(248, 171, 47, .6);
+  --cui-bg-warning-disabled: rgba(248, 171, 47, .1);
+  --cui-bg-warning-strong: #f8ab2f;
+  --cui-bg-warning-strong-hovered: #e89c21;
+  --cui-bg-warning-strong-pressed: #d0850c;
+  --cui-bg-warning-strong-disabled: rgba(248, 171, 47, .1);
+  --cui-bg-danger: rgba(255, 76, 5, .3);
+  --cui-bg-danger-hovered: #e76942;
+  --cui-bg-danger-pressed: #cd5531;
+  --cui-bg-danger-disabled: rgba(255, 132, 95, .2);
+  --cui-bg-danger-strong: #ff4c05;
+  --cui-bg-danger-strong-hovered: #e94201;
+  --cui-bg-danger-strong-pressed: #d24008;
+  --cui-bg-danger-strong-disabled: rgba(255, 72, 0, .1);
+  --cui-bg-promo: #ff61f2;
+  --cui-bg-promo-hovered: #ec58e0;
+  --cui-bg-promo-pressed: #e04fd4;
+  --cui-bg-promo-disabled: rgba(255, 97, 242, .1);
+  --cui-bg-promo-strong: #ed54e0;
+  --cui-bg-promo-strong-hovered: #df49d2;
+  --cui-bg-promo-strong-pressed: #c934bd;
+  --cui-bg-promo-strong-disabled: rgba(237, 84, 224, .1);
+  --cui-fg-normal: #f0f1e7;
+  --cui-fg-normal-hovered: #e3e2d6;
+  --cui-fg-normal-pressed: #d0cdc3;
+  --cui-fg-normal-disabled: rgba(227, 226, 214, .4);
+  --cui-fg-subtle: #b7b0a9;
+  --cui-fg-subtle-hovered: #756c6c;
+  --cui-fg-subtle-pressed: #b7b0a9;
+  --cui-fg-subtle-disabled: rgba(183, 176, 169, .4);
+  --cui-fg-placeholder: #8c8282;
+  --cui-fg-placeholder-hovered: #584e4e;
+  --cui-fg-placeholder-pressed: #332f2f;
+  --cui-fg-placeholder-disabled: rgba(117, 108, 108, .4);
+  --cui-fg-on-strong: #1e1c1c;
+  --cui-fg-on-strong-hovered: #fff;
+  --cui-fg-on-strong-pressed: #fff;
+  --cui-fg-on-strong-disabled: rgba(255, 255, 255, .4);
+  --cui-fg-on-strong-subtle: rgba(30, 28, 28, .7);
+  --cui-fg-on-strong-subtle-hovered: rgba(255, 255, 255, .7);
+  --cui-fg-on-strong-subtle-pressed: rgba(255, 255, 255, .7);
+  --cui-fg-on-strong-subtle-disabled: rgba(255, 255, 255, .3);
+  --cui-fg-accent: #b9aead;
+  --cui-fg-accent-hovered: #968c8b;
+  --cui-fg-accent-pressed: #756c6c;
+  --cui-fg-accent-disabled: rgba(185, 174, 173, .2);
+  --cui-fg-success: #1fbc3a;
+  --cui-fg-success-hovered: #18aa30;
+  --cui-fg-success-pressed: #16982c;
+  --cui-fg-success-disabled: rgba(31, 188, 58, .2);
+  --cui-fg-warning: #df9d30;
+  --cui-fg-warning-hovered: #9d6814;
+  --cui-fg-warning-pressed: #8e5c0c;
+  --cui-fg-warning-disabled: rgba(174, 121, 35, .2);
+  --cui-fg-danger: #ff845f;
+  --cui-fg-danger-hovered: #ce3c02;
+  --cui-fg-danger-pressed: #b93502;
+  --cui-fg-danger-disabled: rgba(230, 65, 0, .1);
+  --cui-fg-promo: #ff61f2;
+  --cui-fg-promo-hovered: #ec58e0;
+  --cui-fg-promo-pressed: #e04fd4;
+  --cui-fg-promo-disabled: rgba(255, 97, 242, .2);
+  --cui-border-normal: #756c6c;
+  --cui-border-normal-hovered: #d0cdc3;
+  --cui-border-normal-pressed: #b7b0a9;
+  --cui-border-normal-disabled: rgba(227, 226, 214, .3);
+  --cui-border-subtle: #b7b0a9;
+  --cui-border-subtle-hovered: #e3e2d6;
+  --cui-border-subtle-pressed: #d0cdc3;
+  --cui-border-subtle-disabled: rgba(240, 241, 231, .5);
+  --cui-border-divider: #514a4a;
+  --cui-border-divider-hovered: #e3e2d6;
+  --cui-border-divider-pressed: #d0cdc3;
+  --cui-border-divider-disabled: rgba(240, 241, 231, .5);
+  --cui-border-strong: #e3e2d6;
+  --cui-border-strong-hovered: #d8d7c7;
+  --cui-border-strong-pressed: #c9c8b6;
+  --cui-border-strong-disabled: rgba(227, 226, 214, .4);
+  --cui-border-accent: #d0cdc3;
+  --cui-border-accent-hovered: #b7b0a9;
+  --cui-border-accent-pressed: #756c6c;
+  --cui-border-accent-disabled: rgba(208, 205, 195, .2);
+  --cui-border-success: #20b839;
+  --cui-border-success-hovered: #12a129;
+  --cui-border-success-pressed: #0f9024;
+  --cui-border-success-disabled: rgba(32, 184, 57, .2);
+  --cui-border-warning: #f8ab2f;
+  --cui-border-warning-hovered: #e89c21;
+  --cui-border-warning-pressed: #d0850c;
+  --cui-border-warning-disabled: rgba(248, 171, 47, .4);
+  --cui-border-danger: #ff4800;
+  --cui-border-danger-hovered: #bd2c19;
+  --cui-border-danger-pressed: #cc3a00;
+  --cui-border-danger-disabled: rgba(255, 72, 0, .4);
+  --cui-border-promo: #ff61f2;
+  --cui-border-promo-hovered: #ec58e0;
+  --cui-border-promo-pressed: #e04fd4;
+  --cui-border-promo-disabled: rgba(237, 84, 224, .4);
+  --cui-bg-overlay: rgba(30, 28, 28, .6);
+  --cui-bg-elevated: #1e1c1c;
+  --cui-border-focus: #f0f1e7;
 }