lism-css 0.11.0 → 0.13.0

package/dist/components/{SideMain → layout/SideMain}/SideMain.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
-import { LayoutComponentProps } from '../Lism';
-import { SideMainProps } from '../../lib/types/LayoutProps';
+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/{SideMain → layout/SideMain}/index.js

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

package/dist/components/{Stack → layout/Stack}/Stack.d.ts

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

package/dist/components/{Stack → layout/Stack}/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import r from "../Lism/index.js";
+import r from "../../Lism/index.js";
 function f(t) {
   return /* @__PURE__ */ o(r, { layout: "stack", ...t });
 }

package/dist/components/{SwitchCols → layout/SwitchCols}/SwitchCols.d.ts

@@ -1,4 +1,4 @@
 import { ElementType } from 'react';
-import { LayoutComponentProps } from '../Lism';
-import { SwitchColsProps } from '../../lib/types/LayoutProps';
+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/{SwitchCols → layout/SwitchCols}/index.js

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

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

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

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

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

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

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

package/dist/components/state/BoxLink/BoxLink.d.ts

@@ -0,0 +1,5 @@
+import { ElementType } from 'react';
+import { LismComponentProps } from '../../Lism';
+type BoxLinkProps<T extends ElementType = 'a'> = LismComponentProps<T>;
+export default function BoxLink<T extends ElementType = 'a'>({ as, children, ...props }: BoxLinkProps<T>): import("react").JSX.Element;
+export {};

package/dist/components/{LinkBox/LinkBox.stories.d.ts → state/BoxLink/BoxLink.stories.d.ts}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
-import { LinkBox } from './index';
-declare const meta: Meta<typeof LinkBox>;
+import { BoxLink } from './index';
+declare const meta: Meta<typeof BoxLink>;
 export default meta;
-type Story = StoryObj<typeof LinkBox>;
+type Story = StoryObj<typeof BoxLink>;
 export declare const Default: Story;
 export declare const WithoutHref: Story;

package/dist/components/state/BoxLink/index.d.ts

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

