lism-css 0.11.0 → 0.13.0

package/dist/components/LinkBox/script.d.ts

@@ -1,4 +0,0 @@
-/**
- * altKey押下時の処理 テスト用
- */
-export default function enableSelectTextWithAltKeyAtLinkBox(): void;

package/dist/config/defaults/states.js

@@ -1,38 +0,0 @@
-import t from "../helper/getSvgUrl.js";
-const a = {
-  isContainer: "is--container",
-  isWrapper: {
-    className: "is--wrapper",
-    preset: ["s", "l"],
-    presetClass: "-contentSize",
-    customVar: "--contentSize",
-    tokenKey: "sz"
-  },
-  isLayer: "is--layer",
-  isLinkBox: "is--linkBox",
-  isSide: "is--side",
-  isSkipFlow: "is--skipFlow",
-  isVertical: "is--vertical",
-  setGutter: "set--gutter",
-  // set class
-  setShadow: "set--shadow",
-  setHov: "set--hov",
-  setTransition: "set--transition",
-  setMask: {
-    // 'set--mask',
-    className: "set--mask",
-    setStyles: (e) => {
-      let s = e;
-      return s.startsWith("<svg") && (s = t(e, "base64")), {
-        "--maskImg": s
-      };
-    }
-  },
-  setPlain: "set--plain",
-  // setRevert: 'set--revert',
-  setInnerRs: "set--innerRs",
-  setBp: "set--bp"
-};
-export {
-  a as default
-};

package/dist/config/helper/getSvgUrl.d.ts

@@ -1,5 +0,0 @@
-/**
- * svgをcssの image url に変換
- */
-declare const getSvgUrl: (svg: string, encode?: string) => string;
-export default getSvgUrl;

package/dist/config/helper/getSvgUrl.js

@@ -1,4 +0,0 @@
-const a = (e, r = "") => e ? r === "base64" ? (e = Buffer.from(e).toString("base64"), `url(data:image/svg+xml;base64,${e})`) : (e = e.replace(/'/g, '"'), e = e.replace(/="#/g, '="%23'), `url('data:image/svg+xml,${e}')`) : "";
-export {
-  a as default
-};

package/dist/css/modules/layout.css

@@ -1 +0,0 @@
-.l--flow{--flow--base:var(--s30);--flow--s:var(--s20);display:flow-root}.l--flow>*+*{--flow:var(--flow--base);margin-block-start:var(--flow)}.l--flow>:where(img,video,iframe){display:block}.-flow\:s>*{--flow:var(--flow--s)}.-flow\:>*{--flow:inherit}.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow)*var(--flow-hScale, 2))}.is--skipFlow+*,.l--flow>:first-child{--flow:0px}.l--flex{display:flex}.l--flex>*{min-width:0}.l--cluster{align-items:center;display:flex;flex-wrap:wrap}.l--stack{display:flex;flex-direction:column}.l--grid{--gtr:none;--gtc:none;--gta:none;display:grid;grid-template:var(--gtr)/var(--gtc);grid-template-areas:var(--gta)}.l--grid>*{min-width:0}.l--center{display:grid;place-content:center;place-items:center}.l--fluidCols{--cols:var(--sz--min);--autoMode:auto-fit;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}.l--columns{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.l--sideMain{--sideW:auto;--mainW:max(var(--sz--min),50%);display:flex;flex-wrap:wrap}.l--sideMain>.is--side{flex-basis:var(--sideW);flex-grow:1}.l--sideMain>:not(.is--side){flex-basis:min(100%,var(--mainW));flex-grow:9999999}.l--switchCols{--breakSize:var(--sz--xs);display:flex;flex-wrap:wrap}.l--switchCols>*{flex-basis:calc((var(--breakSize) - 100%)*9999);flex-grow:1}.l--frame{overflow:hidden}.l--frame>:where(img,video,iframe){display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}

package/dist/css/modules/state.css

@@ -1 +0,0 @@
-.is--container{container-type:inline-size}.is--container>*{--sz--container:100cqi}.is--container.set--gutter>*{--sz--container:calc(100cqi + var(--gutter-size)*2)}.is--wrapper{--contentSize:var(--sz--m,100%)}.is--wrapper>*{margin-inline:auto;max-inline-size:min(100%,var(--contentSize))}.-contentSize\:s{--contentSize:var(--sz--s)}.-contentSize\:l{--contentSize:var(--sz--l)}.is--linkBox{color:inherit;cursor:pointer;display:block;isolation:isolate;pointer-events:auto;position:relative;text-decoration:none}.is--linkBox a{position:relative;z-index:2}.is--layer{inset:0;overflow:hidden;position:absolute}.is--vertical{writing-mode:var(--vertical-mode)}.is--vertical\@sm{writing-mode:var(--_is_sm) var(--vertical-mode)}.is--vertical\@md{writing-mode:var(--_is_md) var(--vertical-mode)}

package/dist/lib/types/StateProps.d.ts

@@ -1,27 +0,0 @@
-import { STATES } from '../../../config/index';
-import { WithArbitraryString, ArrayElement } from './utils';
-/**
- * config/index.ts から STATES の型を取得
- * objDeepMerge の DeepMergeResult 型により literal types が保持される
- */
-type StatesConfig = typeof STATES;
-/** preset を持つ State の値の型を抽出 */
-type PresetElement<T> = T extends {
-    preset: readonly unknown[];
-} ? ArrayElement<T['preset']> : never;
-/**
- * State 設定から Props の値の型を抽出するユーティリティ型
- */
-type ExtractStateValue<T> = T extends string ? boolean : T extends {
-    preset: readonly unknown[];
-} ? WithArbitraryString<PresetElement<T>> | boolean : T extends {
-    setStyles: unknown;
-} ? string : never;
-/**
- * config/index.ts の STATES から自動生成される State Props の型
- * config/index.ts の STATES に新しいステートを追加すると自動的に反映される
- */
-export type StateProps = {
-    [K in keyof StatesConfig]?: ExtractStateValue<StatesConfig[K]>;
-};
-export {};

package/packages/astro/Container/Container.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLTag, Polymorphic } from 'astro/types';
-import type { AstroLismBaseProps } from '../types';
-import { Lism } from '../Lism';
-
-type Props<Tag extends HTMLTag = 'div'> = Polymorphic<{ as: Tag }> &
-  AstroLismBaseProps & {
-    size?: string;
-  };
-
-const { size, ...props } = Astro.props;
----
-
-<Lism isContainer isWrapper={size} {...props}><slot /></Lism>

