lism-css 0.5.0 → 0.5.2

package/bin/build-config.js

@@ -1,7 +1,8 @@
 import fs from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
-import getMaybeTokenValue from '../src/lib/getMaybeTokenValue.js';
+// CLI実行時にsrcからとると見つかれないので dist からとる
+import getMaybeTokenValue from '../dist/lib/getMaybeTokenValue.js';
 
 // ES modules用の__dirname取得
 const __filename = fileURLToPath(import.meta.url);

package/config/index.js

@@ -2,7 +2,15 @@ import defaultConfig from './default-config.js';
 import userConfig from 'lism-css/config.js'; // ユーザーが上書きできる
 import { objDeepMerge, arrayConvertToSet } from './helper.js';
 
-export const CONFIG = objDeepMerge(defaultConfig, userConfig);
+// ビルド時の設定をマージ
+let mergedConfig = objDeepMerge(defaultConfig, userConfig);
+
+// ブラウザ環境で window._LISM_CSS_CONFIG_ があればランタイムでマージ
+if (typeof window !== 'undefined' && window._LISM_CSS_CONFIG_) {
+	mergedConfig = objDeepMerge(mergedConfig, window._LISM_CSS_CONFIG_);
+}
+
+export const CONFIG = mergedConfig;
 
 const { tokens, props, states } = CONFIG;
 

package/dist/components/Dummy/index.js

