@sumup-oss/design-tokens 8.0.0-next.1 → 8.0.0-next.3

package/dark.css

@@ -147,8 +147,10 @@
   --cui-border-width-mega: 2px;
   --cui-font-stack-default: "Inter", "Inter-Fallback", Arial, system-ui, sans-serif, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   --cui-font-stack-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
-  --cui-font-weight-regular: 400;
-  --cui-font-weight-bold: 700;
+  --cui-font-weight-regular: 375;
+  --cui-font-weight-semibold: 560;
+  --cui-font-weight-bold: 630;
+  --cui-letter-spacing: -.01375rem;
   --cui-icon-sizes-kilo: 16px;
   --cui-icon-sizes-mega: 24px;
   --cui-icon-sizes-giga: 32px;
@@ -164,51 +166,36 @@
   --cui-spacings-zetta: 56px;
   --cui-transitions-default: .12s ease-in-out;
   --cui-transitions-slow: .3s ease-in-out;
-  --cui-typography-display-l-font-size: 4rem;
-  --cui-typography-display-l-line-height: 4.5rem;
-  --cui-typography-display-l-letter-spacing: 0px;
-  --cui-typography-display-m-font-size: 3rem;
-  --cui-typography-display-m-line-height: 3.5rem;
-  --cui-typography-display-m-letter-spacing: 0px;
-  --cui-typography-display-s-font-size: 2.5rem;
-  --cui-typography-display-s-line-height: 2.875rem;
-  --cui-typography-display-s-letter-spacing: 0px;
-  --cui-typography-headline-l-font-size: 2rem;
-  --cui-typography-headline-l-line-height: 2.25rem;
-  --cui-typography-headline-l-letter-spacing: 0px;
-  --cui-typography-headline-m-font-size: 1.375rem;
-  --cui-typography-headline-m-line-height: 1.625rem;
-  --cui-typography-headline-m-letter-spacing: 0px;
-  --cui-typography-headline-s-font-size: 1.125rem;
-  --cui-typography-headline-s-line-height: 1.375rem;
-  --cui-typography-headline-s-letter-spacing: 0px;
-  --cui-typography-body-l-font-size: 1.25rem;
-  --cui-typography-body-l-line-height: 1.5rem;
-  --cui-typography-body-l-letter-spacing: 0px;
-  --cui-typography-body-m-font-size: 1rem;
-  --cui-typography-body-m-line-height: 1.375rem;
-  --cui-typography-body-m-letter-spacing: 0px;
-  --cui-typography-body-s-font-size: .875rem;
-  --cui-typography-body-s-line-height: 1.24rem;
-  --cui-typography-body-s-letter-spacing: 0px;
-  --cui-typography-compact-l-font-size: 1.125rem;
-  --cui-typography-compact-l-line-height: 1.5rem;
-  --cui-typography-compact-l-letter-spacing: 0px;
-  --cui-typography-compact-m-font-size: .9375rem;
-  --cui-typography-compact-m-line-height: 1.0625rem;
-  --cui-typography-compact-m-letter-spacing: 0px;
-  --cui-typography-compact-s-font-size: .8125rem;
-  --cui-typography-compact-s-line-height: .9375rem;
-  --cui-typography-compact-s-letter-spacing: 0px;
-  --cui-typography-numeral-l-font-size: 3rem;
-  --cui-typography-numeral-l-line-height: 3.375rem;
-  --cui-typography-numeral-l-letter-spacing: 0px;
-  --cui-typography-numeral-m-font-size: 1.5rem;
-  --cui-typography-numeral-m-line-height: 1.75rem;
-  --cui-typography-numeral-m-letter-spacing: 0px;
-  --cui-typography-numeral-s-font-size: 1rem;
-  --cui-typography-numeral-s-line-height: 1rem;
-  --cui-typography-numeral-s-letter-spacing: 0px;
+  --cui-display-l-font-size: 4rem;
+  --cui-display-l-line-height: 4.5rem;
+  --cui-display-m-font-size: 3rem;
+  --cui-display-m-line-height: 3.5rem;
+  --cui-display-s-font-size: 2.5rem;
+  --cui-display-s-line-height: 2.875rem;
+  --cui-headline-l-font-size: 2rem;
+  --cui-headline-l-line-height: 2.25rem;
+  --cui-headline-m-font-size: 1.5rem;
+  --cui-headline-m-line-height: 1.625rem;
+  --cui-headline-s-font-size: 1.125rem;
+  --cui-headline-s-line-height: 1.375rem;
+  --cui-body-l-font-size: 1.25rem;
+  --cui-body-l-line-height: 1.5rem;
+  --cui-body-m-font-size: 1rem;
+  --cui-body-m-line-height: 1.375rem;
+  --cui-body-s-font-size: .875rem;
+  --cui-body-s-line-height: 1.25rem;
+  --cui-compact-l-font-size: 1.125rem;
+  --cui-compact-l-line-height: 1.5rem;
+  --cui-compact-m-font-size: .9375rem;
+  --cui-compact-m-line-height: 1.0625rem;
+  --cui-compact-s-font-size: .8125rem;
+  --cui-compact-s-line-height: .9375rem;
+  --cui-numeral-l-font-size: 3rem;
+  --cui-numeral-l-line-height: 3.375rem;
+  --cui-numeral-m-font-size: 1.5rem;
+  --cui-numeral-m-line-height: 1.75rem;
+  --cui-numeral-s-font-size: 1rem;
+  --cui-numeral-s-line-height: 1.375rem;
   --cui-typography-headline-one-font-size: 2rem;
   --cui-typography-headline-one-line-height: 2.25rem;
   --cui-typography-headline-two-font-size: 1.375rem;

