melta-app 0.10.0 → 0.10.1

package/README.md

@@ -704,3 +704,7 @@ variant省略時は従来どおり可視タイトルを表示します。
 
 `HEADER_CENTERED_MIN_HEIGHT`は初期見積もり用です。スクロール退避は可能な限りonLayoutの実測値を使い、
 文字拡大時の高くなったHeaderを固定高で切らないでください。
+
+### Card / Skeletonの影なし指定
+
+`<Card elevation="none">...</Card>` と `<Skeleton variant="card" elevation="none" />` は背景・枠・余白を維持して影だけを除く。省略時の `default` は従来どおり。Cardのaction/linkもnoneなら押下中に影が付かない。Skeletonのtext/circleは影のトークンを参照しない。

package/lib/module/components/Card.js

@@ -56,6 +56,7 @@ const reported = new Set();
 
 export function Card({
   variant = "basic",
+  elevation = "default",
   header,
   footer,
   media,
@@ -105,7 +106,7 @@ export function Card({
     return /*#__PURE__*/_jsx(View, {
       role: "article",
       testID: testID,
-      style: [resolveCardShape(theme, mode, variant), style],
+      style: [resolveCardShape(theme, mode, variant, false, elevation), style],
       children: content
     });
   }
@@ -122,7 +123,7 @@ export function Card({
     testID: testID,
     style: ({
       pressed
-    }) => [resolveCardShape(theme, mode, variant, pressed), style],
+    }) => [resolveCardShape(theme, mode, variant, pressed, elevation), style],
     children: content
   });
 }

package/lib/module/components/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","Pressable","View","useTheme","CONTRACTS","isDev","CARD_INTERACTIVE","resolveCardShape","resolveCardBodyStyle","validateCardProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","reported","Set","Card","variant","header","footer","media","onPress","primaryAction","style","testID","children","theme","mode","interactive","problem","has","add","console","error","isMedia","inner","content","borderRadius","radius","lg","overflow","role","accessible","pressed","__contract","card"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","Pressable","View","useTheme","CONTRACTS","isDev","CARD_INTERACTIVE","resolveCardShape","resolveCardBodyStyle","validateCardProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","reported","Set","Card","variant","elevation","header","footer","media","onPress","primaryAction","style","testID","children","theme","mode","interactive","problem","has","add","console","error","isMedia","inner","content","borderRadius","radius","lg","overflow","role","accessible","pressed","__contract","card"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Skeleton.js

@@ -20,10 +20,11 @@ import { AccessibilityInfo, Animated, View } from "react-native";
 import { Surface } from "./Surface.js";
 import { useTheme } from "../theme/index.js";
 import { CONTRACTS } from "../contracts/contract-types.js";
-import { CARD_SURFACE_SPEC, PULSE_OPACITY, SKELETON_METRICS, resolveSkeletonStates, resolveSkeletonVariants } from "./skeleton.styles.js";
+import { resolveSkeletonSurfaceProps, PULSE_OPACITY, SKELETON_METRICS, resolveSkeletonStates, resolveSkeletonVariants } from "./skeleton.styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Skeleton({
   variant = "text",
+  elevation = "default",
   width = "100%",
   lines = 1,
   accessibilityLabel = "読み込み中",
