lism-css 0.15.0 → 0.16.1

package/src/scss/trait/{_boxLink.scss → is/_boxLink.scss}

@@ -1,4 +1,4 @@
-@use '../_mixin' as mixin;
+@use '../../_mixin' as mixin;
 
 .is--boxLink {
   position: relative;

package/src/scss/utility/{_itemDivider.scss → _divide.scss}

@@ -1,10 +1,18 @@
-.u--collapseGrid {
+.u--divide,
+.u--cells {
   --bdw: 1px;
   --bdc: var(--divider);
   gap: var(--bdw);
-  padding: var(--bdw);
 
   & > * {
     box-shadow: 0 0 0 var(--bdw) var(--bdc);
   }
 }
+/* 間の区切りだけ */
+.u--divide {
+  overflow: clip;
+}
+/* 各セルを囲む */
+.u--cells {
+  padding: var(--bdw);
+}

package/src/scss/utility/_trim.scss

@@ -0,0 +1,12 @@
+/*
+  ハーフレディングをトリミングするユーティリティクラス。
+ */
+.u--trim {
+  margin-block: calc(var(--hl) * -1);
+}
+
+// 子要素の一括トリミング
+// :empty → img, hr, input, br などにもマッチ。かつ中身のない装飾 a--divider や a--spacer もこれだけで除外できる
+.u--trimAll > :not(:empty, figure, picture, video, button, textarea, table) {
+  margin-block: calc(var(--hl) * -1);
+}

package/src/scss/utility/index.scss

@@ -1,5 +1,5 @@
-@forward './trimHL';
+@forward './trim';
 @forward './cbox';
-@forward './itemDivider';
-@forward './hidden';
+@forward './divide';
+@forward './srOnly';
 @forward './clipText';

package/dist/components/layout/FluidCols/FluidCols.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-import { LayoutComponentProps } from '../../Lism';
-import { FluidColsProps } from '../../../lib/types/LayoutProps';
-export default function FluidCols<T extends ElementType = 'div'>(props: LayoutComponentProps<T, FluidColsProps>): import("react").JSX.Element;

package/dist/components/layout/FluidCols/index.d.ts

@@ -1 +0,0 @@
-export { default as FluidCols } from './FluidCols';

package/dist/components/layout/FluidCols/index.js

@@ -1,8 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import t from "../../Lism/index.js";
-function u(o) {
-  return /* @__PURE__ */ r(t, { layout: "fluidCols", ...o });
-}
-export {
-  u as default
-};

package/dist/components/layout/SideMain/SideMain.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-import { LayoutComponentProps } from '../../Lism';
-import { SideMainProps } from '../../../lib/types/LayoutProps';
-export default function SideMain<T extends ElementType = 'div'>(props: LayoutComponentProps<T, SideMainProps>): import("react").JSX.Element;

package/dist/components/layout/SideMain/index.d.ts

@@ -1 +0,0 @@
-export { default as SideMain } from './SideMain';

package/dist/components/layout/SideMain/index.js

@@ -1,8 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "../../Lism/index.js";
-function e(i) {
-  return /* @__PURE__ */ o(r, { layout: "sideMain", ...i });
-}
-export {
-  e as default
-};

package/dist/components/layout/SwitchCols/SwitchCols.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-import { LayoutComponentProps } from '../../Lism';
-import { SwitchColsProps } from '../../../lib/types/LayoutProps';
-export default function SwitchCols<T extends ElementType = 'div'>(props: LayoutComponentProps<T, SwitchColsProps>): import("react").JSX.Element;

package/dist/components/layout/SwitchCols/index.d.ts

@@ -1 +0,0 @@
-export { default as SwitchCols } from './SwitchCols';

package/dist/components/layout/SwitchCols/index.js

@@ -1,8 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import r from "../../Lism/index.js";
-function m(o) {
-  return /* @__PURE__ */ t(r, { layout: "switchCols", ...o });
-}
-export {
-  m as default
-};

package/packages/astro/layout/FluidCols/index.ts

@@ -1 +0,0 @@
-export { default as FluidCols } from './FluidCols.astro';

package/packages/astro/layout/SideMain/index.ts

@@ -1 +0,0 @@
-export { default as SideMain } from './SideMain.astro';

package/packages/astro/layout/SwitchCols/index.ts

@@ -1 +0,0 @@
-export { default as SwitchCols } from './SwitchCols.astro';

package/src/scss/utility/_trimHL.scss

@@ -1,38 +0,0 @@
-/*
-  ハーフレディングをトリミングするユーティリティクラス。
-    Memo: そのうち text-box-trim が使えるようになる
- */
-
-.u--trim {
-  // 詰まりすぎにならないようにほんの少しだけ余裕を持たせる
-  // margin-block: calc(0.5px + var(--HL) * -1);
-  margin-block: calc(var(--hl) * -1);
-}
-
-// 子要素の一括トリミング
-.u--trimChildren {
-  > * {
-    --my: calc(var(--hl) * -1);
-    margin-block: var(--my);
-  }
-
-  /*
-	 * トリミング除外要素
-	 *   Memo: --hl を 0 にはしないようにする.
-	*/
-  > :where(figure, img, button) {
-    --my: 0px;
-  }
-}
-
-// .u--trimBox {
-// 	:where(&) > * {
-// 		--trimHL: calc(0.5px + var(--HL) * -1);
-// 	}
-// 	> :first-child {
-// 		margin-block-start: var(--trimHL);
-// 	}
-// 	> :last-child {
-// 		margin-block-end: var(--trimHL);
-// 	}
-// }