@serendie/ui 2.2.3 → 2.2.4-dev.202510160446

package/dist/components/TopAppBar/TopAppBar.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
 import { RecipeVariantProps } from '../../../styled-system/css';
 import { NotificationBadgeProps } from '../NotificationBadge';
-declare const topAppBarStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"container" | "left" | "root" | "title" | "buttonContainer", {
+declare const topAppBarStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"title" | "container" | "left" | "root" | "buttonContainer", {
     type: {
         navbar: {};
         titleBar: {};

package/dist/preset.d.ts

@@ -1177,9 +1177,6 @@ export declare const SerendiePreset: {
             breakpoints: {
                 expanded: string;
             };
-            recipes: {
-                textFieldRecipe: import('../styled-system/types').SlotRecipeConfig;
-            };
             tokens: {
                 sizes: {
                     sd: {

package/dist/preset.js

@@ -1,20 +1,18 @@
-import { SerendieRecipes as e } from "./recipes/index.js";
-import { SerendieTypography as r, SerendieTokens as n } from "./tokens/index.js";
+import { SerendieTypography as e, SerendieTokens as n } from "./tokens/index.js";
 import { getToken as t } from "./tokens/getToken.js";
 import { SerendieKeyframes as o } from "./tokens/keyframes/index.js";
-const { sd: s } = t(), { themes: f, ...i } = n, k = {
+const { sd: r } = t(), { themes: p, ...s } = n, a = {
   name: "serendie",
   theme: {
     extend: {
       breakpoints: {
-        expanded: s.system.dimension.breakpoint.expanded
+        expanded: r.system.dimension.breakpoint.expanded
       },
-      recipes: e,
       tokens: {
-        ...i
+        ...s
       },
       textStyles: {
-        ...r
+        ...e
       },
       keyframes: {
         ...o
@@ -23,6 +21,6 @@ const { sd: s } = t(), { themes: f, ...i } = n, k = {
   }
 };
 export {
-  k as SerendiePreset,
-  f as themes
+  a as SerendiePreset,
+  p as themes
 };

package/dist/recipes/textFieldRecipe.d.ts

@@ -1,6 +1,13 @@
-import { SlotRecipeConfig } from '../../styled-system/types';
 /**
  * 共通フォームスタイルレシピ
  * TextField、DatePicker、Select、TextAreaなどのフォームコンポーネントで共通のスタイルを定義
  */
-export declare const textFieldRecipe: SlotRecipeConfig;
+export declare const textFieldRecipe: import('../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "description" | "input" | "label" | "root" | "labelRequired" | "inputWrapper" | "leftContent" | "rightContent" | "messageField" | "invalidMessage", {
+    fullWidth: {
+        true: {
+            root: {
+                width: "100%";
+            };
+        };
+    };
+}>;

package/dist/recipes/textFieldRecipe.js

@@ -1,4 +1,5 @@
-const e = {
+import { sva as e } from "../styled-system/css/sva.js";
+const o = e({
   className: "input",
   slots: [
     "root",
@@ -100,8 +101,17 @@ const e = {
     invalidMessage: {
       color: "sd.system.color.impression.negative"
     }
+  },
+  variants: {
+    fullWidth: {
+      true: {
+        root: {
+          width: "100%"
+        }
+      }
+    }
   }
-};
+});
 export {
-  e as textFieldRecipe
+  o as textFieldRecipe
 };

package/dist/styled-system/css/cva.js

@@ -1,65 +1,60 @@
-import { memo as y, compact as C, splitProps as h, uniq as w, mergeProps as E } from "../helpers.js";
-import { mergeCss as f, css as P } from "./css.js";
-const g = (s) => ({
+import { memo as y, compact as C, splitProps as P, uniq as h, mergeProps as E } from "../helpers.js";
+import { mergeCss as u, css as K } from "./css.js";
+const j = (n) => ({
   base: {},
   variants: {},
   defaultVariants: {},
   compoundVariants: [],
-  ...s
+  ...n
 });
-function K(s) {
-  const { base: a, variants: t, defaultVariants: e, compoundVariants: m } = g(s), i = (n) => ({ ...e, ...C(n) });
-  function o(n = {}) {
-    var l;
-    const r = i(n);
-    let c = { ...a };
-    for (const [V, v] of Object.entries(r))
-      (l = t[V]) != null && l[v] && (c = f(c, t[V][v]));
-    const u = M(m, r);
-    return f(c, u);
+function M(n) {
+  const { base: f, variants: s, defaultVariants: e, compoundVariants: m } = j(n), o = (t) => ({ ...e, ...C(t) });
+  function a(t = {}) {
+    var d;
+    const r = o(t);
+    let i = { ...f };
+    for (const [l, V] of Object.entries(r))
+      (d = s[l]) != null && d[V] && (i = u(i, s[l][V]));
+    const c = A(m, r);
+    return u(i, c);
   }
-  function d(n) {
-    const r = g(n.config), c = w(n.variantKeys, Object.keys(t));
-    return K({
-      base: f(a, r.base),
+  function v(t) {
+    const r = j(t.config), i = h(t.variantKeys, Object.keys(s));
+    return M({
+      base: u(f, r.base),
       variants: Object.fromEntries(
-        c.map((u) => [u, f(t[u], r.variants[u])])
+        i.map((c) => [c, u(s[c], r.variants[c])])
       ),
       defaultVariants: E(e, r.defaultVariants),
       compoundVariants: [...m, ...r.compoundVariants]
     });
   }
-  function p(n) {
-    return P(o(n));
+  function p(t) {
+    return K(a(t));
   }
-  const b = Object.keys(t);
-  function j(n) {
-    return h(n, b);
+  const b = Object.keys(s);
+  function O(t) {
+    return P(t, b);
   }
-  const O = Object.fromEntries(Object.entries(t).map(([n, r]) => [n, Object.keys(r)]));
+  const g = Object.fromEntries(Object.entries(s).map(([t, r]) => [t, Object.keys(r)]));
   return Object.assign(y(p), {
     __cva__: !0,
-    variantMap: O,
+    variantMap: g,
     variantKeys: b,
-    raw: o,
-    config: s,
-    merge: d,
-    splitVariantProps: j,
-    getVariantProps: i
+    raw: a,
+    config: n,
+    merge: v,
+    splitVariantProps: O,
+    getVariantProps: o
   });
 }
-function M(s, a) {
-  let t = {};
-  return s.forEach((e) => {
-    Object.entries(e).every(([i, o]) => i === "css" ? !0 : (Array.isArray(o) ? o : [o]).some((p) => a[i] === p)) && (t = f(t, e.css));
-  }), t;
-}
-function $(s, a, t, e) {
-  if (a.length > 0 && typeof (t == null ? void 0 : t[e]) == "object")
-    throw new Error(`[recipe:${s}:${e}] Conditions are not supported when using compound variants.`);
+function A(n, f) {
+  let s = {};
+  return n.forEach((e) => {
+    Object.entries(e).every(([o, a]) => o === "css" ? !0 : (Array.isArray(a) ? a : [a]).some((p) => f[o] === p)) && (s = u(s, e.css));
+  }), s;
 }
 export {
-  $ as assertCompoundVariant,
-  K as cva,
-  M as getCompoundVariantCss
+  M as cva,
+  A as getCompoundVariantCss
 };