fix(stitchesjs#943): TS @font-face descriptors

drianoaz · Mar 9, 2022 · 5fa475f · 5fa475f
1 parent 0ebaf9f
commit 5fa475f
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/packages/core/tests/issue-943.js b/packages/core/tests/issue-943.js
@@ -0,0 +1,24 @@
+import { createStitches } from '../src/index.js'
+
+describe('Issue #943', () => {
+	test('locally scoped token works 1 time', () => {
+		const { globalCss, getCssText } = createStitches()
+
+		globalCss({
+			$$syntax: 'red',
+
+			'@font-face': [
+				{
+					fontFamily: 'fallback-font',
+					ascentOverride: '83.6%',
+					descentOverride: '20.5%',
+					lineGapOverride: '0%',
+					advanceOverride: '10',
+					src: 'local(Arial)',
+				}
+			]
+		})()
+
+		expect(getCssText()).toBe('--sxs{--sxs:1 OxGnW}@media{---syntax:red@font-face{font-family:fallback-font;ascent-override:83.6%;descent-override:20.5%;line-gap-override:0%;advance-override:10;src:local(Arial)}}')
+	})
+})
diff --git a/packages/core/types/css.d.ts b/packages/core/types/css.d.ts
@@ -9303,6 +9303,9 @@ export namespace AtRule {
     fontWeight?: FontWeight;
     src?: string;
     unicodeRange?: string;
+    sizeAdjust?: string;
+    ascentOverride?: string;
+    descentOverride?: string;
   }
 
   export interface FontFaceHyphen {
@@ -9316,6 +9319,9 @@ export namespace AtRule {
     "font-weight"?: FontWeight;
     src?: string;
     "unicode-range"?: string;
+    "size-adjust"?: string;
+    "ascent-override"?: string;
+    "descent-override"?: string;
   }
 
   export type FontFaceFallback = {