lism-css 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lism-css",
-	"version": "0.0.1",
+	"version": "0.0.3",
 	"description": "",
 	"author": {
 		"name": "ddryo",
@@ -9,7 +9,7 @@
 	"license": "MIT",
 	"keywords": [
 		"css-framework",
-		"front-end",
+		"react",
 		"design-system"
 	],
 	"scripts": {
@@ -17,46 +17,46 @@
 		"build": "vite build && npm run build:css",
 		"build:vite": "vite build",
 		"build:css": "node scss-builder.cjs",
+		"lint:style": "stylelint '**/*.{css,scss}'",
 		"preview": "vite preview"
 	},
 	"files": [
 		"dist",
-		"src/scss",
-		"src/**/style.scss"
+		"packages",
+		"src/scss"
 	],
 	"type": "module",
 	"main": "./dist/index.js",
 	"exports": {
 		".": "./dist/index.js",
 		"./*": "./dist/*",
-		"./css/*": "./dist/css/*",
-		"./scss/*": "./src/scss/*",
+		"./react": "./dist/index.js",
 		"./react/*": "./dist/components/*",
-		"./svg/*": "./src/svg/*"
+		"./next-js/*": "./packages/next-js/*",
+		"./astro": "./packages/astro/index.js",
+		"./astro/*": "./packages/astro/*",
+		"./scss/*": "./src/scss/*",
+		"./all_with_layer.css": "./dist/css/all_with_layer.css",
+		"./all.css": "./dist/css/all.css"
 	},
 	"homepage": "https://www.lism.style",
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/ddryo/lism-test.git",
-		"directory": "packages/lism-core"
+		"url": "https://github.com/lism-ui/lism-css/tree/main/packages/lism-css"
 	},
 	"bugs": {
-		"url": "https://github.com/ddryo/lism-test/issues"
+		"url": "https://github.com/lism-ui/lism-css/issues"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.23.9",
-		"@babel/core": "^7.23.9",
-		"@babel/preset-env": "^7.23.2",
-		"@babel/preset-react": "^7.22.15",
+		"@babel/cli": "^7.27.2",
+		"@babel/core": "^7.27.3",
+		"@babel/preset-env": "^7.27.2",
+		"@babel/preset-react": "^7.27.1",
 		"@rollup/plugin-babel": "^6.0.4",
-		"@svgr/rollup": "^8.0.1",
-		"@vitejs/plugin-react": "^4.2.1",
-		"@vitejs/plugin-react-refresh": "^1.3.6",
-		"@vitejs/plugin-react-swc": "^3.6.0",
-		"rollup": "^4.12.0",
-		"vite": "^4.3.9",
-		"vite-plugin-svgr": "^3.2.0",
-		"vite-react-jsx": "^1.1.2"
+		"@vitejs/plugin-react-swc": "^3.10.0",
+		"glob": "^11.0.2",
+		"rollup": "^4.41.1",
+		"vite": "^6.3.5"
 	},
 	"peerDependencies": {
 		"react": ">=18.0.0"

package/packages/astro/Accordion/AccBody.astro

@@ -0,0 +1,15 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { Grid } from '../Grid';
+import { defaultProps } from '../../../dist/components/Accordion/getProps';
+
+interface Props extends LismProps {}
+const { isFlow, innerProps, ...props } = Astro.props || {};
+---
+
+<Grid {...defaultProps.body} {...props}>
+	<Lism isFlow={isFlow} {...defaultProps.inner} {...innerProps}>
+		<slot />
+	</Lism>
+</Grid>

package/packages/astro/Accordion/AccHeader.astro

@@ -0,0 +1,13 @@
+---
+import type { LismProps } from '../types';
+import { Flex } from '../Flex';
+import { defaultProps } from '../../../dist/components/Accordion/getProps';
+
+interface Props extends LismProps {}
+
+const props = Astro.props || {};
+---
+
+<Flex tag='summary' {...defaultProps.header} {...props}>
+	<slot />
+</Flex>

package/packages/astro/Accordion/AccIcon.astro

@@ -0,0 +1,19 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { Icon } from '../Icon';
+import { getAccIconProps } from '../../../dist/components/Accordion/getProps';
+
+// Propsの定義
+interface Props extends LismProps {
+	icon?: string;
+	size?: string;
+	iconProps?: Object;
+}
+
+const { viewBox, icon = 'caret-down', ...props } = Astro.props || {};
+---
+
+<Lism {...getAccIconProps(props)}>
+	{Astro.slots.has('default') ? <slot /> : <Icon viewBox={viewBox} icon={icon} />}
+</Lism>

package/packages/astro/Accordion/AccLabel.astro

@@ -0,0 +1,12 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { defaultProps } from '../../../dist/components/Accordion/getProps';
+
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Lism {...defaultProps.label} {...props}>
+	<slot />
+</Lism>

package/packages/astro/Accordion/Accordion.astro

@@ -0,0 +1,21 @@
+---
+import type { LismProps } from '../types';
+import getLismProps from '../../../dist/lib/getLismProps';
+import { getAccProps } from '../../../dist/components/Accordion/getProps';
+
+// Propsの定義
+interface Props extends LismProps {
+	duration?: string | number;
+}
+const props = Astro.props || {};
+---
+
+<details {...getLismProps(getAccProps(props))}>
+	<slot />
+</details>
+
+<script>
+	// import setEvent from './setEvent';
+	import setAccordion from '../../../dist/components/Accordion/setAccordion';
+	setAccordion();
+</script>

package/packages/astro/Accordion/__setEvent.js

@@ -0,0 +1,2 @@
+import setEvent from '@lism-ui/core/components/Accordion/setEvent';
+export default setEvent;

package/packages/astro/Accordion/index.js

@@ -0,0 +1,7 @@
+import Root from './Accordion.astro';
+import Header from './AccHeader.astro';
+import Label from './AccLabel.astro';
+import Icon from './AccIcon.astro';
+import Body from './AccBody.astro';
+
+export default { Root, Header, Body, Icon, Label };

package/packages/astro/Box/Box.astro

@@ -0,0 +1,11 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import getProps from '../../../dist/components/Box/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Lism {...getProps(props)}><slot /></Lism>

package/packages/astro/Box/index.js

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

package/packages/astro/Center/Center.astro

@@ -0,0 +1,11 @@
+---
+import type { LismProps } from '../types';
+import { Grid } from '../Grid';
+// import getProps from '../../../dist/components/Center/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Grid _grid='center' {...props}><slot /></Grid>

package/packages/astro/Center/index.js

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

package/packages/astro/Columns/Columns.astro

@@ -0,0 +1,11 @@
+---
+import type { LismProps } from '../types';
+import { Grid } from '../Grid';
+import getProps from '../../../dist/components/Columns/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Grid _grid='columns' {...getProps(props)}><slot /></Grid>

package/packages/astro/Columns/index.js

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

package/packages/astro/Container/Container.astro

@@ -0,0 +1,11 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+
+interface Props extends LismProps {}
+
+const { layout, size = true, ...props } = Astro.props || {};
+const Layout = layout || Lism;
+---
+
+<Layout isContainer={size} {...props}><slot /></Layout>

package/packages/astro/Container/index.js

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

package/packages/astro/Decorator/Decorator.astro

@@ -0,0 +1,13 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import getProps from '../../../dist/components/Decorator/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Lism {...getProps(props)}>
+	<slot />
+</Lism>

package/packages/astro/Decorator/index.js

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

package/packages/astro/Divider/Divider.astro

@@ -0,0 +1,12 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { getDividerProps } from '../../../dist/components/Divider/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+const props = Astro.props || {};
+---
+
+<Lism skipState {...getDividerProps(props)} />

package/packages/astro/Divider/index.js

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

package/packages/astro/Dummy/Dummy.astro

@@ -0,0 +1,12 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import getContent from '../../../dist/components/Dummy/getContent';
+
+// Propsの定義
+interface Props extends LismProps {}
+const { tag = 'p', pre = '', length = 'm', lang = 'en', offset = 0, ...props } = Astro.props || {};
+const content = getContent({ tag, pre, lang, length, offset });
+---
+
+<Lism tag={tag} {...props} set:html={content} />

package/packages/astro/Dummy/index.js

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

package/packages/astro/Flex/Cluster.astro

@@ -0,0 +1,11 @@
+---
+import type { LismProps } from '../types';
+import Flex from './Flex.astro';
+
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Flex variant='cluster' {...props}>
+	<slot />
+</Flex>

package/packages/astro/Flex/Flex.astro

@@ -0,0 +1,14 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { getFlexProps } from '../../../dist/components/Flex/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+let props = Astro.props || {};
+---
+
+<Lism {...getFlexProps(props)}>
+	<slot />
+</Lism>

package/packages/astro/Flex/index.js

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

package/packages/astro/Frame/Frame.astro

@@ -0,0 +1,12 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import getProps from '../../../dist/components/Frame/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+const props = Astro.props || {};
+---
+
+<Lism {...getProps(props)}><slot /></Lism>

package/packages/astro/Frame/index.js

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

package/packages/astro/Grid/Grid.astro

@@ -0,0 +1,13 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { getGridProps } from '../../../dist/components/Grid/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+let props = Astro.props;
+---
+
+<Lism {...getGridProps(props)}>
+	<slot />
+</Lism>

package/packages/astro/Grid/GridItem.astro

@@ -0,0 +1,15 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { getGridItemProps } from '../../../dist/components/Grid/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+let { layout, ...props } = Astro.props;
+const LismComponent = layout || Lism;
+---
+
+<LismComponent {...getGridItemProps(props)}>
+	<slot />
+</LismComponent>

package/packages/astro/Grid/index.js

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

package/packages/astro/Icon/Icon.astro

@@ -0,0 +1,25 @@
+---
+import type { LismProps } from '../types';
+import getLismProps from '../../../dist/lib/getLismProps';
+import getProps from '../../../dist/components/Icon/getProps';
+import SVG from './SVG.astro';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+const props = Astro.props || {};
+
+// const hasChildren = Astro.slots.has('default');
+// let { IconTag, iconProps, otherProps } = getProps(props, hasChildren);
+// if (IconTag === '_SVG_') IconTag = SVG;
+
+let { Component, lismProps, exProps } = getProps(props);
+
+if (Component === '_SVG_') {
+	Component = SVG;
+}
+---
+
+<Component {...getLismProps(lismProps)} {...exProps}>
+	<slot />
+</Component>

package/packages/astro/Icon/SVG.astro

@@ -0,0 +1,30 @@
+---
+// Propsの定義
+interface Props {
+	size?: string | number;
+	fill?: string;
+	viewBox?: string;
+	path?: string;
+	[key: string]: any;
+}
+let {
+	size = '1em',
+	fill = 'currentColor',
+	viewBox = '0 0 24 24',
+	path,
+	...props
+} = Astro.props || {};
+---
+
+<svg
+	xmlns='http://www.w3.org/2000/svg'
+	viewBox={viewBox}
+	width={size}
+	height={size}
+	fill={fill}
+	focusable='false'
+	{...props}
+>
+	{path && <path d={path} />}
+	<slot />
+</svg>

package/packages/astro/Icon/index.js

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

package/packages/astro/Layer/Layer.astro

@@ -0,0 +1,15 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+import { getLayerProps } from '../../../dist/components/Layer/getProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+let { layout, ...props } = Astro.props || {};
+const Layout = layout || Lism;
+---
+
+<Layout isLayer {...getLayerProps(props)}>
+	<slot />
+</Layout>

package/packages/astro/Layer/index.js

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

package/packages/astro/LinkBox/LinkBox.astro

@@ -0,0 +1,16 @@
+---
+import type { LismProps } from '../types';
+import { Lism } from '../Lism';
+// import getProps from '../../../dist/components/LinkBox/getProps';
+
+interface Props extends LismProps {}
+const { layout, ...props } = Astro.props || {};
+
+const hasHref = !!props.href;
+const tag = hasHref ? 'a' : 'div';
+const LismComponent = layout || Lism;
+---
+
+<LismComponent isLinkBox hov='fade' tag={tag} {...props}>
+	<slot />
+</LismComponent>

package/packages/astro/LinkBox/index.js

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

package/packages/astro/Lism/Link.astro

@@ -0,0 +1,10 @@
+---
+import type { LismProps } from '../types';
+import Lism from './Lism.astro';
+
+interface Props extends LismProps {}
+---
+
+<Lism skipState tag='a' {...Astro.props || {}}>
+	<slot />
+</Lism>

package/packages/astro/Lism/Lism.astro

@@ -0,0 +1,14 @@
+---
+import type { LismProps } from '../types';
+import getLismProps from '../../../dist/lib/getLismProps';
+
+// Propsの定義
+interface Props extends LismProps {}
+
+const { as, exProps, tag, ...props } = Astro.props || {};
+const JSX = as || tag || 'div';
+---
+
+<JSX {...getLismProps(props)} {...exProps}>
+	<slot />
+</JSX>

package/packages/astro/Lism/Media.astro

@@ -0,0 +1,24 @@
+---
+import type { LismProps } from '../types';
+import getLismProps from '../../../dist/lib/getLismProps';
+import getMediaProps from '../../../dist/components/getMediaProps';
+import { Image } from 'astro:assets';
+
+// Propsの定義
+interface Props extends LismProps {
+	// src?: string;
+	// alt?: string;
+	// width?: string | number;
+	// height?: string | number;
+}
+const { as, exProps, tag, ...props } = Astro.props || {};
+
+let JSX = as || tag || 'img';
+if (JSX === 'AstroImage') {
+	JSX = Image;
+}
+---
+
+<JSX {...getLismProps(getMediaProps(props))} {...exProps}>
+	<slot />
+</JSX>

package/packages/astro/Lism/Text.astro

@@ -0,0 +1,10 @@
+---
+import type { LismProps } from '../types';
+import Lism from './Lism.astro';
+
+interface Props extends LismProps {}
+---
+
+<Lism skipState tag='p' {...Astro.props || {}}>
+	<slot />
+</Lism>

package/packages/astro/Lism/index.js

@@ -0,0 +1,4 @@
+export { default as Lism } from './Lism.astro';
+export { default as Text } from './Text.astro';
+export { default as Media } from './Media.astro';
+export { default as Link } from './Link.astro';

package/packages/astro/Modal/Body.astro

@@ -0,0 +1,14 @@
+---
+import type { LismProps } from '../types';
+import { defaultProps } from '../../../dist/components/Modal/getProps';
+import { Lism } from '../Lism';
+
+// Propsの定義
+interface Props extends LismProps {}
+const { layout, ...props } = Astro.props || {};
+const Layout = layout || Lism;
+---
+
+<Layout {...defaultProps.body} {...props}>
+	<slot />
+</Layout>

package/packages/astro/Modal/CloseIconBtn.astro

@@ -0,0 +1,24 @@
+---
+import type { LismProps } from '../types';
+import { defaultProps } from '../../../dist/components/Modal/getProps';
+import { Lism } from '../Lism';
+import { Icon } from '../Icon';
+
+// Propsの定義
+interface Props extends LismProps {}
+const { modalId = '', icon, srText = 'Close', ...props } = Astro.props || {};
+const hasSlot = Astro.slots.has('default');
+---
+
+<Lism data-modal-close={modalId} {...defaultProps.closeBtn} {...props}>
+	{
+		hasSlot ? (
+			<slot />
+		) : (
+			<>
+				<Icon icon={icon || 'x'} />
+				<span class='u--hidden'>{srText || 'Close'}</span>
+			</>
+		)
+	}
+</Lism>

package/packages/astro/Modal/Footer.astro

@@ -0,0 +1,14 @@
+---
+import type { LismProps } from '../types';
+import { defaultProps } from '../../../dist/components/Modal/getProps';
+import { Lism } from '../Lism';
+
+// Propsの定義
+interface Props extends LismProps {}
+const { layout, ...props } = Astro.props || {};
+const Layout = layout || Lism;
+---
+
+<Layout {...defaultProps.footer} {...props}>
+	<slot />
+</Layout>

package/packages/astro/Modal/Header.astro

@@ -0,0 +1,14 @@
+---
+import type { LismProps } from '../types';
+import { defaultProps } from '../../../dist/components/Modal/getProps';
+import { Lism } from '../Lism';
+
+// Propsの定義
+interface Props extends LismProps {}
+const { layout, ...props } = Astro.props || {};
+const Layout = layout || Lism;
+---
+
+<Layout {...defaultProps.header} {...props}>
+	<slot />
+</Layout>

package/packages/astro/Modal/Inner.astro

@@ -0,0 +1,13 @@
+---
+import type { LismProps } from '../types';
+import { defaultProps } from '../../../dist/components/Modal/getProps';
+import { Stack } from '../Stack';
+
+// Propsの定義
+interface Props extends LismProps {}
+const props = Astro.props || {};
+---
+
+<Stack {...defaultProps.inner} {...props}>
+	<slot />
+</Stack>