@@ -1,12 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import h from "./getContent.js";
-import r from "../Lism/index.js";
-function u({ tag: t = "p", pre: m = "", length: n = "m", lang: i = "en", offset: l = 0, ...e }) {
+import { jsx as n } from "react/jsx-runtime";
+import u from "./getContent.js";
+import e from "../Lism/index.js";
+function h({ tag: t = "p", pre: r = "", length: i = "m", lang: o = "en", offset: s = 0, ...m }) {
   if (t === "img")
-    return /* @__PURE__ */ o(r, { tag: "img", src: "https://placehold.co/300x200?text=placeholder", width: "300", height: "200", alt: "", ...e });
-  const c = h({ tag: t, pre: m, lang: i, length: n, offset: l });
-  return /* @__PURE__ */ o(r, { tag: t, ...e, dangerouslySetInnerHTML: { __html: c } });
+    return /* @__PURE__ */ n(e, { tag: "img", src: "https://cdn.lism-css.com/dummy-image.jpg", width: "600", height: "400", alt: "", ...m });
+  const c = u({ tag: t, pre: r, lang: o, length: i, offset: s });
+  return /* @__PURE__ */ n(e, { tag: t, ...m, dangerouslySetInnerHTML: { __html: c } });
 }
 export {
-  u as default
+  h as default
 };

package/dist/components/getLayoutProps.js

@@ -14,13 +14,13 @@ function u({ _propConfig: e = {}, ...i }) {
   return e.gta = { isVar: 1 }, e.gtc = { isVar: 1 }, e.gtr = { isVar: 1 }, i._propConfig = e, i;
 }
 function l({ sideW: e, mainW: i, style: r = {}, ...t }) {
-  return e != null && (r["--sideW"] = s("sz", e)), i != null && (r["--mainW"] = s("sz", i)), t.style = r, t;
+  return e != null && (r["--sideW"] = s(e, "sz")), i != null && (r["--mainW"] = s(i, "sz")), t.style = r, t;
 }
 function m({ colSize: e, autoType: i, style: r = {}, ...t }) {
   return e && (r["--colSize"] = e), i && (r["--autoType"] = i), t.style = r, t;
 }
 function a({ flow: e, style: i = {}, ...r }) {
-  return f("flow", e) ? r.lismClass = n(r.lismClass, `-flow:${e}`) : e && (i["--flow"] = s("space", e)), r.style = i, r;
+  return f("flow", e) ? r.lismClass = n(r.lismClass, `-flow:${e}`) : e && (i["--flow"] = s(e, "space")), r.style = i, r;
 }
 export {
   d as default

package/dist/config/index.js

@@ -1,11 +1,13 @@
-import t from "./default-config.js";
+import n from "./default-config.js";
 import r from "lism-css/config.js";
-import { arrayConvertToSet as o, objDeepMerge as e } from "./helper.js";
-const s = e(t, r), { tokens: n, props: c, states: m } = s, C = o(structuredClone(n)), S = o(structuredClone(c)), i = m, l = ["sm", "md", "lg", "xl"];
+import { arrayConvertToSet as t, objDeepMerge as e } from "./helper.js";
+let o = e(n, r);
+typeof window < "u" && window._LISM_CSS_CONFIG_ && (o = e(o, window._LISM_CSS_CONFIG_));
+const s = o, { tokens: S, props: i, states: C } = s, _ = t(structuredClone(S)), c = t(structuredClone(i)), p = C, u = ["sm", "md", "lg", "xl"];
 export {
-  l as BREAK_POINTS,
+  u as BREAK_POINTS,
   s as CONFIG,
-  S as PROPS,
-  i as STATES,
-  C as TOKENS
+  c as PROPS,
+  p as STATES,
+  _ as TOKENS
 };

package/dist/lib/getMaybeTokenValue.js

@@ -1,23 +1,23 @@
-function c(t, r, n) {
-  if (typeof t != "string") return r;
-  if (t === "color") {
-    let s = c("c", r, n);
-    return s === r && (s = c("palette", r, n)), s;
+function c(s, r, n) {
+  if (typeof s != "string") return r;
+  if (s === "color") {
+    let i = c("c", r, n);
+    return i === r && (i = c("palette", r, n)), i;
   }
-  const i = n[t];
-  if (!i) return r;
-  if (typeof r == "number" && (r = `${r}`), i instanceof Set) {
-    if (i.has(r))
-      return r.startsWith("-") && (r = `n${r.slice(1)}`), `var(--${t}--${r})`;
-  } else if (Array.isArray(i)) {
-    if (i.includes(r))
-      return r.startsWith("-") && (r = `n${r.slice(1)}`), `var(--${t}--${r})`;
-  } else if (typeof i == "object") {
-    const { pre: s = "", values: f = [] } = i || {};
-    if ((t === "palette" || t === "c") && console.log(":::color:::::", r, f), f instanceof Set && f.has(r))
-      return `var(${s}${r})`;
+  const t = n[s];
+  if (!t) return r;
+  if (typeof r == "number" && (r = `${r}`), t instanceof Set) {
+    if (t.has(r))
+      return r.startsWith("-") && (r = `n${r.slice(1)}`), `var(--${s}--${r})`;
+  } else if (Array.isArray(t)) {
+    if (t.includes(r))
+      return r.startsWith("-") && (r = `n${r.slice(1)}`), `var(--${s}--${r})`;
+  } else if (typeof t == "object") {
+    const { pre: i = "", values: f = [] } = t || {};
+    if (f instanceof Set && f.has(r))
+      return `var(${i}${r})`;
     if (Array.isArray(f) && f.includes(r))
-      return `var(${s}${r})`;
+      return `var(${i}${r})`;
   }
   return r;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lism-css",
-	"version": "0.5.0",
+	"version": "0.5.2",
 	"description": "A layout-first CSS framework for websites.",
 	"author": {
 		"name": "ddryo",

package/packages/astro/Dummy/Dummy.astro

@@ -9,5 +9,5 @@ const { tag = 'p', pre = '', length = 'm', lang = 'en', offset = 0, ...props } =
 const content = getContent({ tag, pre, lang, length, offset });
 ---
 
-{tag === 'img' && <Lism tag='img' src='https://placehold.co/300x200?text=placeholder' width='300' height='200' alt='' {...props} />}
+{tag === 'img' && <Lism tag='img' src='https://cdn.lism-css.com/dummy-image.jpg' width='600' height='400' alt='' {...props} />}
 {tag !== 'img' && <Lism tag={tag} {...props} set:html={content} />}

package/src/scss/_prop-config.scss

@@ -1,4 +1,4 @@
-// 自動生成されたファイル. 生成日時: 2025-10-31T04:59:20.516Z
+// 自動生成されたファイル. 生成日時: 2025-11-01T06:03:57.181Z
 $props: (
 	'f': (
 		prop: 'font',