lism-css 0.12.0 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ja.md +5 -5
- package/README.md +6 -6
- package/config/default-config.ts +2 -2
- package/config/defaults/{states.ts → traits.ts} +2 -1
- package/config/index.ts +3 -3
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +38 -38
- package/dist/components/state/BoxLink/BoxLink.d.ts +5 -0
- package/dist/components/state/{LinkBox/LinkBox.stories.d.ts → BoxLink/BoxLink.stories.d.ts} +3 -3
- package/dist/components/state/BoxLink/index.d.ts +1 -0
- package/dist/components/state/{LinkBox → BoxLink}/index.js +1 -1
- package/dist/components/state/BoxLink/script.d.ts +4 -0
- package/dist/components/state/Container/Container.d.ts +1 -5
- package/dist/components/state/Container/Container.stories.d.ts +2 -2
- package/dist/components/state/Container/index.js +4 -4
- package/dist/config/default-config.d.ts +3 -2
- package/dist/config/default-config.js +4 -4
- package/dist/config/defaults/{states.d.ts → traits.d.ts} +2 -1
- package/dist/config/defaults/{states.js → traits.js} +4 -3
- package/dist/config/index.d.ts +6 -4
- package/dist/config/index.js +5 -5
- package/dist/css/main.css +1 -1
- package/dist/css/main_no_layer.css +1 -1
- package/dist/css/primitives/trait.css +1 -0
- package/dist/css/utility.css +1 -1
- package/dist/lib/getLismProps.d.ts +8 -6
- package/dist/lib/getLismProps.js +65 -55
- package/dist/lib/helper/mergeSet.d.ts +8 -3
- package/dist/lib/helper/mergeSet.js +10 -10
- package/dist/lib/types/TraitProps.d.ts +47 -0
- package/package.json +1 -1
- package/packages/astro/index.ts +1 -1
- package/packages/astro/state/{LinkBox/LinkBox.astro → BoxLink/BoxLink.astro} +2 -2
- package/packages/astro/state/BoxLink/index.ts +1 -0
- package/packages/astro/state/Container/Container.astro +3 -6
- package/src/scss/_with_layer.scss +12 -5
- package/src/scss/base/tokens/_tokens.scss +1 -1
- package/src/scss/main_no_layer.scss +4 -4
- package/src/scss/{modules → primitives}/layout/index.scss +1 -1
- package/src/scss/{modules/state/_linkbox.scss → primitives/trait/_boxLink.scss} +4 -4
- package/src/scss/{utility/_linkExpand.scss → primitives/trait/_coverLink.scss} +1 -1
- package/src/scss/primitives/trait/index.scss +7 -0
- package/src/scss/utility/index.scss +0 -1
- package/dist/components/state/LinkBox/LinkBox.d.ts +0 -5
- package/dist/components/state/LinkBox/index.d.ts +0 -1
- package/dist/components/state/LinkBox/script.d.ts +0 -4
- package/dist/css/modules/state.css +0 -1
- package/dist/lib/types/StateProps.d.ts +0 -29
- package/packages/astro/state/LinkBox/index.ts +0 -1
- package/src/scss/modules/state/index.scss +0 -6
- /package/dist/css/{modules → primitives}/atomic.css +0 -0
- /package/dist/css/{modules → primitives}/layout.css +0 -0
- /package/dist/lib/types/{StateProps.spec-d.d.ts → TraitProps.spec-d.d.ts} +0 -0
- /package/src/scss/{modules → primitives}/atomic/_divider.scss +0 -0
- /package/src/scss/{modules → primitives}/atomic/_icon.scss +0 -0
- /package/src/scss/{modules → primitives}/atomic/_spacer.scss +0 -0
- /package/src/scss/{modules → primitives}/atomic/index.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_center.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_cluster.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_columns.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_flex.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_flow.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_fluidCols.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_frame.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_grid.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_sideMain.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_stack.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_switchCols.scss +0 -0
- /package/src/scss/{modules → primitives}/layout/_tileGrid.scss +0 -0
- /package/src/scss/{modules/state → primitives/trait}/_container.scss +0 -0
- /package/src/scss/{modules/state → primitives/trait}/_layer.scss +0 -0
- /package/src/scss/{modules/state → primitives/trait}/_vertical.scss +0 -0
- /package/src/scss/{modules/state → primitives/trait}/_wrapper.scss +0 -0
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ElementType } from 'react';
|
|
2
|
-
import { LismComponentProps } from '../../Lism';
|
|
3
|
-
type LinkBoxProps<T extends ElementType = 'a'> = LismComponentProps<T>;
|
|
4
|
-
export default function LinkBox<T extends ElementType = 'a'>({ as, children, ...props }: LinkBoxProps<T>): import("react").JSX.Element;
|
|
5
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as LinkBox } from './LinkBox';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.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)}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { STATES } from '../../../config/index';
|
|
2
|
-
import { WithArbitraryString, ArrayElement } from './utils';
|
|
3
|
-
/**
|
|
4
|
-
* config/index.ts から STATES の型を取得
|
|
5
|
-
* objDeepMerge の DeepMergeResult 型により literal types が保持される
|
|
6
|
-
*/
|
|
7
|
-
type StatesConfig = typeof STATES;
|
|
8
|
-
/** preset を持つ State の値の型を抽出 */
|
|
9
|
-
type PresetElement<T> = T extends {
|
|
10
|
-
preset: readonly unknown[];
|
|
11
|
-
} ? ArrayElement<T['preset']> : never;
|
|
12
|
-
/**
|
|
13
|
-
* State 設定から Props の値の型を抽出するユーティリティ型
|
|
14
|
-
*/
|
|
15
|
-
type ExtractStateValue<T> = T extends string ? boolean : T extends {
|
|
16
|
-
preset: readonly unknown[];
|
|
17
|
-
} ? WithArbitraryString<PresetElement<T>> | boolean : never;
|
|
18
|
-
/**
|
|
19
|
-
* config/index.ts の STATES から自動生成される State Props の型
|
|
20
|
-
* config/index.ts の STATES に新しいステートを追加すると自動的に反映される
|
|
21
|
-
*/
|
|
22
|
-
export type StateProps = {
|
|
23
|
-
[K in keyof StatesConfig]?: ExtractStateValue<StatesConfig[K]>;
|
|
24
|
-
};
|
|
25
|
-
/** set / unset prop で使われるプリセット値(エディタ補完用) */
|
|
26
|
-
type SetPreset = 'gutter' | 'shadow' | 'hov' | 'transition' | 'mask' | 'plain' | 'innerRs' | 'bp';
|
|
27
|
-
/** set / unset prop の値の型: プリセット値がサジェストされつつ、任意の文字列も受け付ける */
|
|
28
|
-
export type SetPropValue = WithArbitraryString<SetPreset> | WithArbitraryString<SetPreset>[];
|
|
29
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as LinkBox } from './LinkBox.astro';
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|