lism-css 0.15.0 → 0.16.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 (72) hide show
  1. package/README.ja.md +4 -4
  2. package/README.md +4 -4
  3. package/config/defaults/tokens.ts +1 -1
  4. package/dist/components/index.d.ts +3 -3
  5. package/dist/components/index.js +57 -54
  6. package/dist/components/layout/AutoColumns/AutoColumns.d.ts +4 -0
  7. package/dist/components/layout/{FluidCols/FluidCols.stories.d.ts → AutoColumns/AutoColumns.stories.d.ts} +3 -3
  8. package/dist/components/layout/AutoColumns/index.d.ts +3 -0
  9. package/dist/components/layout/AutoColumns/index.js +8 -0
  10. package/dist/components/layout/SwitchColumns/SwitchColumns.d.ts +4 -0
  11. package/dist/components/layout/{SwitchCols/SwitchCols.stories.d.ts → SwitchColumns/SwitchColumns.stories.d.ts} +3 -3
  12. package/dist/components/layout/SwitchColumns/index.d.ts +3 -0
  13. package/dist/components/layout/SwitchColumns/index.js +8 -0
  14. package/dist/components/layout/WithSide/WithSide.d.ts +4 -0
  15. package/dist/components/layout/{SideMain/SideMain.stories.d.ts → WithSide/WithSide.stories.d.ts} +3 -3
  16. package/dist/components/layout/WithSide/index.d.ts +3 -0
  17. package/dist/components/layout/WithSide/index.js +8 -0
  18. package/dist/config/default-config.d.ts +1 -1
  19. package/dist/config/defaults/tokens.d.ts +1 -1
  20. package/dist/config/defaults/tokens.js +1 -1
  21. package/dist/config/index.d.ts +2 -2
  22. package/dist/css/base.css +1 -1
  23. package/dist/css/main.css +1 -1
  24. package/dist/css/main_no_layer.css +1 -1
  25. package/dist/css/primitives/layout.css +1 -1
  26. package/dist/css/props.css +1 -1
  27. package/dist/css/utility.css +1 -1
  28. package/dist/lib/getLayoutProps.js +25 -25
  29. package/dist/lib/types/LayoutProps.d.ts +7 -7
  30. package/dist/lib/types/TraitProps.d.ts +1 -1
  31. package/package.json +1 -1
  32. package/packages/astro/index.ts +3 -3
  33. package/packages/astro/layout/{FluidCols/FluidCols.astro → AutoColumns/AutoColumns.astro} +3 -3
  34. package/packages/astro/layout/AutoColumns/index.ts +4 -0
  35. package/packages/astro/layout/{SwitchCols/SwitchCols.astro → SwitchColumns/SwitchColumns.astro} +3 -3
  36. package/packages/astro/layout/SwitchColumns/index.ts +4 -0
  37. package/packages/astro/layout/{SideMain/SideMain.astro → WithSide/WithSide.astro} +3 -3
  38. package/packages/astro/layout/WithSide/index.ts +4 -0
  39. package/src/scss/_prop-config.scss +4 -3
  40. package/src/scss/base/_html.scss +1 -1
  41. package/src/scss/base/tokens/_tokens.scss +6 -4
  42. package/src/scss/primitives/layout/{_fluidCols.scss → _autoColumns.scss} +1 -1
  43. package/src/scss/primitives/layout/_flow.scss +1 -2
  44. package/src/scss/primitives/layout/{_switchCols.scss → _switchColumns.scss} +2 -2
  45. package/src/scss/primitives/layout/{_sideMain.scss → _withSide.scss} +1 -1
  46. package/src/scss/primitives/layout/index.scss +3 -3
  47. package/src/scss/props/_hover.scss +1 -1
  48. package/src/scss/trait/index.scss +9 -9
  49. package/src/scss/trait/{_boxLink.scss → is/_boxLink.scss} +1 -1
  50. package/src/scss/utility/{_itemDivider.scss → _divide.scss} +10 -2
  51. package/src/scss/utility/_trimHL.scss +3 -29
  52. package/src/scss/utility/index.scss +1 -1
  53. package/dist/components/layout/FluidCols/FluidCols.d.ts +0 -4
  54. package/dist/components/layout/FluidCols/index.d.ts +0 -1
  55. package/dist/components/layout/FluidCols/index.js +0 -8
  56. package/dist/components/layout/SideMain/SideMain.d.ts +0 -4
  57. package/dist/components/layout/SideMain/index.d.ts +0 -1
  58. package/dist/components/layout/SideMain/index.js +0 -8
  59. package/dist/components/layout/SwitchCols/SwitchCols.d.ts +0 -4
  60. package/dist/components/layout/SwitchCols/index.d.ts +0 -1
  61. package/dist/components/layout/SwitchCols/index.js +0 -8
  62. package/packages/astro/layout/FluidCols/index.ts +0 -1
  63. package/packages/astro/layout/SideMain/index.ts +0 -1
  64. package/packages/astro/layout/SwitchCols/index.ts +0 -1
  65. /package/src/scss/trait/{_hasGutter.scss → has/_gutter.scss} +0 -0
  66. /package/src/scss/trait/{_hasMask.scss → has/_mask.scss} +0 -0
  67. /package/src/scss/trait/{_hasSnap.scss → has/_snap.scss} +0 -0
  68. /package/src/scss/trait/{_hasTransition.scss → has/_transition.scss} +0 -0
  69. /package/src/scss/trait/{_container.scss → is/_container.scss} +0 -0
  70. /package/src/scss/trait/{_coverLink.scss → is/_coverLink.scss} +0 -0
  71. /package/src/scss/trait/{_layer.scss → is/_layer.scss} +0 -0
  72. /package/src/scss/trait/{_wrapper.scss → is/_wrapper.scss} +0 -0
