From adf1a0d691656d5aea75c57d65939bb16d3368c8 Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <olfedias@microsoft.com>
Date: Fri, 8 Dec 2023 15:47:28 +0100
Subject: [PATCH] chore: bump csstype (#472)

---
 ...ffel-core-43031a38-3223-4553-a2f3-05142eee1f22.json |  7 +++++++
 ...nt-plugin-d06c6453-b439-474e-bcde-97387b549782.json |  7 +++++++
 ...yle-types-b7292bbe-13fd-447b-a640-6e9ada086369.json |  7 +++++++
 e2e/typescript/src/assets/legacy/fixture.ts            |  2 ++
 package.json                                           |  2 +-
 packages/core/package.json                             |  2 +-
 packages/core/src/constants.ts                         |  2 ++
 packages/core/src/runtime/resolveResetStyleRules.ts    |  2 +-
 packages/core/src/runtime/resolveStyleRules.ts         |  4 ++--
 packages/eslint-plugin/package.json                    |  2 +-
 packages/eslint-plugin/src/rules/no-shorthands.ts      |  2 ++
 packages/style-types/package.json                      |  2 +-
 packages/style-types/src/unsupported-properties.ts     |  4 ++++
 yarn.lock                                              | 10 +++++-----
 14 files changed, 43 insertions(+), 12 deletions(-)
 create mode 100644 change/@griffel-core-43031a38-3223-4553-a2f3-05142eee1f22.json
 create mode 100644 change/@griffel-eslint-plugin-d06c6453-b439-474e-bcde-97387b549782.json
 create mode 100644 change/@griffel-style-types-b7292bbe-13fd-447b-a640-6e9ada086369.json

diff --git a/change/@griffel-core-43031a38-3223-4553-a2f3-05142eee1f22.json b/change/@griffel-core-43031a38-3223-4553-a2f3-05142eee1f22.json
new file mode 100644
index 000000000..e96892018
--- /dev/null
+++ b/change/@griffel-core-43031a38-3223-4553-a2f3-05142eee1f22.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump csstype",
+  "packageName": "@griffel/core",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@griffel-eslint-plugin-d06c6453-b439-474e-bcde-97387b549782.json b/change/@griffel-eslint-plugin-d06c6453-b439-474e-bcde-97387b549782.json
new file mode 100644
index 000000000..911fd5316
--- /dev/null
+++ b/change/@griffel-eslint-plugin-d06c6453-b439-474e-bcde-97387b549782.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump csstype",
+  "packageName": "@griffel/eslint-plugin",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@griffel-style-types-b7292bbe-13fd-447b-a640-6e9ada086369.json b/change/@griffel-style-types-b7292bbe-13fd-447b-a640-6e9ada086369.json
new file mode 100644
index 000000000..5e81bfa84
--- /dev/null
+++ b/change/@griffel-style-types-b7292bbe-13fd-447b-a640-6e9ada086369.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump csstype",
+  "packageName": "@griffel/style-types",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/e2e/typescript/src/assets/legacy/fixture.ts b/e2e/typescript/src/assets/legacy/fixture.ts
index c27c25d47..c84d679a4 100644
--- a/e2e/typescript/src/assets/legacy/fixture.ts
+++ b/e2e/typescript/src/assets/legacy/fixture.ts
@@ -197,9 +197,11 @@ assertType({
     ...typedMixin,
     color: 'var(--customColor)',
   },
+  // @ts-expect-error FIXME - this is supposed to pass!
   ':after': {
     ...typedMixin,
   },
+  // @ts-expect-error FIXME - this is supposed to pass!
   ':before': {
     ...typedMixin,
     color: 'var(--customColor)',
diff --git a/package.json b/package.json
index ca70ce028..930fa948c 100644
--- a/package.json
+++ b/package.json
@@ -154,7 +154,7 @@
     "@typescript-eslint/utils": "^5.47.0",
     "ajv": "^8.4.0",
     "browserslist": "^4.19.1",
-    "csstype": "^3.1.2",
+    "csstype": "^3.1.3",
     "enhanced-resolve": "^5.8.2",
     "rtl-css-js": "^1.16.1",
     "source-map-js": "1.0.2",
diff --git a/packages/core/package.json b/packages/core/package.json
index 841b2acad..4b618a75d 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@emotion/hash": "^0.9.0",
     "@griffel/style-types": "^1.0.2",
-    "csstype": "^3.1.2",
+    "csstype": "^3.1.3",
     "rtl-css-js": "^1.16.1",
     "stylis": "^4.2.0",
     "tslib": "^2.1.0"
diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts
index 71212d0cb..2a1fdfde2 100644
--- a/packages/core/src/constants.ts
+++ b/packages/core/src/constants.ts
@@ -64,6 +64,7 @@ export const LOOKUP_DIR_INDEX = 1;
 export const UNSUPPORTED_CSS_PROPERTIES: Record<keyof GriffelStylesUnsupportedCSSProperties, 1> = {
   all: 1,
   animation: 1,
+  animationRange: 1,
   background: 1,
   backgroundPosition: 1,
   border: 1,
@@ -128,4 +129,5 @@ export const UNSUPPORTED_CSS_PROPERTIES: Record<keyof GriffelStylesUnsupportedCS
   textDecoration: 1,
   textEmphasis: 1,
   transition: 1,
+  viewTimeline: 1,
 } as const;
diff --git a/packages/core/src/runtime/resolveResetStyleRules.ts b/packages/core/src/runtime/resolveResetStyleRules.ts
index ffb5b84f0..9e45ded7e 100644
--- a/packages/core/src/runtime/resolveResetStyleRules.ts
+++ b/packages/core/src/runtime/resolveResetStyleRules.ts
@@ -127,7 +127,7 @@ function createStringFromStyles(styles: GriffelResetStyle) {
       }
     }
 
-    warnAboutUnresolvedRule(property, value);
+    warnAboutUnresolvedRule(property, value as GriffelResetStyle);
   }
 
   return [ltrCSS, rtlCSS];
diff --git a/packages/core/src/runtime/resolveStyleRules.ts b/packages/core/src/runtime/resolveStyleRules.ts
index 21dabbce9..051567b82 100644
--- a/packages/core/src/runtime/resolveStyleRules.ts
+++ b/packages/core/src/runtime/resolveStyleRules.ts
@@ -249,7 +249,7 @@ export function resolveStyleRules(
         ? {
             rtlClassName,
             rtlProperty: rtlDefinitions[0].key,
-            rtlValue: rtlDefinitions.map(d => d.value) as Array<string | number>,
+            rtlValue: rtlDefinitions.map(d => d.value) as unknown as Array<string | number>,
           }
         : undefined;
 
@@ -262,7 +262,7 @@ export function resolveStyleRules(
         property,
         support,
         container,
-        value: value as Array<string | number>,
+        value: value as unknown as Array<string | number>,
         ...rtlCompileOptions,
       });
 
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
index 59e387da7..6c2913c7d 100644
--- a/packages/eslint-plugin/package.json
+++ b/packages/eslint-plugin/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@typescript-eslint/utils": "^5.47.0",
-    "csstype": "^3.1.2",
+    "csstype": "^3.1.3",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/eslint-plugin/src/rules/no-shorthands.ts b/packages/eslint-plugin/src/rules/no-shorthands.ts
index 04fd12488..22478a858 100644
--- a/packages/eslint-plugin/src/rules/no-shorthands.ts
+++ b/packages/eslint-plugin/src/rules/no-shorthands.ts
@@ -12,6 +12,7 @@ export const RULE_NAME = 'no-shorthands';
 const UNSUPPORTED_CSS_PROPERTIES: Record<keyof CSS.StandardShorthandProperties, true> = {
   all: true,
   animation: true,
+  animationRange: true,
   background: true,
   backgroundPosition: true,
   border: true,
@@ -76,6 +77,7 @@ const UNSUPPORTED_CSS_PROPERTIES: Record<keyof CSS.StandardShorthandProperties,
   textDecoration: true,
   textEmphasis: true,
   transition: true,
+  viewTimeline: true,
 };
 
 const pxSplitter = buildShorthandSplitter({ numberUnit: 'px' });
diff --git a/packages/style-types/package.json b/packages/style-types/package.json
index 01de097b8..6378b15aa 100644
--- a/packages/style-types/package.json
+++ b/packages/style-types/package.json
@@ -9,7 +9,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "csstype": "^3.1.2"
+    "csstype": "^3.1.3"
   },
   "typesVersions": {
     "<4.4": {
diff --git a/packages/style-types/src/unsupported-properties.ts b/packages/style-types/src/unsupported-properties.ts
index ae32db642..0a4ac703d 100644
--- a/packages/style-types/src/unsupported-properties.ts
+++ b/packages/style-types/src/unsupported-properties.ts
@@ -10,6 +10,8 @@ export interface GriffelStylesUnsupportedCSSProperties extends Record<keyof CSS.
   all: never;
   /** @deprecated Use corresponding longhand properties such as `animationName` and `animationDuration` instead. */
   animation: never;
+  /** @deprecated Use corresponding longhand properties such as `animationRangeStart` and `animationRangeEnd` instead. */
+  animationRange: never;
   /** @deprecated Use corresponding longhand properties such as `backgroundImage` and `backgroundSize` instead. */
   background: never;
   /** @deprecated Use corresponding longhand properties `backgroundPositionX` and `backgroundPositionY` instead. */
@@ -138,4 +140,6 @@ export interface GriffelStylesUnsupportedCSSProperties extends Record<keyof CSS.
   textEmphasis: never;
   /** @deprecated Use `shorthands.transition()` instead. */
   transition: never;
+  /** @deprecated Use corresponding longhand properties such as `viewTimelineName` and `viewTimelineAxis` instead. */
+  viewTimeline: never;
 }
diff --git a/yarn.lock b/yarn.lock
index e03aeec5a..47bf8c4b6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11189,10 +11189,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.0.2, csstype@npm:^3.0.5, csstype@npm:^3.1.2":
-  version: 3.1.2
-  resolution: "csstype@npm:3.1.2"
-  checksum: 1f39c541e9acd9562996d88bc9fb62d1cb234786ef11ed275567d4b2bd82e1ceacde25debc8de3d3b4871ae02c2933fa02614004c97190711caebad6347debc2
+"csstype@npm:^3.0.2, csstype@npm:^3.0.5, csstype@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: f593cce41ff5ade23f44e77521e3a1bcc2c64107041e1bf6c3c32adc5187d0d60983292fda326154d20b01079e24931aa5b08e4467cc488b60bb1e7f6d478ade
   languageName: node
   linkType: hard
 
@@ -14882,7 +14882,7 @@ __metadata:
     browserslist: "npm:^4.19.1"
     classnames: "npm:2.3.2"
     css-loader: "npm:^6.4.0"
-    csstype: "npm:^3.1.2"
+    csstype: "npm:^3.1.3"
     d3-scale-chromatic: "npm:^3.0.0"
     doctoc: "npm:2.2.1"
     enhanced-resolve: "npm:^5.8.2"