package/dist/components/{LinkBox → state/BoxLink}/index.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
-import e from "../Lism/index.js";
+import e from "../../Lism/index.js";
 function m({ as: r, children: o, ...t }) {
   const a = !!!t.href && (r ?? "a") === "a" ? "div" : r ?? "a";
-  return /* @__PURE__ */ i(e, { isLinkBox: !0, as: a, ...t, children: o });
+  return /* @__PURE__ */ i(e, { isBoxLink: !0, as: a, ...t, children: o });
 }
 export {
   m as default

package/dist/components/state/BoxLink/script.d.ts

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

package/dist/components/state/Container/Container.d.ts

@@ -0,0 +1,2 @@
+import { LismComponentProps } from '../../Lism';
+export default function Container(props: LismComponentProps): import("react").JSX.Element;

package/dist/components/{Container → state/Container}/Container.stories.d.ts

@@ -4,5 +4,5 @@ declare const meta: Meta<typeof Container>;
 export default meta;
 type Story = StoryObj<typeof Container>;
 export declare const Default: Story;
-export declare const SizeS: Story;
-export declare const SizeL: Story;
+export declare const WrapperS: Story;
+export declare const WrapperL: Story;

package/dist/components/state/Container/index.js

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

package/dist/components/{Layer → state/Layer}/Layer.d.ts

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { LismComponentProps } from '../Lism';
+import { LismComponentProps } from '../../Lism';
 type LayerProps<T extends ElementType = 'div'> = LismComponentProps<T>;
 export default function Layer<T extends ElementType = 'div'>(props: LayerProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/{Layer → state/Layer}/index.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import e from "../Lism/index.js";
+import e from "../../Lism/index.js";
 function m(r) {
   return /* @__PURE__ */ t(e, { isLayer: !0, ...r });
 }

package/dist/components/{Wrapper → state/Wrapper}/Wrapper.d.ts

@@ -1,4 +1,4 @@
-import { LismComponentProps } from '../Lism';
+import { LismComponentProps } from '../../Lism';
 type WrapperProps = LismComponentProps & {
     contentSize?: LismComponentProps['isWrapper'];
 };

package/dist/components/{Wrapper → state/Wrapper}/index.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import e from "../Lism/index.js";
+import e from "../../Lism/index.js";
 function m({ contentSize: r, ...p }) {
   return /* @__PURE__ */ t(e, { isWrapper: r || !0, ...p });
 }

package/dist/config/default-config.d.ts

@@ -95,10 +95,7 @@ declare const _default: {
         };
         readonly d: {
             readonly prop: "display";
-            readonly presets: readonly ["none", "block"];
-            readonly utils: {
-                readonly 'in-flex': "inline-flex";
-            };
+            readonly presets: readonly ["none", "block", "flex", "inline-flex", "grid", "inline-grid", "inline", "inline-block"];
             readonly bp: 1;
         };
         readonly o: {
@@ -259,7 +256,7 @@ declare const _default: {
             readonly isVar: 1;
             readonly presets: readonly ["brand", "accent", "divider", "inherit", "transparent"];
             readonly utils: {
-                readonly cc: "currentColor";
+                readonly current: "currentColor";
             };
             readonly token: "color";
         };
@@ -350,11 +347,7 @@ declare const _default: {
         };
         readonly pos: {
             readonly prop: "position";
-            readonly presets: readonly ["static", "fixed", "sticky"];
-            readonly utils: {
-                readonly rel: "relative";
-                readonly abs: "absolute";
-            };
+            readonly presets: readonly ["static", "fixed", "sticky", "relative", "absolute"];
         };
         readonly z: {
             readonly prop: "zIndex";
@@ -572,12 +565,12 @@ declare const _default: {
             readonly overwriteBaseVar: 1;
             readonly bp: 1;
         };
-        readonly 'g-x': {
+        readonly cg: {
             readonly prop: "columnGap";
             readonly token: "space";
             readonly bp: 1;
         };
-        readonly 'g-y': {
+        readonly rg: {
             readonly prop: "rowGap";
             readonly token: "space";
             readonly bp: 1;
@@ -600,11 +593,7 @@ declare const _default: {
         };
         readonly fxd: {
             readonly prop: "flexDirection";
-            readonly utils: {
-                readonly col: "column";
-                readonly 'col-r': "column-reverse";
-                readonly 'row-r': "row-reverse";
-            };
+            readonly presets: readonly ["column", "column-reverse", "row-reverse"];
             readonly bp: 1;
         };
         readonly fx: {
@@ -626,12 +615,6 @@ declare const _default: {
         };
         readonly gt: {
             readonly prop: "gridTemplate";
-            readonly presets: readonly ["repeat"];
-            readonly exUtility: {
-                readonly repeat: {
-                    readonly 'grid-template': "repeat(var(--rows,1), 1fr) / repeat(var(--cols,1), 1fr)";
-                };
-            };
             readonly bp: 1;
         };
         readonly gta: {
@@ -650,10 +633,7 @@ declare const _default: {
         };
         readonly gaf: {
             readonly prop: "gridAutoFlow";
-            readonly utils: {
-                readonly row: "row";
-                readonly col: "column";
-            };
+            readonly presets: readonly ["row", "column"];
             readonly bp: 1;
         };
         readonly gac: {
@@ -697,67 +677,55 @@ declare const _default: {
         };
         readonly ai: {
             readonly prop: "alignItems";
-            readonly presets: readonly ["start", "center", "end", "stretch"];
-            readonly utils: {
-                readonly 'flex-s': "flex-start";
-                readonly 'flex-e': "flex-end";
-            };
+            readonly presets: readonly ["start", "center", "end", "stretch", "flex-start", "flex-end"];
             readonly shorthands: {
                 readonly s: "start";
                 readonly e: "end";
                 readonly c: "center";
-                readonly fs: "flex-s";
-                readonly fe: "flex-e";
+                readonly fs: "flex-start";
+                readonly fe: "flex-end";
             };
             readonly bp: 1;
         };
         readonly ac: {
             readonly prop: "alignContent";
-            readonly presets: readonly ["start", "center", "end"];
+            readonly presets: readonly ["start", "center", "end", "flex-start", "flex-end"];
             readonly utils: {
                 readonly between: "space-between";
-                readonly 'flex-s': "flex-start";
-                readonly 'flex-e': "flex-end";
             };
             readonly shorthands: {
                 readonly s: "start";
                 readonly e: "end";
                 readonly c: "center";
-                readonly fs: "flex-s";
-                readonly fe: "flex-e";
+                readonly fs: "flex-start";
+                readonly fe: "flex-end";
             };
             readonly bp: 1;
         };
         readonly ji: {
             readonly prop: "justifyItems";
-            readonly presets: readonly ["start", "center", "end", "stretch"];
-            readonly utils: {
-                readonly 'flex-s': "flex-start";
-                readonly 'flex-e': "flex-end";
-            };
+            readonly presets: readonly ["start", "center", "end", "stretch", "flex-start", "flex-end"];
             readonly shorthands: {
                 readonly s: "start";
                 readonly e: "end";
                 readonly c: "center";
-                readonly fs: "flex-s";
-                readonly fe: "flex-e";
+                readonly fs: "flex-start";
+                readonly fe: "flex-end";
             };
             readonly bp: 1;
         };
         readonly jc: {
             readonly prop: "justifyContent";
-            readonly presets: readonly ["start", "center", "end"];
+            readonly presets: readonly ["start", "center", "end", "flex-start", "flex-end"];
             readonly utils: {
                 readonly between: "space-between";
-                readonly 'flex-s': "flex-start";
-                readonly 'flex-e': "flex-end";
             };
             readonly shorthands: {
                 readonly s: "start";
                 readonly e: "end";
                 readonly c: "center";
-                readonly fs: "flex-s";
-                readonly fe: "flex-e";
+                readonly fs: "flex-start";
+                readonly fe: "flex-end";
             };
             readonly bp: 1;
         };
@@ -776,8 +744,8 @@ declare const _default: {
                 readonly s: "start";
                 readonly e: "end";
                 readonly c: "center";
-                readonly fs: "flex-s";
-                readonly fe: "flex-e";
+                readonly fs: "flex-start";
+                readonly fe: "flex-end";
             };
         };
         readonly jslf: {
@@ -787,8 +755,8 @@ declare const _default: {
                 readonly s: "start";
                 readonly e: "end";
                 readonly c: "center";
-                readonly fs: "flex-s";
-                readonly fe: "flex-e";
+                readonly fs: "flex-start";
+                readonly fe: "flex-end";
             };
         };
         readonly pslf: {
@@ -801,9 +769,7 @@ declare const _default: {
         };
         readonly ovwrap: {
             readonly prop: "overflowWrap";
-            readonly utils: {
-                readonly any: "anywhere";
-            };
+            readonly presets: readonly ["anywhere"];
         };
         readonly whspace: {
             readonly prop: "whiteSpace";
@@ -822,7 +788,7 @@ declare const _default: {
             readonly presets: readonly ["isolate"];
         };
     };
-    readonly states: {
+    readonly traits: {
         readonly isContainer: "is--container";
         readonly isWrapper: {
             readonly className: "is--wrapper";
@@ -832,23 +798,11 @@ declare const _default: {
             readonly tokenKey: "sz";
         };
         readonly isLayer: "is--layer";
-        readonly isLinkBox: "is--linkBox";
+        readonly isBoxLink: "is--boxLink";
+        readonly isCoverLink: "is--coverLink";
         readonly isSide: "is--side";
         readonly isSkipFlow: "is--skipFlow";
         readonly isVertical: "is--vertical";
-        readonly setGutter: "set--gutter";
-        readonly setShadow: "set--shadow";
-        readonly setHov: "set--hov";
-        readonly setTransition: "set--transition";
-        readonly setMask: {
-            readonly className: "set--mask";
-            readonly setStyles: (propVal: string) => {
-                '--maskImg': string;
-            };
-        };
-        readonly setPlain: "set--plain";
-        readonly setInnerRs: "set--innerRs";
-        readonly setBp: "set--bp";
     };
 };
 export default _default;

package/dist/config/default-config.js

@@ -1,11 +1,11 @@
 import o from "./defaults/tokens.js";
 import t from "./defaults/props.js";
-import r from "./defaults/states.js";
-const s = {
+import r from "./defaults/traits.js";
+const i = {
   tokens: o,
   props: t,
-  states: r
+  traits: r
 };
 export {
-  s as default
+  i as default
 };

package/dist/config/defaults/props.d.ts

@@ -83,10 +83,7 @@ declare const _default: {
     };
     readonly d: {
         readonly prop: "display";
-        readonly presets: readonly ["none", "block"];
-        readonly utils: {
-            readonly 'in-flex': "inline-flex";
-        };
+        readonly presets: readonly ["none", "block", "flex", "inline-flex", "grid", "inline-grid", "inline", "inline-block"];
         readonly bp: 1;
     };
     readonly o: {
@@ -247,7 +244,7 @@ declare const _default: {
         readonly isVar: 1;
         readonly presets: readonly ["brand", "accent", "divider", "inherit", "transparent"];
         readonly utils: {
-            readonly cc: "currentColor";
+            readonly current: "currentColor";
         };
         readonly token: "color";
     };
@@ -338,11 +335,7 @@ declare const _default: {
     };
     readonly pos: {
         readonly prop: "position";
-        readonly presets: readonly ["static", "fixed", "sticky"];
-        readonly utils: {
-            readonly rel: "relative";
-            readonly abs: "absolute";
-        };
+        readonly presets: readonly ["static", "fixed", "sticky", "relative", "absolute"];
     };
     readonly z: {
         readonly prop: "zIndex";
@@ -560,12 +553,12 @@ declare const _default: {
         readonly overwriteBaseVar: 1;
         readonly bp: 1;
     };
-    readonly 'g-x': {
+    readonly cg: {
         readonly prop: "columnGap";
         readonly token: "space";
         readonly bp: 1;
     };
-    readonly 'g-y': {
+    readonly rg: {
         readonly prop: "rowGap";
         readonly token: "space";
         readonly bp: 1;
@@ -588,11 +581,7 @@ declare const _default: {
     };
     readonly fxd: {
         readonly prop: "flexDirection";
-        readonly utils: {
-            readonly col: "column";
-            readonly 'col-r': "column-reverse";
-            readonly 'row-r': "row-reverse";
-        };
+        readonly presets: readonly ["column", "column-reverse", "row-reverse"];
         readonly bp: 1;
     };
     readonly fx: {
@@ -614,12 +603,6 @@ declare const _default: {
     };
     readonly gt: {
         readonly prop: "gridTemplate";
-        readonly presets: readonly ["repeat"];
-        readonly exUtility: {
-            readonly repeat: {
-                readonly 'grid-template': "repeat(var(--rows,1), 1fr) / repeat(var(--cols,1), 1fr)";
-            };
-        };
         readonly bp: 1;
     };
     readonly gta: {
@@ -638,10 +621,7 @@ declare const _default: {
     };
     readonly gaf: {
         readonly prop: "gridAutoFlow";
-        readonly utils: {
-            readonly row: "row";
-            readonly col: "column";
-        };
+        readonly presets: readonly ["row", "column"];
         readonly bp: 1;
     };
     readonly gac: {
@@ -685,67 +665,55 @@ declare const _default: {
     };
     readonly ai: {
         readonly prop: "alignItems";
-        readonly presets: readonly ["start", "center", "end", "stretch"];
-        readonly utils: {
-            readonly 'flex-s': "flex-start";
-            readonly 'flex-e': "flex-end";
-        };
+        readonly presets: readonly ["start", "center", "end", "stretch", "flex-start", "flex-end"];
         readonly shorthands: {
             readonly s: "start";
             readonly e: "end";
             readonly c: "center";
-            readonly fs: "flex-s";
-            readonly fe: "flex-e";
+            readonly fs: "flex-start";
+            readonly fe: "flex-end";
         };
         readonly bp: 1;
     };
     readonly ac: {
         readonly prop: "alignContent";
-        readonly presets: readonly ["start", "center", "end"];
+        readonly presets: readonly ["start", "center", "end", "flex-start", "flex-end"];
         readonly utils: {
             readonly between: "space-between";
-            readonly 'flex-s': "flex-start";
-            readonly 'flex-e': "flex-end";
         };
         readonly shorthands: {
             readonly s: "start";
             readonly e: "end";
             readonly c: "center";
-            readonly fs: "flex-s";
-            readonly fe: "flex-e";
+            readonly fs: "flex-start";
+            readonly fe: "flex-end";
         };
         readonly bp: 1;
     };
     readonly ji: {
         readonly prop: "justifyItems";
-        readonly presets: readonly ["start", "center", "end", "stretch"];
-        readonly utils: {
-            readonly 'flex-s': "flex-start";
-            readonly 'flex-e': "flex-end";
-        };
+        readonly presets: readonly ["start", "center", "end", "stretch", "flex-start", "flex-end"];
         readonly shorthands: {
             readonly s: "start";
             readonly e: "end";
             readonly c: "center";
-            readonly fs: "flex-s";
-            readonly fe: "flex-e";
+            readonly fs: "flex-start";
+            readonly fe: "flex-end";
         };
         readonly bp: 1;
     };
     readonly jc: {
         readonly prop: "justifyContent";
-        readonly presets: readonly ["start", "center", "end"];
+        readonly presets: readonly ["start", "center", "end", "flex-start", "flex-end"];
         readonly utils: {
             readonly between: "space-between";
-            readonly 'flex-s': "flex-start";
-            readonly 'flex-e': "flex-end";
         };
         readonly shorthands: {
             readonly s: "start";
             readonly e: "end";
             readonly c: "center";
-            readonly fs: "flex-s";
-            readonly fe: "flex-e";
+            readonly fs: "flex-start";
+            readonly fe: "flex-end";
         };
         readonly bp: 1;
     };
@@ -764,8 +732,8 @@ declare const _default: {
             readonly s: "start";
             readonly e: "end";
             readonly c: "center";
-            readonly fs: "flex-s";
-            readonly fe: "flex-e";
+            readonly fs: "flex-start";
+            readonly fe: "flex-end";
         };
     };
     readonly jslf: {
@@ -775,8 +743,8 @@ declare const _default: {
             readonly s: "start";
             readonly e: "end";
             readonly c: "center";
-            readonly fs: "flex-s";
-            readonly fe: "flex-e";
+            readonly fs: "flex-start";
+            readonly fe: "flex-end";
         };
     };
     readonly pslf: {
@@ -789,9 +757,7 @@ declare const _default: {
     };
     readonly ovwrap: {
         readonly prop: "overflowWrap";
-        readonly utils: {
-            readonly any: "anywhere";
-        };
+        readonly presets: readonly ["anywhere"];
     };
     readonly whspace: {
         readonly prop: "whiteSpace";