package/packages/astro/HTML/_index_memo.js

@@ -1,29 +0,0 @@
-// コンポーネントを動的に生成するユーティリティを使った方法.( Astro アプデで動かなくなるリスクあり)
-
-import { createComponent, renderComponent } from 'astro/runtime/server/index.js';
-import Lism from '../Lism/Lism.astro';
-
-// <Lism as="*"> の薄いラッパーを動的に生成するユーティリティ
-const createHTMLComponent = (tag, baseProps = {}) =>
-  createComponent((result, props = {}, slots = {}) => {
-    return renderComponent(result, 'Lism', Lism, { as: tag, ...baseProps, ...props }, slots);
-  });
-
-// 見出しだけ lv でタグ名を変える
-const createHeadingComponent = () =>
-  createComponent((result, props = {}, slots = {}) => {
-    const { lv = '1', ...rest } = props;
-    return renderComponent(result, 'Lism', Lism, { as: `h${lv}`, ...rest }, slots);
-  });
-
-// よく使うタグをまとめてラップ
-const tags = ['div', 'p', 'span', 'a', 'img', 'ul', 'ol', 'li'];
-const HTML = Object.fromEntries(tags.map((tag) => [tag, createHTMLComponent(tag)]));
-
-// button だけ setPlain を付与
-HTML.button = createHTMLComponent('button', { setPlain: true });
-
-// h1~h6 を lv で分岐
-HTML.h = createHeadingComponent();
-
-export default HTML;

package/packages/astro/HTML/a.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.AnchorHTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="a" {...props}><slot /></Lism>

package/packages/astro/HTML/button.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.ButtonHTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="button" {...props}><slot /></Lism>

package/packages/astro/HTML/div.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.HTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="div" {...props}><slot /></Lism>

package/packages/astro/HTML/h.astro

@@ -1,13 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps &
-  Omit<astroHTML.JSX.HTMLAttributes, keyof AstroLismBaseProps> & {
-    lv?: '1' | '2' | '3' | '4' | '5' | '6';
-  };
-
-const { lv = '1', ...props } = Astro.props;
----
-
-<Lism as={`h${lv}`} {...props}><slot /></Lism>

package/packages/astro/HTML/img.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.ImgHTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="img" {...props}><slot /></Lism>

package/packages/astro/HTML/index.ts

@@ -1,12 +0,0 @@
-import div from './div.astro';
-import p from './p.astro';
-import h from './h.astro';
-import span from './span.astro';
-import a from './a.astro';
-import button from './button.astro';
-import img from './img.astro';
-import ul from './ul.astro';
-import ol from './ol.astro';
-import li from './li.astro';
-
-export default { div, p, h, span, img, a, button, ul, ol, li };

package/packages/astro/HTML/li.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.LiHTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="li" {...props}><slot /></Lism>

package/packages/astro/HTML/ol.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.OlHTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="ol" {...props}><slot /></Lism>

package/packages/astro/HTML/p.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.HTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="p" {...props}><slot /></Lism>

package/packages/astro/HTML/span.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.HTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="span" {...props}><slot /></Lism>

package/packages/astro/HTML/ul.astro

@@ -1,10 +0,0 @@
----
-import type { AstroLismBaseProps } from '../types';
-import Lism from '../Lism/Lism.astro';
-
-type Props = AstroLismBaseProps & Omit<astroHTML.JSX.HTMLAttributes, keyof AstroLismBaseProps>;
-
-const props = Astro.props;
----
-
-<Lism as="ul" {...props}><slot /></Lism>

package/packages/astro/LinkBox/index.ts

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

package/src/scss/modules/layout/_grid.scss

@@ -1,12 +0,0 @@
-.l--grid {
-  --gtr: none;
-  --gtc: none;
-  --gta: none;
-  display: grid;
-  grid-template: var(--gtr) / var(--gtc);
-  grid-template-areas: var(--gta);
-
-  > * {
-    min-width: 0;
-  }
-}

package/src/scss/modules/state/index.scss

@@ -1,6 +0,0 @@
-// state
-@forward './container';
-@forward './wrapper';
-@forward './linkbox';
-@forward './layer'; // Note: position の関係で、linkbox より後で読み込む
-@forward './vertical';