package/dist/cjs/themes/schema.d.ts

@@ -596,6 +596,10 @@ export declare const schema: ({
     name: "--cui-font-weight-regular";
     type: "fontWeight";
     deprecation?: undefined;
+} | {
+    name: "--cui-font-weight-semibold";
+    type: "fontWeight";
+    deprecation?: undefined;
 } | {
     name: "--cui-font-weight-bold";
     type: "fontWeight";
@@ -661,328 +665,272 @@ export declare const schema: ({
     type: "duration";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-display-l-font-size";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-l-line-height";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-l-letter-spacing";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-m-font-size";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-m-line-height";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-m-letter-spacing";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-s-font-size";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-s-line-height";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-display-s-letter-spacing";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-headline-l-font-size";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-headline-l-line-height";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-headline-l-letter-spacing";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-headline-m-font-size";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-headline-m-line-height";
-    type: "dimension";
-    deprecation?: undefined;
-} | {
-    name: "--cui-typography-headline-m-letter-spacing";
+    name: "--cui-display-l-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-headline-s-font-size";
+    name: "--cui-display-l-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-headline-s-line-height";
+    name: "--cui-display-m-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-headline-s-letter-spacing";
+    name: "--cui-display-m-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-l-font-size";
+    name: "--cui-display-s-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-l-line-height";
+    name: "--cui-display-s-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-l-letter-spacing";
+    name: "--cui-headline-l-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-m-font-size";
+    name: "--cui-headline-l-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-m-line-height";
+    name: "--cui-headline-m-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-m-letter-spacing";
+    name: "--cui-headline-m-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-s-font-size";
+    name: "--cui-headline-s-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-s-line-height";
+    name: "--cui-headline-s-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-body-s-letter-spacing";
+    name: "--cui-body-l-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-l-font-size";
+    name: "--cui-body-l-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-l-line-height";
+    name: "--cui-body-m-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-l-letter-spacing";
+    name: "--cui-body-m-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-m-font-size";
+    name: "--cui-body-s-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-m-line-height";
+    name: "--cui-body-s-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-m-letter-spacing";
+    name: "--cui-compact-l-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-s-font-size";
+    name: "--cui-compact-l-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-s-line-height";
+    name: "--cui-compact-m-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-compact-s-letter-spacing";
+    name: "--cui-compact-m-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-l-font-size";
+    name: "--cui-compact-s-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-l-line-height";
+    name: "--cui-compact-s-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-l-letter-spacing";
+    name: "--cui-numeral-l-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-m-font-size";
+    name: "--cui-numeral-l-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-m-line-height";
+    name: "--cui-numeral-m-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-m-letter-spacing";
+    name: "--cui-numeral-m-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-s-font-size";
+    name: "--cui-numeral-s-font-size";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-s-line-height";
+    name: "--cui-numeral-s-line-height";
     type: "dimension";
     deprecation?: undefined;
 } | {
-    name: "--cui-typography-numeral-s-letter-spacing";
+    name: "--cui-letter-spacing";
     type: "dimension";
     deprecation?: undefined;
 } | {
     name: "--cui-typography-headline-one-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-l-font-size";
+        replacement: "--cui-headline-l-font-size";
     };
 } | {
     name: "--cui-typography-headline-one-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-l-line-height";
+        replacement: "--cui-headline-l-line-height";
     };
 } | {
     name: "--cui-typography-headline-two-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-m-font-size";
+        replacement: "--cui-headline-m-font-size";
     };
 } | {
     name: "--cui-typography-headline-two-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-m-line-height";
+        replacement: "--cui-headline-m-line-height";
     };
 } | {
     name: "--cui-typography-headline-three-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-m-font-size";
+        replacement: "--cui-headline-m-font-size";
     };
 } | {
     name: "--cui-typography-headline-three-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-m-line-height";
+        replacement: "--cui-headline-m-line-height";
     };
 } | {
     name: "--cui-typography-headline-four-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-s-font-size";
+        replacement: "--cui-headline-s-font-size";
     };
 } | {
     name: "--cui-typography-headline-four-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-s-line-height";
+        replacement: "--cui-headline-s-line-height";
     };
 } | {
     name: "--cui-typography-title-one-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-l-font-size";
+        replacement: "--cui-display-l-font-size";
     };
 } | {
     name: "--cui-typography-title-one-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-l-line-height";
+        replacement: "--cui-display-l-line-height";
     };
 } | {
     name: "--cui-typography-title-two-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-m-font-size";
+        replacement: "--cui-display-m-font-size";
     };
 } | {
     name: "--cui-typography-title-two-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-m-line-height";
+        replacement: "--cui-display-m-line-height";
     };
 } | {
     name: "--cui-typography-title-three-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-m-font-size";
+        replacement: "--cui-display-m-font-size";
     };
 } | {
     name: "--cui-typography-title-three-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-m-line-height";
+        replacement: "--cui-display-m-line-height";
     };
 } | {
     name: "--cui-typography-title-four-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-s-font-size";
+        replacement: "--cui-display-s-font-size";
     };
 } | {
     name: "--cui-typography-title-four-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-display-s-line-height";
+        replacement: "--cui-display-s-line-height";
     };
 } | {
     name: "--cui-typography-sub-headline-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-s-font-size";
+        replacement: "--cui-headline-s-font-size";
     };
 } | {
     name: "--cui-typography-sub-headline-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-headline-s-line-height";
+        replacement: "--cui-headline-s-line-height";
     };
 } | {
     name: "--cui-typography-body-one-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-body-m-font-size";
+        replacement: "--cui-body-m-font-size";
     };
 } | {
     name: "--cui-typography-body-one-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-body-m-line-height";
+        replacement: "--cui-body-m-line-height";
     };
 } | {
     name: "--cui-typography-body-two-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-body-s-font-size";
+        replacement: "--cui-body-s-font-size";
     };
 } | {
     name: "--cui-typography-body-two-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-body-s-line-height";
+        replacement: "--cui-body-s-line-height";
     };
 } | {
     name: "--cui-typography-body-large-font-size";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-body-l-font-size";
+        replacement: "--cui-body-l-font-size";
     };
 } | {
     name: "--cui-typography-body-large-line-height";
     type: "dimension";
     deprecation: {
-        replacement: "--cui-typography-body-l-line-height";
+        replacement: "--cui-body-l-line-height";
     };
 } | {
     name: "--cui-z-index-default";