From 3e82cf414662998edb7c067d363cc5dbe6383c45 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sun, 1 Sep 2024 15:43:01 +0800
Subject: [PATCH] feat(card,safearea): add css variable type support

---
 src/components/card/card.tsx           | 10 +++++++++-
 src/components/safe-area/safe-area.tsx |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
index 992de61950..3c71461345 100644
--- a/src/components/card/card.tsx
+++ b/src/components/card/card.tsx
@@ -17,7 +17,15 @@ export type CardProps = {
   onBodyClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
   onHeaderClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
   children?: ReactNode
-} & NativeProps
+} &
+  NativeProps<
+    | '--adm-card-border-radius'
+    | '--adm-card-padding-inline'
+    | '--adm-card-header-border-width'
+    | '--adm-card-header-border-color'
+    | '--adm-card-header-padding-block'
+    | '--adm-card-body-padding-block'
+  >
 
 export const Card: FC<CardProps> = props => {
   const renderHeader = () => {
diff --git a/src/components/safe-area/safe-area.tsx b/src/components/safe-area/safe-area.tsx
index ef1d3e7fa1..06c01a3ff9 100644
--- a/src/components/safe-area/safe-area.tsx
+++ b/src/components/safe-area/safe-area.tsx
@@ -8,7 +8,7 @@ const classPrefix = 'adm-safe-area'
 
 export type SafeAreaProps = {
   position: 'top' | 'bottom'
-} & NativeProps
+} & NativeProps<'--multiple'>
 
 export const SafeArea: FC<SafeAreaProps> = props => {
   return withNativeProps(