@@ -1,38 +1,12 @@
1
1
  /*
2
2
  ハーフレディングをトリミングするユーティリティクラス。
3
- Memo: そのうち text-box-trim が使えるようになる
4
3
  */
5
-
6
4
  .u--trim {
7
- // 詰まりすぎにならないようにほんの少しだけ余裕を持たせる
8
- // margin-block: calc(0.5px + var(--HL) * -1);
9
5
  margin-block: calc(var(--hl) * -1);
10
6
  }
11
7
 
12
8
  // 子要素の一括トリミング
13
- .u--trimChildren {
14
- > * {
15
- --my: calc(var(--hl) * -1);
16
- margin-block: var(--my);
17
- }
18
-
19
- /*
20
- * トリミング除外要素
21
- * Memo: --hl を 0 にはしないようにする.
22
- */
23
- > :where(figure, img, button) {
24
- --my: 0px;
25
- }
9
+ // :empty → img, hr, input, br などにもマッチ。かつ中身のない装飾 a--divider や a--spacer もこれだけで除外できる
10
+ .u--trimAll > :not(:empty, figure, picture, video, button, textarea, table) {
11
+ margin-block: calc(var(--hl) * -1);
26
12
  }
27
-
28
- // .u--trimBox {
29
- // :where(&) > * {
30
- // --trimHL: calc(0.5px + var(--HL) * -1);
31
- // }
32
- // > :first-child {
33
- // margin-block-start: var(--trimHL);
34
- // }
35
- // > :last-child {
36
- // margin-block-end: var(--trimHL);
37
- // }
38
- // }
@@ -1,5 +1,5 @@
1
1
  @forward './trimHL';
2
2
  @forward './cbox';
3
- @forward './itemDivider';
3
+ @forward './divide';
4
4
  @forward './hidden';
5
5
  @forward './clipText';
@@ -1,4 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { LayoutComponentProps } from '../../Lism';
3
- import { FluidColsProps } from '../../../lib/types/LayoutProps';
4
- export default function FluidCols<T extends ElementType = 'div'>(props: LayoutComponentProps<T, FluidColsProps>): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export { default as FluidCols } from './FluidCols';
@@ -1,8 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import t from "../../Lism/index.js";
3
- function u(o) {
4
- return /* @__PURE__ */ r(t, { layout: "fluidCols", ...o });
5
- }
6
- export {
7
- u as default
8
- };
@@ -1,4 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { LayoutComponentProps } from '../../Lism';
3
- import { SideMainProps } from '../../../lib/types/LayoutProps';
4
- export default function SideMain<T extends ElementType = 'div'>(props: LayoutComponentProps<T, SideMainProps>): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export { default as SideMain } from './SideMain';
@@ -1,8 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import r from "../../Lism/index.js";
3
- function e(i) {
4
- return /* @__PURE__ */ o(r, { layout: "sideMain", ...i });
5
- }
6
- export {
7
- e as default
8
- };
@@ -1,4 +0,0 @@
1
- import { ElementType } from 'react';
2
- import { LayoutComponentProps } from '../../Lism';
3
- import { SwitchColsProps } from '../../../lib/types/LayoutProps';
4
- export default function SwitchCols<T extends ElementType = 'div'>(props: LayoutComponentProps<T, SwitchColsProps>): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export { default as SwitchCols } from './SwitchCols';
@@ -1,8 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import r from "../../Lism/index.js";
3
- function m(o) {
4
- return /* @__PURE__ */ t(r, { layout: "switchCols", ...o });
5
- }
6
- export {
7
- m as default
8
- };
@@ -1 +0,0 @@
1
- export { default as FluidCols } from './FluidCols.astro';
@@ -1 +0,0 @@
1
- export { default as SideMain } from './SideMain.astro';
@@ -1 +0,0 @@
1
- export { default as SwitchCols } from './SwitchCols.astro';
File without changes