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.
Files changed (73) hide show
  1. package/README.ja.md +5 -5
  2. package/README.md +6 -6
  3. package/config/default-config.ts +2 -2
  4. package/config/defaults/{states.ts → traits.ts} +2 -1
  5. package/config/index.ts +3 -3
  6. package/dist/components/index.d.ts +1 -1
  7. package/dist/components/index.js +38 -38
  8. package/dist/components/state/BoxLink/BoxLink.d.ts +5 -0
  9. package/dist/components/state/{LinkBox/LinkBox.stories.d.ts → BoxLink/BoxLink.stories.d.ts} +3 -3
  10. package/dist/components/state/BoxLink/index.d.ts +1 -0
  11. package/dist/components/state/{LinkBox → BoxLink}/index.js +1 -1
  12. package/dist/components/state/BoxLink/script.d.ts +4 -0
  13. package/dist/components/state/Container/Container.d.ts +1 -5
  14. package/dist/components/state/Container/Container.stories.d.ts +2 -2
  15. package/dist/components/state/Container/index.js +4 -4
  16. package/dist/config/default-config.d.ts +3 -2
  17. package/dist/config/default-config.js +4 -4
  18. package/dist/config/defaults/{states.d.ts → traits.d.ts} +2 -1
  19. package/dist/config/defaults/{states.js → traits.js} +4 -3
  20. package/dist/config/index.d.ts +6 -4
  21. package/dist/config/index.js +5 -5
  22. package/dist/css/main.css +1 -1
  23. package/dist/css/main_no_layer.css +1 -1
  24. package/dist/css/primitives/trait.css +1 -0
  25. package/dist/css/utility.css +1 -1
  26. package/dist/lib/getLismProps.d.ts +8 -6
  27. package/dist/lib/getLismProps.js +65 -55
  28. package/dist/lib/helper/mergeSet.d.ts +8 -3
  29. package/dist/lib/helper/mergeSet.js +10 -10
  30. package/dist/lib/types/TraitProps.d.ts +47 -0
  31. package/package.json +1 -1
  32. package/packages/astro/index.ts +1 -1
  33. package/packages/astro/state/{LinkBox/LinkBox.astro → BoxLink/BoxLink.astro} +2 -2
  34. package/packages/astro/state/BoxLink/index.ts +1 -0
  35. package/packages/astro/state/Container/Container.astro +3 -6
  36. package/src/scss/_with_layer.scss +12 -5
  37. package/src/scss/base/tokens/_tokens.scss +1 -1
  38. package/src/scss/main_no_layer.scss +4 -4
  39. package/src/scss/{modules → primitives}/layout/index.scss +1 -1
  40. package/src/scss/{modules/state/_linkbox.scss → primitives/trait/_boxLink.scss} +4 -4
  41. package/src/scss/{utility/_linkExpand.scss → primitives/trait/_coverLink.scss} +1 -1
  42. package/src/scss/primitives/trait/index.scss +7 -0
  43. package/src/scss/utility/index.scss +0 -1
  44. package/dist/components/state/LinkBox/LinkBox.d.ts +0 -5
  45. package/dist/components/state/LinkBox/index.d.ts +0 -1
  46. package/dist/components/state/LinkBox/script.d.ts +0 -4
  47. package/dist/css/modules/state.css +0 -1
  48. package/dist/lib/types/StateProps.d.ts +0 -29
  49. package/packages/astro/state/LinkBox/index.ts +0 -1
  50. package/src/scss/modules/state/index.scss +0 -6
  51. /package/dist/css/{modules → primitives}/atomic.css +0 -0
  52. /package/dist/css/{modules → primitives}/layout.css +0 -0
  53. /package/dist/lib/types/{StateProps.spec-d.d.ts → TraitProps.spec-d.d.ts} +0 -0
  54. /package/src/scss/{modules → primitives}/atomic/_divider.scss +0 -0
  55. /package/src/scss/{modules → primitives}/atomic/_icon.scss +0 -0
  56. /package/src/scss/{modules → primitives}/atomic/_spacer.scss +0 -0
  57. /package/src/scss/{modules → primitives}/atomic/index.scss +0 -0
  58. /package/src/scss/{modules → primitives}/layout/_center.scss +0 -0
  59. /package/src/scss/{modules → primitives}/layout/_cluster.scss +0 -0
  60. /package/src/scss/{modules → primitives}/layout/_columns.scss +0 -0
  61. /package/src/scss/{modules → primitives}/layout/_flex.scss +0 -0
  62. /package/src/scss/{modules → primitives}/layout/_flow.scss +0 -0
  63. /package/src/scss/{modules → primitives}/layout/_fluidCols.scss +0 -0
  64. /package/src/scss/{modules → primitives}/layout/_frame.scss +0 -0
  65. /package/src/scss/{modules → primitives}/layout/_grid.scss +0 -0
  66. /package/src/scss/{modules → primitives}/layout/_sideMain.scss +0 -0
  67. /package/src/scss/{modules → primitives}/layout/_stack.scss +0 -0
  68. /package/src/scss/{modules → primitives}/layout/_switchCols.scss +0 -0
  69. /package/src/scss/{modules → primitives}/layout/_tileGrid.scss +0 -0
  70. /package/src/scss/{modules/state → primitives/trait}/_container.scss +0 -0
  71. /package/src/scss/{modules/state → primitives/trait}/_layer.scss +0 -0
  72. /package/src/scss/{modules/state → primitives/trait}/_vertical.scss +0 -0
  73. /package/src/scss/{modules/state → primitives/trait}/_wrapper.scss +0 -0
@@ -0,0 +1,7 @@
1
+ // trait
2
+ @forward './container';
3
+ @forward './wrapper';
4
+ @forward './boxLink';
5
+ @forward './coverLink'; // Note: position の関係で、boxLink より後で読み込む
6
+ @forward './layer';
7
+ @forward './vertical';
@@ -1,7 +1,6 @@
1
1
  @forward './trimHL';
2
2
  @forward './cbox';
3
3
  @forward './itemDivider';
4
- @forward './linkExpand';
5
4
  @forward './hidden';
6
5
  @forward './snap';
7
6
  @forward './clipText';
@@ -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,4 +0,0 @@
1
- /**
2
- * altKey押下時の処理 テスト用
3
- */
4
- export default function enableSelectTextWithAltKeyAtLinkBox(): void;
@@ -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';
@@ -1,6 +0,0 @@
1
- // state
2
- @forward './container';
3
- @forward './wrapper';
4
- @forward './linkbox';
5
- @forward './layer'; // Note: position の関係で、linkbox より後で読み込む
6
- @forward './vertical';
File without changes
File without changes