Merge pull request #1547 from easyops-cn/steve/card-theme

fix(card): theme variant

Author: weareoutman

bricks/containers/src/card/card.shadow.css

@@ -22,6 +22,12 @@
   --eo-card-header-border-bottom: none;
 }
 
+:host([theme-variant="elevo"]) {
+  --card-default-border-radius: 8px;
+  --card-head-padding-horizontal-base: 16px;
+  --card-body-padding-horizontal-base: 16px;
+}
+
 .card {
   box-sizing: border-box;
   margin: 0;

bricks/containers/src/card/index.tsx

@@ -29,6 +29,7 @@ export interface CardProps {
   compact?: boolean;
   outline?: CardOutline;
   hideSplit?: boolean;
+  themeVariant?: "elevo" | "default";
 }
 
 export type CardOutline =
@@ -141,6 +142,10 @@ class Card extends ReactNextElement implements CardProps {
   })
   accessor hideSplit: boolean | undefined;
 
+  /** 主题变体 */
+  @property()
+  accessor themeVariant: "default" | "elevo" | undefined;
+
   render() {
     return (
       <CardComponent