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.
- package/README.ja.md +4 -4
- package/README.md +4 -4
- package/config/defaults/tokens.ts +1 -1
- package/dist/components/index.d.ts +3 -3
- package/dist/components/index.js +57 -54
- package/dist/components/layout/AutoColumns/AutoColumns.d.ts +4 -0
- package/dist/components/layout/{FluidCols/FluidCols.stories.d.ts → AutoColumns/AutoColumns.stories.d.ts} +3 -3
- package/dist/components/layout/AutoColumns/index.d.ts +3 -0
- package/dist/components/layout/AutoColumns/index.js +8 -0
- package/dist/components/layout/SwitchColumns/SwitchColumns.d.ts +4 -0
- package/dist/components/layout/{SwitchCols/SwitchCols.stories.d.ts → SwitchColumns/SwitchColumns.stories.d.ts} +3 -3
- package/dist/components/layout/SwitchColumns/index.d.ts +3 -0
- package/dist/components/layout/SwitchColumns/index.js +8 -0
- package/dist/components/layout/WithSide/WithSide.d.ts +4 -0
- package/dist/components/layout/{SideMain/SideMain.stories.d.ts → WithSide/WithSide.stories.d.ts} +3 -3
- package/dist/components/layout/WithSide/index.d.ts +3 -0
- package/dist/components/layout/WithSide/index.js +8 -0
- package/dist/config/default-config.d.ts +1 -1
- package/dist/config/defaults/tokens.d.ts +1 -1
- package/dist/config/defaults/tokens.js +1 -1
- package/dist/config/index.d.ts +2 -2
- package/dist/css/base.css +1 -1
- package/dist/css/main.css +1 -1
- package/dist/css/main_no_layer.css +1 -1
- package/dist/css/primitives/layout.css +1 -1
- package/dist/css/props.css +1 -1
- package/dist/css/utility.css +1 -1
- package/dist/lib/getLayoutProps.js +25 -25
- package/dist/lib/types/LayoutProps.d.ts +7 -7
- package/dist/lib/types/TraitProps.d.ts +1 -1
- package/package.json +1 -1
- package/packages/astro/index.ts +3 -3
- package/packages/astro/layout/{FluidCols/FluidCols.astro → AutoColumns/AutoColumns.astro} +3 -3
- package/packages/astro/layout/AutoColumns/index.ts +4 -0
- package/packages/astro/layout/{SwitchCols/SwitchCols.astro → SwitchColumns/SwitchColumns.astro} +3 -3
- package/packages/astro/layout/SwitchColumns/index.ts +4 -0
- package/packages/astro/layout/{SideMain/SideMain.astro → WithSide/WithSide.astro} +3 -3
- package/packages/astro/layout/WithSide/index.ts +4 -0
- package/src/scss/_prop-config.scss +4 -3
- package/src/scss/base/_html.scss +1 -1
- package/src/scss/base/tokens/_tokens.scss +6 -4
- package/src/scss/primitives/layout/{_fluidCols.scss → _autoColumns.scss} +1 -1
- package/src/scss/primitives/layout/_flow.scss +1 -2
- package/src/scss/primitives/layout/{_switchCols.scss → _switchColumns.scss} +2 -2
- package/src/scss/primitives/layout/{_sideMain.scss → _withSide.scss} +1 -1
- package/src/scss/primitives/layout/index.scss +3 -3
- package/src/scss/props/_hover.scss +1 -1
- package/src/scss/trait/index.scss +9 -9
- package/src/scss/trait/{_boxLink.scss → is/_boxLink.scss} +1 -1
- package/src/scss/utility/{_itemDivider.scss → _divide.scss} +10 -2
- package/src/scss/utility/_trimHL.scss +3 -29
- package/src/scss/utility/index.scss +1 -1
- package/dist/components/layout/FluidCols/FluidCols.d.ts +0 -4
- package/dist/components/layout/FluidCols/index.d.ts +0 -1
- package/dist/components/layout/FluidCols/index.js +0 -8
- package/dist/components/layout/SideMain/SideMain.d.ts +0 -4
- package/dist/components/layout/SideMain/index.d.ts +0 -1
- package/dist/components/layout/SideMain/index.js +0 -8
- package/dist/components/layout/SwitchCols/SwitchCols.d.ts +0 -4
- package/dist/components/layout/SwitchCols/index.d.ts +0 -1
- package/dist/components/layout/SwitchCols/index.js +0 -8
- package/packages/astro/layout/FluidCols/index.ts +0 -1
- package/packages/astro/layout/SideMain/index.ts +0 -1
- package/packages/astro/layout/SwitchCols/index.ts +0 -1
- /package/src/scss/trait/{_hasGutter.scss → has/_gutter.scss} +0 -0
- /package/src/scss/trait/{_hasMask.scss → has/_mask.scss} +0 -0
- /package/src/scss/trait/{_hasSnap.scss → has/_snap.scss} +0 -0
- /package/src/scss/trait/{_hasTransition.scss → has/_transition.scss} +0 -0
- /package/src/scss/trait/{_container.scss → is/_container.scss} +0 -0
- /package/src/scss/trait/{_coverLink.scss → is/_coverLink.scss} +0 -0
- /package/src/scss/trait/{_layer.scss → is/_layer.scss} +0 -0
- /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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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,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,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,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 +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
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|