melta-app 0.1.0 → 0.1.1

package/README.md

@@ -188,7 +188,8 @@ import { Icon } from "melta-app/icons";
   - 既知の割り切り: Screen の SafeArea は RN core の SafeAreaView（deprecated / iOS のみの最小対応）。依存ゼロ方針を優先した判断で、精度が必要になれば react-native-safe-area-context への adapter 化を検討
 - ✅ form / feedback 10 個（TextField / Toggle / Checkbox / Radio / Alert / Toast / Progress / Modal / ActionSheet / BottomSheet）— checkbox / radio は Pressable + 描画（svg 非依存）、ActionSheet / BottomSheet は select / dropdown の adapted 変換先の受け皿
 - ✅ showcase（https://app.melta.tsubotax.com — melta-ui 様式シェル + 実 RN カタログの Live 埋め込み。表・統計は契約からビルド時生成）
-- ⬜ 0.1.0 publish → React Native Directory 登録
+- ✅ [npm publish（0.1.0）](https://www.npmjs.com/package/melta-app)
+- ⬜ React Native Directory 登録（[PR #2606](https://github.com/react-native-community/directory/pull/2606) レビュー待ち）
 
 詳細は D2I リポの `.team/specs/requirements-melta-app.md`。
 

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

@@ -63,7 +63,7 @@ export function resolveAvatarStyle(theme, mode, variant, size) {
       })
     },
     text: {
-      color: theme.color.primary["500"],
+      color: theme.color.primary["600"],
       fontWeight: theme.typography.fontWeight.medium,
       fontSize: theme.typography.fontSize[s.fontSize].fontSize
     },

package/lib/module/primitives/button.styles.js

@@ -69,7 +69,7 @@ export function resolveVariant(theme, mode, variant) {
       return {
         bg: c.primary["50"],
         pressedBg: c.primary["100"],
-        textColor: c.primary["500"]
+        textColor: c.primary["600"]
       };
     case "danger":
       return {

package/lib/module/theme/native-theme.js

@@ -66,10 +66,10 @@ export const nativeTheme = {
         "textDark": "#fcd34d"
       },
       "danger": {
-        "base": "#ef4444",
+        "base": "#dc2626",
         "subtleLight": "#fef2f2",
-        "textLight": "#dc2626",
-        "subtleDark": "rgba(239,68,68,0.12)",
+        "textLight": "#b91c1c",
+        "subtleDark": "rgba(220,38,38,0.12)",
         "textDark": "#fca5a5"
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "melta-app",
-  "version": "0.1.0",
+  "version": "0.1.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",
@@ -62,7 +62,7 @@
     "@types/react": "~19.2.2",
     "eslint": "^10.4.1",
     "jest": "^29.7.0",
-    "melta-contracts": "^0.4.0",
+    "melta-contracts": "^0.4.1",
     "react": "19.2.3",
     "react-native": "0.85.3",
     "react-native-builder-bob": "^0.40.13",

package/src/components/avatar.styles.ts

@@ -76,7 +76,7 @@ export function resolveAvatarStyle(
           }),
     },
     text: {
-      color: theme.color.primary["500"],
+      color: theme.color.primary["600"],
       fontWeight: theme.typography.fontWeight.medium,
       fontSize: theme.typography.fontSize[s.fontSize].fontSize,
     },

package/src/primitives/button.styles.ts

@@ -60,7 +60,7 @@ export function resolveVariant(
     case "neutral":
       return { bg: sem["bg-surface-alt"], pressedBg: sem["border-default"], textColor: sem["text-default"] };
     case "lighted":
-      return { bg: c.primary["50"], pressedBg: c.primary["100"], textColor: c.primary["500"] };
+      return { bg: c.primary["50"], pressedBg: c.primary["100"], textColor: c.primary["600"] };
     case "danger":
       return { bg: c.status.danger.base, pressedBg: c.status.danger.textLight, textColor: sem["text-on-accent"] };
     case "subtle":

package/src/theme/native-theme.ts

@@ -66,10 +66,10 @@ export const nativeTheme: NativeTheme = {
         "textDark": "#fcd34d"
       },
       "danger": {
-        "base": "#ef4444",
+        "base": "#dc2626",
         "subtleLight": "#fef2f2",
-        "textLight": "#dc2626",
-        "subtleDark": "rgba(239,68,68,0.12)",
+        "textLight": "#b91c1c",
+        "subtleDark": "rgba(220,38,38,0.12)",
         "textDark": "#fca5a5"
       }
     }