@@ -34,7 +35,7 @@ export function Skeleton({
     theme,
     mode
   } = useTheme();
-  const styles = useMemo(() => resolveSkeletonVariants(theme, mode), [theme, mode]);
+  const styles = useMemo(() => resolveSkeletonVariants(theme, mode, elevation), [theme, mode, elevation]);
   // 初期値 opacityFrom = 非アニメ（reduce-motion でも光らない）。reduce-motion OFF を確認後にのみ loop で揺らす。
   const opacity = useRef(new Animated.Value(PULSE_OPACITY.from)).current;
   useEffect(() => {
@@ -88,7 +89,7 @@ export function Skeleton({
       borderColor
     } = styles.card.style;
     return /*#__PURE__*/_jsx(Surface, {
-      ...CARD_SURFACE_SPEC,
+      ...resolveSkeletonSurfaceProps(elevation),
       // contract skeleton.card は border-default を要求（Surface は border を出さないので Skeleton で付与）。
       style: [{
         borderWidth,

package/lib/module/components/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useRef","AccessibilityInfo","Animated","View","Surface","useTheme","CONTRACTS","CARD_SURFACE_SPEC","PULSE_OPACITY","SKELETON_METRICS","resolveSkeletonStates","resolveSkeletonVariants","jsx","_jsx","jsxs","_jsxs","Skeleton","variant","width","lines","accessibilityLabel","style","testID","theme","mode","styles","opacity","Value","from","current","cancelled","loop","anim","loading","animation","isReduceMotionEnabled","then","reduce","sequence","timing","toValue","opacityTo","duration","useNativeDriver","opacityFrom","start","stop","a11y","accessible","accessibilityState","busy","circle","barStyle","card","borderWidth","borderColor","children","gap","spacing","flexDirection","alignItems","circleSize","height","borderRadius","radius","full","backgroundColor","flex","textBar","text","Array","length","_unused","i","__contract","skeleton"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","AccessibilityInfo","Animated","View","Surface","useTheme","CONTRACTS","resolveSkeletonSurfaceProps","PULSE_OPACITY","SKELETON_METRICS","resolveSkeletonStates","resolveSkeletonVariants","jsx","_jsx","jsxs","_jsxs","Skeleton","variant","elevation","width","lines","accessibilityLabel","style","testID","theme","mode","styles","opacity","Value","from","current","cancelled","loop","anim","loading","animation","isReduceMotionEnabled","then","reduce","sequence","timing","toValue","opacityTo","duration","useNativeDriver","opacityFrom","start","stop","a11y","accessible","accessibilityState","busy","circle","barStyle","card","borderWidth","borderColor","children","gap","spacing","flexDirection","alignItems","circleSize","height","borderRadius","radius","full","backgroundColor","flex","textBar","text","Array","length","_unused","i","__contract","skeleton"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/card.styles.js

@@ -8,6 +8,13 @@
  * との機械照合は scripts/lib/card-conformance.test.ts が行う。
  */
 
+export const CARD_SPEC = {
+  radius: "lg",
+  padding: "6",
+  elevation: "sm",
+  pressedElevation: "md",
+  flatElevation: "none"
+};
 /** variant → インタラクティブ（Pressable）か。action/link のみ true（recipe pressedStyle の有無と対応）。 */
 export const CARD_INTERACTIVE = {
   basic: false,
@@ -25,26 +32,26 @@ export const CARD_INTERACTIVE = {
  *   消えるため（contract は media でも elevation.sm 要求）。media のクリップは内側の clip View で行う。
  * - media は内側 clip View が padding を持つ（resolveCardBodyStyle / recipe bodyStyle）ので外枠は padding なし。
  */
-export function resolveCardShape(theme, mode, variant, pressed = false) {
+export function resolveCardShape(theme, mode, variant, pressed = false, elevation = "default") {
   const sem = theme.color.semantic[mode];
-  const elevation = pressed && CARD_INTERACTIVE[variant] ? "md" : "sm";
+  const elevationKey = elevation === "none" ? CARD_SPEC.flatElevation : pressed && CARD_INTERACTIVE[variant] ? CARD_SPEC.pressedElevation : CARD_SPEC.elevation;
   return {
     backgroundColor: sem["bg-surface"],
-    borderRadius: theme.radius.lg,
+    borderRadius: theme.radius[CARD_SPEC.radius],
     borderWidth: 1,
     borderColor: sem["border-default"],
     // media は内側 clip View が padding を持つので外枠は padding なし。
     ...(variant === "media" ? null : {
-      padding: theme.spacing["6"]
+      padding: theme.spacing[CARD_SPEC.padding]
     }),
-    ...theme.elevation[elevation]
+    ...theme.elevation[elevationKey]
   };
 }
 
 /** media の body padding（内側 clip View 側が持つ。recipe bodyStyle の写像）。media 以外は undefined。 */
 export function resolveCardBodyStyle(theme, variant) {
   return variant === "media" ? {
-    padding: theme.spacing["6"]
+    padding: theme.spacing[CARD_SPEC.padding]
   } : undefined;
 }
 //# sourceMappingURL=card.styles.js.map

package/lib/module/components/card.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["CARD_INTERACTIVE","basic","media","action","link","resolveCardShape","theme","mode","variant","pressed","sem","color","semantic","elevation","backgroundColor","borderRadius","radius","lg","borderWidth","borderColor","padding","spacing","resolveCardBodyStyle","undefined"],"sourceRoot":"../../../src","sources":["components/card.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA,OAAO,MAAMA,gBAA8C,GAAG;EAC5DC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,IAAI;EACZC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BC,KAAkB,EAClBC,IAAe,EACfC,OAAoB,EACpBC,OAAO,GAAG,KAAK,EACJ;EACX,MAAMC,GAAG,GAAGJ,KAAK,CAACK,KAAK,CAACC,QAAQ,CAACL,IAAI,CAAC;EACtC,MAAMM,SAAuB,GAAGJ,OAAO,IAAIT,gBAAgB,CAACQ,OAAO,CAAC,GAAG,IAAI,GAAG,IAAI;EAClF,OAAO;IACLM,eAAe,EAAEJ,GAAG,CAAC,YAAY,CAAC;IAClCK,YAAY,EAAET,KAAK,CAACU,MAAM,CAACC,EAAE;IAC7BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAET,GAAG,CAAC,gBAAgB,CAAC;IAClC;IACA,IAAIF,OAAO,KAAK,OAAO,GAAG,IAAI,GAAG;MAAEY,OAAO,EAAEd,KAAK,CAACe,OAAO,CAAC,GAAG;IAAE,CAAC,CAAC;IACjE,GAAGf,KAAK,CAACO,SAAS,CAACA,SAAS;EAC9B,CAAC;AACH;;AAEA;AACA,OAAO,SAASS,oBAAoBA,CAClChB,KAAkB,EAClBE,OAAoB,EACa;EACjC,OAAOA,OAAO,KAAK,OAAO,GAAG;IAAEY,OAAO,EAAEd,KAAK,CAACe,OAAO,CAAC,GAAG;EAAE,CAAC,GAAGE,SAAS;AAC1E","ignoreList":[]}
+{"version":3,"names":["CARD_SPEC","radius","padding","elevation","pressedElevation","flatElevation","CARD_INTERACTIVE","basic","media","action","link","resolveCardShape","theme","mode","variant","pressed","sem","color","semantic","elevationKey","backgroundColor","borderRadius","borderWidth","borderColor","spacing","resolveCardBodyStyle","undefined"],"sourceRoot":"../../../src","sources":["components/card.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,OAAO,MAAMA,SAAS,GAAG;EACvBC,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE,GAAG;EAAEC,SAAS,EAAE,IAAI;EAAEC,gBAAgB,EAAE,IAAI;EAAEC,aAAa,EAAE;AACtF,CAAqJ;AAIrJ;AACA,OAAO,MAAMC,gBAA8C,GAAG;EAC5DC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,IAAI;EACZC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC9BC,KAAkB,EAClBC,IAAe,EACfC,OAAoB,EACpBC,OAAO,GAAG,KAAK,EACfZ,SAA6B,GAAG,SAAS,EAC9B;EACX,MAAMa,GAAG,GAAGJ,KAAK,CAACK,KAAK,CAACC,QAAQ,CAACL,IAAI,CAAC;EACtC,MAAMM,YAAY,GAAGhB,SAAS,KAAK,MAAM,GAAGH,SAAS,CAACK,aAAa,GAC/DU,OAAO,IAAIT,gBAAgB,CAACQ,OAAO,CAAC,GAAGd,SAAS,CAACI,gBAAgB,GAAGJ,SAAS,CAACG,SAAS;EAC3F,OAAO;IACLiB,eAAe,EAAEJ,GAAG,CAAC,YAAY,CAAC;IAClCK,YAAY,EAAET,KAAK,CAACX,MAAM,CAACD,SAAS,CAACC,MAAM,CAAC;IAC5CqB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEP,GAAG,CAAC,gBAAgB,CAAC;IAClC;IACA,IAAIF,OAAO,KAAK,OAAO,GAAG,IAAI,GAAG;MAAEZ,OAAO,EAAEU,KAAK,CAACY,OAAO,CAACxB,SAAS,CAACE,OAAO;IAAE,CAAC,CAAC;IAC/E,GAAGU,KAAK,CAACT,SAAS,CAACgB,YAAY;EACjC,CAAC;AACH;;AAEA;AACA,OAAO,SAASM,oBAAoBA,CAClCb,KAAkB,EAClBE,OAAoB,EACa;EACjC,OAAOA,OAAO,KAAK,OAAO,GAAG;IAAEZ,OAAO,EAAEU,KAAK,CAACY,OAAO,CAACxB,SAAS,CAACE,OAAO;EAAE,CAAC,GAAGwB,SAAS;AACxF","ignoreList":[]}

package/lib/module/components/skeleton.styles.js

@@ -22,6 +22,14 @@ export const CARD_SURFACE_SPEC = {
   padding: "6"
 };
 
+/** Surface と resolver は同じ elevation 選択を共有する。 */
+export function resolveSkeletonSurfaceProps(elevation = "default") {
+  return {
+    ...CARD_SURFACE_SPEC,
+    elevation: elevation === "none" ? "none" : CARD_SURFACE_SPEC.elevation
+  };
+}
+
 /** バー / アバター円の寸法。recipe と同じく token に対応が無い literal（recipe description 参照）。 */
 export const SKELETON_METRICS = {
   /** text variant の行バー高さ */
@@ -50,7 +58,7 @@ export const PULSE_OPACITY = {
  * バーの色は text / circle / card すべて border-default（contract に忠実、§1 Agent m2）。
  * card の土台は CARD_SURFACE_SPEC のキーから解決する（component 側の Surface props と同源）。
  */
-export function resolveSkeletonVariants(theme, mode) {
+export function resolveSkeletonVariants(theme, mode, elevation = "default") {
   const sem = theme.color.semantic[mode];
   const bar = sem["border-default"];
   return {
@@ -70,20 +78,23 @@ export function resolveSkeletonVariants(theme, mode) {
         backgroundColor: bar
       }
     },
-    card: {
-      style: {
-        backgroundColor: sem[CARD_SURFACE_SPEC.bg],
-        borderRadius: theme.radius[CARD_SURFACE_SPEC.radius],
-        borderWidth: 1,
-        borderColor: bar,
-        padding: theme.spacing[CARD_SURFACE_SPEC.padding],
-        elevation: theme.elevation[CARD_SURFACE_SPEC.elevation]
-      },
-      barStyle: {
-        height: SKELETON_METRICS.cardBarHeight,
-        borderRadius: theme.radius.sm,
-        backgroundColor: bar
-      }
+    // card を使う時だけ影を解決する。text/circle は影のトークンを読まない。
+    get card() {
+      return {
+        style: {
+          backgroundColor: sem[CARD_SURFACE_SPEC.bg],
+          borderRadius: theme.radius[CARD_SURFACE_SPEC.radius],
+          borderWidth: 1,
+          borderColor: bar,
+          padding: theme.spacing[CARD_SURFACE_SPEC.padding],
+          elevation: theme.elevation[resolveSkeletonSurfaceProps(elevation).elevation]
+        },
+        barStyle: {
+          height: SKELETON_METRICS.cardBarHeight,
+          borderRadius: theme.radius.sm,
+          backgroundColor: bar
+        }
+      };
     }
   };
 }

package/lib/module/components/skeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["CARD_SURFACE_SPEC","bg","radius","elevation","padding","SKELETON_METRICS","textBarHeight","cardBarHeight","circleSize","PULSE_OPACITY","from","to","resolveSkeletonVariants","theme","mode","sem","color","semantic","bar","text","style","height","borderRadius","sm","backgroundColor","gap","spacing","circle","width","full","card","borderWidth","borderColor","barStyle","resolveSkeletonStates","loading","opacity","animation","opacityFrom","opacityTo","duration","motion","slow","loaded"],"sourceRoot":"../../../src","sources":["components/skeleton.styles.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA;;AAGA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,iBAAiB,GAAG;EAC/BC,EAAE,EAAE,YAAY;EAChBC,MAAM,EAAE,IAAI;EACZC,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE;AACX,CAKC;;AAED;AACA,OAAO,MAAMC,gBAAgB,GAAG;EAC9B;EACAC,aAAa,EAAE,EAAE;EACjB;EACAC,aAAa,EAAE,EAAE;EACjB;EACAC,UAAU,EAAE;AACd,CAAU;;AAEV;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG;EAAEC,IAAI,EAAE,CAAC;EAAEC,EAAE,EAAE;AAAI,CAAU;;AAE1D;;AAOA;;AAqBA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,KAAkB,EAAEC,IAAe,EAAyB;EAClG,MAAMC,GAAG,GAAGF,KAAK,CAACG,KAAK,CAACC,QAAQ,CAACH,IAAI,CAAC;EACtC,MAAMI,GAAG,GAAGH,GAAG,CAAC,gBAAgB,CAAC;EACjC,OAAO;IACLI,IAAI,EAAE;MACJC,KAAK,EAAE;QACLC,MAAM,EAAEhB,gBAAgB,CAACC,aAAa;QACtCgB,YAAY,EAAET,KAAK,CAACX,MAAM,CAACqB,EAAE;QAC7BC,eAAe,EAAEN,GAAG;QACpBO,GAAG,EAAEZ,KAAK,CAACa,OAAO,CAAC,GAAG;MACxB;IACF,CAAC;IACDC,MAAM,EAAE;MACNP,KAAK,EAAE;QACLQ,KAAK,EAAEvB,gBAAgB,CAACG,UAAU;QAClCa,MAAM,EAAEhB,gBAAgB,CAACG,UAAU;QACnCc,YAAY,EAAET,KAAK,CAACX,MAAM,CAAC2B,IAAI;QAC/BL,eAAe,EAAEN;MACnB;IACF,CAAC;IACDY,IAAI,EAAE;MACJV,KAAK,EAAE;QACLI,eAAe,EAAET,GAAG,CAACf,iBAAiB,CAACC,EAAE,CAAC;QAC1CqB,YAAY,EAAET,KAAK,CAACX,MAAM,CAACF,iBAAiB,CAACE,MAAM,CAAC;QACpD6B,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,GAAG;QAChBd,OAAO,EAAES,KAAK,CAACa,OAAO,CAAC1B,iBAAiB,CAACI,OAAO,CAAC;QACjDD,SAAS,EAAEU,KAAK,CAACV,SAAS,CAACH,iBAAiB,CAACG,SAAS;MACxD,CAAC;MACD8B,QAAQ,EAAE;QACRZ,MAAM,EAAEhB,gBAAgB,CAACE,aAAa;QACtCe,YAAY,EAAET,KAAK,CAACX,MAAM,CAACqB,EAAE;QAC7BC,eAAe,EAAEN;MACnB;IACF;EACF,CAAC;AACH;;AAEA;;AAYA;AACA;AACA;AACA;AACA,OAAO,SAASgB,qBAAqBA,CAACrB,KAAkB,EAAuB;EAC7E,OAAO;IACLsB,OAAO,EAAE;MACPf,KAAK,EAAE;QAAEgB,OAAO,EAAE3B,aAAa,CAACE;MAAG,CAAC;MACpC0B,SAAS,EAAE;QACTC,WAAW,EAAE7B,aAAa,CAACC,IAAI;QAC/B6B,SAAS,EAAE9B,aAAa,CAACE,EAAE;QAC3B6B,QAAQ,EAAE3B,KAAK,CAAC4B,MAAM,CAACD,QAAQ,CAACE;MAClC;IACF,CAAC;IACDC,MAAM,EAAE;MAAEvB,KAAK,EAAE,CAAC;IAAE;EACtB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["CARD_SURFACE_SPEC","bg","radius","elevation","padding","resolveSkeletonSurfaceProps","SKELETON_METRICS","textBarHeight","cardBarHeight","circleSize","PULSE_OPACITY","from","to","resolveSkeletonVariants","theme","mode","sem","color","semantic","bar","text","style","height","borderRadius","sm","backgroundColor","gap","spacing","circle","width","full","card","borderWidth","borderColor","barStyle","resolveSkeletonStates","loading","opacity","animation","opacityFrom","opacityTo","duration","motion","slow","loaded"],"sourceRoot":"../../../src","sources":["components/skeleton.styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Card.d.ts

@@ -33,6 +33,8 @@
 import { type ReactElement, type ReactNode } from "react";
 import { type StyleProp, type ViewStyle } from "react-native";
 interface CardBase {
+    /** none は押下中も影なし。省略時は従来の影を維持する。 */
+    elevation?: "default" | "none";
     header?: ReactNode;
     footer?: ReactNode;
     media?: ReactNode;
@@ -55,7 +57,7 @@ type CardProps = CardBase & ({
      */
     primaryAction: ReactElement;
 });
-export declare function Card({ variant, header, footer, media, onPress, primaryAction, style, testID, children, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ variant, elevation, header, footer, media, onPress, primaryAction, style, testID, children, }: CardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Card {
     var __contract: {
         readonly id: "card";

package/lib/typescript/src/components/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAa,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgB/E,UAAU,QAAQ;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,KAAK,SAAS,GAAG,QAAQ,GACvB,CACI;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GACvE;IACE,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC;CAC7B,CACJ,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,OAAiB,EACjB,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,SAAS,2CAyDX;yBAnEe,IAAI"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAa,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgB/E,UAAU,QAAQ;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,KAAK,SAAS,GAAG,QAAQ,GACvB,CACI;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GACvE;IACE,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC;CAC7B,CACJ,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,OAAiB,EACjB,SAAqB,EACrB,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,SAAS,2CAyDX;yBApEe,IAAI"}

package/lib/typescript/src/components/Skeleton.d.ts

@@ -15,6 +15,8 @@
 import { type DimensionValue, type StyleProp, type ViewStyle } from "react-native";
 import { type SkeletonVariant } from "./skeleton.styles.js";
 interface SkeletonProps {
+    /** card の影。text/circle は影を使用しない。 */
+    elevation?: "default" | "none";
     variant?: SkeletonVariant;
     width?: DimensionValue;
     /** text variant の行数。 */
@@ -23,7 +25,7 @@ interface SkeletonProps {
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
-export declare function Skeleton({ variant, width, lines, accessibilityLabel, style, testID, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ variant, elevation, width, lines, accessibilityLabel, style, testID, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Skeleton {
     var __contract: {
         readonly id: "skeleton";

package/lib/typescript/src/components/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,EAML,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAE9B,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAgB,EAChB,KAAc,EACd,KAAS,EACT,kBAA4B,EAC5B,KAAK,EACL,MAAM,GACP,EAAE,aAAa,2CAiGf;yBAxGe,QAAQ"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,EAML,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAE9B,UAAU,aAAa;IACrB,oCAAoC;IACpC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAgB,EAChB,SAAqB,EACrB,KAAc,EACd,KAAS,EACT,kBAA4B,EAC5B,KAAK,EACL,MAAM,GACP,EAAE,aAAa,2CAiGf;yBAzGe,QAAQ"}

package/lib/typescript/src/components/card.styles.d.ts

@@ -7,6 +7,13 @@
  */
 import type { ViewStyle } from "react-native";
 import type { NativeTheme, ThemeMode } from "../theme/index.js";
+export declare const CARD_SPEC: {
+    readonly radius: "lg";
+    readonly padding: "6";
+    readonly elevation: "sm";
+    readonly pressedElevation: "md";
+    readonly flatElevation: "none";
+};
 export type CardVariant = "basic" | "media" | "action" | "link";
 /** variant → インタラクティブ（Pressable）か。action/link のみ true（recipe pressedStyle の有無と対応）。 */
 export declare const CARD_INTERACTIVE: Record<CardVariant, boolean>;
@@ -19,7 +26,7 @@ export declare const CARD_INTERACTIVE: Record<CardVariant, boolean>;
  *   消えるため（contract は media でも elevation.sm 要求）。media のクリップは内側の clip View で行う。
  * - media は内側 clip View が padding を持つ（resolveCardBodyStyle / recipe bodyStyle）ので外枠は padding なし。
  */
-export declare function resolveCardShape(theme: NativeTheme, mode: ThemeMode, variant: CardVariant, pressed?: boolean): ViewStyle;
+export declare function resolveCardShape(theme: NativeTheme, mode: ThemeMode, variant: CardVariant, pressed?: boolean, elevation?: "default" | "none"): ViewStyle;
 /** media の body padding（内側 clip View 側が持つ。recipe bodyStyle の写像）。media 以外は undefined。 */
 export declare function resolveCardBodyStyle(theme: NativeTheme, variant: CardVariant): {
     padding: number;

package/lib/typescript/src/components/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/card.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAgB,MAAM,mBAAmB,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,sFAAsF;AACtF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAKzD,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,OAAO,UAAQ,GACd,SAAS,CAYX;AAED,wFAAwF;AACxF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,GACnB;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAEjC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/card.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAuC,MAAM,mBAAmB,CAAC;AAErG,eAAO,MAAM,SAAS;;;;;;CAE+H,CAAC;AAEtJ,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,sFAAsF;AACtF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAKzD,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,OAAO,UAAQ,EACf,SAAS,GAAE,SAAS,GAAG,MAAkB,GACxC,SAAS,CAaX;AAED,wFAAwF;AACxF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,GACnB;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAEjC"}

package/lib/typescript/src/components/skeleton.styles.d.ts

@@ -20,6 +20,13 @@ export declare const CARD_SURFACE_SPEC: {
     readonly elevation: "sm";
     readonly padding: "6";
 };
+/** Surface と resolver は同じ elevation 選択を共有する。 */
+export declare function resolveSkeletonSurfaceProps(elevation?: "default" | "none"): {
+    elevation: "sm" | "none";
+    bg: "bg-surface";
+    radius: "lg";
+    padding: "6";
+};
 /** バー / アバター円の寸法。recipe と同じく token に対応が無い literal（recipe description 参照）。 */
 export declare const SKELETON_METRICS: {
     /** text variant の行バー高さ */
@@ -77,7 +84,7 @@ export interface SkeletonVariantStyles {
  * バーの色は text / circle / card すべて border-default（contract に忠実、§1 Agent m2）。
  * card の土台は CARD_SURFACE_SPEC のキーから解決する（component 側の Surface props と同源）。
  */
-export declare function resolveSkeletonVariants(theme: NativeTheme, mode: ThemeMode): SkeletonVariantStyles;
+export declare function resolveSkeletonVariants(theme: NativeTheme, mode: ThemeMode, elevation?: "default" | "none"): SkeletonVariantStyles;
 /** states ごとの slot 構成（recipe の states.*.style / animation と 1:1）。 */
 export interface SkeletonStateStyles {
     loading: {

package/lib/typescript/src/components/skeleton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAEV,cAAc,EACd,WAAW,EAIX,SAAS,EACV,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,oEAAoE;AACpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;CAU7B,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB;IAC3B,0BAA0B;;IAE1B,0BAA0B;;IAE1B,sCAAsC;;CAE9B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa;;;CAAgC,CAAC;AAE3D,+CAA+C;AAC/C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,4DAA4D;AAC5D,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,IAAI,EAAE;QAAE,KAAK,EAAE,gBAAgB,GAAG;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACpD,MAAM,EAAE;QACN,KAAK,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,MAAM,CAAC;YAAC,eAAe,EAAE,MAAM,CAAA;SAAE,CAAC;KACzF,CAAC;IACF,IAAI,EAAE;QACJ,6EAA6E;QAC7E,KAAK,EAAE;YACL,eAAe,EAAE,MAAM,CAAC;YACxB,YAAY,EAAE,MAAM,CAAC;YACrB,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,EAAE,MAAM,CAAC;YACpB,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,cAAc,CAAC;SAC3B,CAAC;QACF,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,qBAAqB,CAoClG;AAED,qEAAqE;AACrE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE;QACP,2BAA2B;QAC3B,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3B,yDAAyD;QACzD,SAAS,EAAE;YAAE,WAAW,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KACzE,CAAC;IACF,8CAA8C;IAC9C,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAY7E"}
+{"version":3,"file":"skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton.styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAEV,cAAc,EACd,WAAW,EAIX,SAAS,EACV,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,oEAAoE;AACpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;CAU7B,CAAC;AAEF,gDAAgD;AAChD,wBAAgB,2BAA2B,CAAC,SAAS,GAAE,SAAS,GAAG,MAAkB;;;;;EAEpF;AAED,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB;IAC3B,0BAA0B;;IAE1B,0BAA0B;;IAE1B,sCAAsC;;CAE9B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,aAAa;;;CAAgC,CAAC;AAE3D,+CAA+C;AAC/C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,4DAA4D;AAC5D,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,IAAI,EAAE;QAAE,KAAK,EAAE,gBAAgB,GAAG;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACpD,MAAM,EAAE;QACN,KAAK,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,MAAM,CAAC;YAAC,eAAe,EAAE,MAAM,CAAA;SAAE,CAAC;KACzF,CAAC;IACF,IAAI,EAAE;QACJ,6EAA6E;QAC7E,KAAK,EAAE;YACL,eAAe,EAAE,MAAM,CAAC;YACxB,YAAY,EAAE,MAAM,CAAC;YACrB,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,EAAE,MAAM,CAAC;YACpB,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,cAAc,CAAC;SAC3B,CAAC;QACF,QAAQ,EAAE,gBAAgB,CAAC;KAC5B,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAE,SAAS,GAAG,MAAkB,GAAG,qBAAqB,CAqC7I;AAED,qEAAqE;AACrE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE;QACP,2BAA2B;QAC3B,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3B,yDAAyD;QACzD,SAAS,EAAE;YAAE,WAAW,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;KACzE,CAAC;IACF,8CAA8C;IAC9C,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KAAE,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAY7E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "melta-app",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "melta for APP — melta デザインシステムの React Native UI kit。melta-contracts（デザイン契約）を single source of truth に RN 実装でその契約を満たす。アプリ本体ではなくライブラリ。",
   "license": "MIT",
   "homepage": "https://app.melta.tsubotax.com",
@@ -86,7 +86,7 @@
     "@types/react": "~19.2.2",
     "eslint": "^10.4.1",
     "jest": "^29.7.0",
-    "melta-contracts": "0.9.0",
+    "melta-contracts": "0.9.1",
     "react": "19.2.3",
     "react-native": "0.85.3",
     "react-native-builder-bob": "^0.40.13",

package/src/components/Card.tsx

@@ -49,6 +49,8 @@ import { validateCardProps } from "./card.validate.js";
 const reported = new Set<string>();
 
 interface CardBase {
+  /** none は押下中も影なし。省略時は従来の影を維持する。 */
+  elevation?: "default" | "none";
   header?: ReactNode;
   footer?: ReactNode;
   media?: ReactNode;
@@ -77,6 +79,7 @@ type CardProps = CardBase &
 
 export function Card({
   variant = "basic",
+  elevation = "default",
   header,
   footer,
   media,
@@ -121,7 +124,7 @@ export function Card({
 
   if (!interactive) {
     return (
-      <View role="article" testID={testID} style={[resolveCardShape(theme, mode, variant), style]}>
+      <View role="article" testID={testID} style={[resolveCardShape(theme, mode, variant, false, elevation), style]}>
         {content}
       </View>
     );
@@ -137,7 +140,7 @@ export function Card({
       // 独立した操作要素として読み上げられる（既定の Pressable は子を畳んでしまう）。
       accessible={false}
       testID={testID}
-      style={({ pressed }) => [resolveCardShape(theme, mode, variant, pressed), style]}
+      style={({ pressed }) => [resolveCardShape(theme, mode, variant, pressed, elevation), style]}
     >
       {content}
     </Pressable>

package/src/components/Skeleton.tsx

@@ -26,7 +26,7 @@ import { Surface } from "./Surface.js";
 import { useTheme } from "../theme/index.js";
 import { CONTRACTS } from "../contracts/contract-types.js";
 import {
-  CARD_SURFACE_SPEC,
+  resolveSkeletonSurfaceProps,
   PULSE_OPACITY,
   SKELETON_METRICS,
   resolveSkeletonStates,
@@ -35,6 +35,8 @@ import {
 } from "./skeleton.styles.js";
 
 interface SkeletonProps {
+  /** card の影。text/circle は影を使用しない。 */
+  elevation?: "default" | "none";
   variant?: SkeletonVariant;
   width?: DimensionValue;
   /** text variant の行数。 */
@@ -46,6 +48,7 @@ interface SkeletonProps {
 
 export function Skeleton({
   variant = "text",
+  elevation = "default",
   width = "100%",
   lines = 1,
   accessibilityLabel = "読み込み中",
@@ -53,7 +56,7 @@ export function Skeleton({
   testID,
 }: SkeletonProps) {
   const { theme, mode } = useTheme();
-  const styles = useMemo(() => resolveSkeletonVariants(theme, mode), [theme, mode]);
+  const styles = useMemo(() => resolveSkeletonVariants(theme, mode, elevation), [theme, mode, elevation]);
   // 初期値 opacityFrom = 非アニメ（reduce-motion でも光らない）。reduce-motion OFF を確認後にのみ loop で揺らす。
   const opacity = useRef(new Animated.Value(PULSE_OPACITY.from)).current;
 
@@ -105,7 +108,7 @@ export function Skeleton({
     const { borderWidth, borderColor } = styles.card.style;
     return (
       <Surface
-        {...CARD_SURFACE_SPEC}
+        {...resolveSkeletonSurfaceProps(elevation)}
         // contract skeleton.card は border-default を要求（Surface は border を出さないので Skeleton で付与）。
         style={[{ borderWidth, borderColor }, style]}
         testID={testID}

package/src/components/card.styles.ts

@@ -7,7 +7,11 @@
  */
 
 import type { ViewStyle } from "react-native";
-import type { NativeTheme, ThemeMode, ElevationKey } from "../theme/index.js";
+import type { NativeTheme, ThemeMode, ElevationKey, RadiusKey, SpacingKey } from "../theme/index.js";
+
+export const CARD_SPEC = {
+  radius: "lg", padding: "6", elevation: "sm", pressedElevation: "md", flatElevation: "none",
+} as const satisfies { radius: RadiusKey; padding: SpacingKey; elevation: ElevationKey; pressedElevation: ElevationKey; flatElevation: ElevationKey };
 
 export type CardVariant = "basic" | "media" | "action" | "link";
 
@@ -33,17 +37,19 @@ export function resolveCardShape(
   mode: ThemeMode,
   variant: CardVariant,
   pressed = false,
+  elevation: "default" | "none" = "default",
 ): ViewStyle {
   const sem = theme.color.semantic[mode];
-  const elevation: ElevationKey = pressed && CARD_INTERACTIVE[variant] ? "md" : "sm";
+  const elevationKey = elevation === "none" ? CARD_SPEC.flatElevation
+    : pressed && CARD_INTERACTIVE[variant] ? CARD_SPEC.pressedElevation : CARD_SPEC.elevation;
   return {
     backgroundColor: sem["bg-surface"],
-    borderRadius: theme.radius.lg,
+    borderRadius: theme.radius[CARD_SPEC.radius],
     borderWidth: 1,
     borderColor: sem["border-default"],
     // media は内側 clip View が padding を持つので外枠は padding なし。
-    ...(variant === "media" ? null : { padding: theme.spacing["6"] }),
-    ...theme.elevation[elevation],
+    ...(variant === "media" ? null : { padding: theme.spacing[CARD_SPEC.padding] }),
+    ...theme.elevation[elevationKey],
   };
 }
 
@@ -52,5 +58,5 @@ export function resolveCardBodyStyle(
   theme: NativeTheme,
   variant: CardVariant,
 ): { padding: number } | undefined {
-  return variant === "media" ? { padding: theme.spacing["6"] } : undefined;
+  return variant === "media" ? { padding: theme.spacing[CARD_SPEC.padding] } : undefined;
 }

package/src/components/skeleton.styles.ts

@@ -37,6 +37,11 @@ export const CARD_SURFACE_SPEC = {
   padding: SpacingKey;
 };
 
+/** Surface と resolver は同じ elevation 選択を共有する。 */
+export function resolveSkeletonSurfaceProps(elevation: "default" | "none" = "default") {
+  return { ...CARD_SURFACE_SPEC, elevation: elevation === "none" ? "none" as const : CARD_SURFACE_SPEC.elevation };
+}
+
 /** バー / アバター円の寸法。recipe と同じく token に対応が無い literal（recipe description 参照）。 */
 export const SKELETON_METRICS = {
   /** text variant の行バー高さ */
@@ -86,7 +91,7 @@ export interface SkeletonVariantStyles {
  * バーの色は text / circle / card すべて border-default（contract に忠実、§1 Agent m2）。
  * card の土台は CARD_SURFACE_SPEC のキーから解決する（component 側の Surface props と同源）。
  */
-export function resolveSkeletonVariants(theme: NativeTheme, mode: ThemeMode): SkeletonVariantStyles {
+export function resolveSkeletonVariants(theme: NativeTheme, mode: ThemeMode, elevation: "default" | "none" = "default"): SkeletonVariantStyles {
   const sem = theme.color.semantic[mode];
   const bar = sem["border-default"];
   return {
@@ -106,21 +111,22 @@ export function resolveSkeletonVariants(theme: NativeTheme, mode: ThemeMode): Sk
         backgroundColor: bar,
       },
     },
-    card: {
+    // card を使う時だけ影を解決する。text/circle は影のトークンを読まない。
+    get card() { return {
       style: {
         backgroundColor: sem[CARD_SURFACE_SPEC.bg],
         borderRadius: theme.radius[CARD_SURFACE_SPEC.radius],
         borderWidth: 1,
         borderColor: bar,
         padding: theme.spacing[CARD_SURFACE_SPEC.padding],
-        elevation: theme.elevation[CARD_SURFACE_SPEC.elevation],
+        elevation: theme.elevation[resolveSkeletonSurfaceProps(elevation).elevation],
       },
       barStyle: {
         height: SKELETON_METRICS.cardBarHeight,
         borderRadius: theme.radius.sm,
         backgroundColor: bar,
       },
-    },
+    }; },
   };
 }