lism-css 0.8.3 → 0.8.4
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/bin/script-build-css.js +1 -1
- package/config/default-config.ts +9 -0
- package/config/defaults/{props.js → props.ts} +4 -4
- package/config/defaults/{states.js → states.ts} +2 -2
- package/config/defaults/{tokens.js → tokens.ts} +1 -1
- package/config/helper/{getSvgUrl.js → getSvgUrl.ts} +1 -3
- package/config/helper/{minifyHtml.js → minifyHtml.ts} +1 -1
- package/config/helper.test.ts +238 -0
- package/config/helper.ts +79 -0
- package/config/{index.js → index.ts} +17 -4
- package/config/tsconfig.json +18 -0
- package/config.d.ts +2 -0
- package/config.js +1 -1
- package/dist/components/Box/Box.d.ts +4 -1
- package/dist/components/Box/index.d.ts +1 -1
- package/dist/components/Center/Center.d.ts +4 -1
- package/dist/components/Center/index.d.ts +1 -1
- package/dist/components/Cluster/Cluster.d.ts +4 -1
- package/dist/components/Cluster/index.js +2 -2
- package/dist/components/Columns/Columns.d.ts +4 -1
- package/dist/components/Container/Container.d.ts +6 -4
- package/dist/components/Dummy/Dummy.d.ts +10 -8
- package/dist/components/Dummy/getContent.d.ts +13 -7
- package/dist/components/Dummy/getContent.js +7 -6
- package/dist/components/Dummy/index.js +8 -7
- package/dist/components/Flex/Flex.d.ts +4 -1
- package/dist/components/Flow/Flow.d.ts +4 -1
- package/dist/components/Flow/index.d.ts +1 -1
- package/dist/components/FluidCols/FluidCols.d.ts +4 -1
- package/dist/components/Frame/Frame.d.ts +4 -1
- package/dist/components/Grid/Grid.d.ts +4 -1
- package/dist/components/HTML/HTML.d.ts +16 -13
- package/dist/components/HTML/index.d.ts +13 -13
- package/dist/components/HTML/index.js +3 -3
- package/dist/components/HTML/index2.js +30 -29
- package/dist/components/Layer/Layer.d.ts +6 -1
- package/dist/components/Layer/Layer.test.d.ts +1 -0
- package/dist/components/Layer/getProps.d.ts +5 -1
- package/dist/components/LinkBox/LinkBox.d.ts +4 -4
- package/dist/components/Lism/Lism.d.ts +28 -7
- package/dist/components/Lism/Lism.stories.d.ts +667 -0
- package/dist/components/Lism/Lism.test.d.ts +1 -0
- package/dist/components/Lism/index.d.ts +1 -3
- package/dist/components/Lism/index.js +3 -3
- package/dist/components/SideMain/SideMain.d.ts +4 -1
- package/dist/components/Stack/Stack.d.ts +4 -1
- package/dist/components/SwitchCols/SwitchCols.d.ts +4 -1
- package/dist/components/Wrapper/Wrapper.d.ts +6 -4
- package/dist/components/atomic/Decorator/Decorator.d.ts +2 -1
- package/dist/components/atomic/Decorator/getProps.d.ts +10 -12
- package/dist/components/atomic/Decorator/getProps.js +10 -9
- package/dist/components/atomic/Divider/Divider.d.ts +2 -1
- package/dist/components/atomic/Divider/getProps.d.ts +2 -7
- package/dist/components/atomic/Divider/getProps.js +8 -7
- package/dist/components/atomic/Icon/Icon.d.ts +4 -3
- package/dist/components/atomic/Icon/SVG.d.ts +8 -9
- package/dist/components/atomic/Icon/getProps.d.ts +21 -12
- package/dist/components/atomic/Icon/getProps.js +31 -25
- package/dist/components/atomic/Icon/index.js +9 -8
- package/dist/components/atomic/Icon/presets.d.ts +2 -2
- package/dist/components/atomic/Media/Media.d.ts +2 -1
- package/dist/components/atomic/Media/getProps.d.ts +9 -1
- package/dist/components/atomic/Media/getProps.js +5 -6
- package/dist/components/atomic/Media/index.js +3 -3
- package/dist/components/atomic/Spacer/Spacer.d.ts +2 -1
- package/dist/components/atomic/Spacer/getProps.d.ts +2 -7
- package/dist/components/atomic/Spacer/getProps.js +8 -2
- package/dist/components/getFilterProps.d.ts +10 -1
- package/dist/components/getFilterProps.js +15 -5
- package/dist/components/getFilterProps.test.d.ts +1 -0
- package/dist/components/index.js +44 -48
- package/dist/components/setMaybeTransformStyles.d.ts +12 -1
- package/dist/components/setMaybeTransformStyles.js +4 -4
- package/dist/components/setMaybeTransformStyles.test.d.ts +1 -0
- package/dist/config/default-config.d.ts +838 -0
- package/dist/config/defaults/props.d.ts +797 -0
- package/dist/config/defaults/states.d.ts +29 -0
- package/dist/config/defaults/tokens.d.ts +28 -0
- package/dist/config/helper/getSvgUrl.d.ts +5 -0
- package/dist/config/helper/minifyHtml.d.ts +5 -0
- package/dist/config/helper.d.ts +21 -0
- package/dist/config/helper.js +14 -18
- package/dist/config/index.d.ts +1675 -0
- package/dist/config/index.js +15 -11
- package/dist/css/base/set.css +1 -1
- 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/reset.css +1 -1
- package/dist/lib/LismPropsData.test.d.ts +1 -0
- package/dist/lib/getBpData.d.ts +9 -1
- package/dist/lib/getBpData.js +16 -10
- package/dist/lib/getBpData.test.d.ts +1 -0
- package/dist/lib/getLayoutProps.d.ts +22 -1
- package/dist/lib/getLayoutProps.js +19 -19
- package/dist/lib/getLayoutProps.test.d.ts +1 -0
- package/dist/lib/getLismProps.d.ts +77 -2
- package/dist/lib/getLismProps.js +122 -107
- package/dist/lib/getLismProps.test.d.ts +1 -0
- package/dist/lib/getMaybeCssVar.d.ts +5 -3
- package/dist/lib/getMaybeCssVar.js +15 -15
- package/dist/lib/getMaybeCssVar.test.d.ts +1 -0
- package/dist/lib/getMaybeTokenValue.d.ts +10 -1
- package/dist/lib/getMaybeTokenValue.js +21 -21
- package/dist/lib/getMaybeTokenValue.test.d.ts +1 -0
- package/dist/lib/getUtilKey.d.ts +7 -1
- package/dist/lib/getUtilKey.js +6 -6
- package/dist/lib/getUtilKey.test.d.ts +1 -0
- package/dist/lib/helper/atts.d.ts +6 -3
- package/dist/lib/helper/atts.test.d.ts +1 -0
- package/dist/lib/helper/filterEmptyObj.d.ts +20 -1
- package/dist/lib/helper/filterEmptyObj.js +6 -5
- package/dist/lib/helper/filterEmptyObj.test.d.ts +1 -0
- package/dist/lib/helper/hasSomeKeys.d.ts +1 -1
- package/dist/lib/helper/isNumStr.d.ts +4 -1
- package/dist/lib/helper/isNumStr.test.d.ts +1 -0
- package/dist/lib/helper/objMap.d.ts +8 -1
- package/dist/lib/helper/objMap.test.d.ts +1 -0
- package/dist/lib/helper/splitWithComma.d.ts +1 -1
- package/dist/lib/helper/splitWithComma.test.d.ts +1 -0
- package/dist/lib/isPresetValue.d.ts +3 -1
- package/dist/lib/isPresetValue.js +10 -3
- package/dist/lib/isPresetValue.test.d.ts +1 -0
- package/dist/lib/isTokenValue.d.ts +1 -1
- package/dist/lib/isTokenValue.js +24 -7
- package/dist/lib/isTokenValue.test.d.ts +1 -0
- package/dist/lib/types/LayoutProps.d.ts +50 -0
- package/dist/lib/types/PropValueTypes.d.ts +83 -0
- package/dist/lib/types/PropValueTypes.spec-d.d.ts +1 -0
- package/dist/lib/types/ResponsiveProps.d.ts +50 -0
- package/dist/lib/types/ResponsiveProps.spec-d.d.ts +1 -0
- package/dist/lib/types/StateProps.d.ts +27 -0
- package/dist/lib/types/StateProps.spec-d.d.ts +1 -0
- package/dist/lib/types/utils.d.ts +79 -0
- package/dist/lib/types/utils.spec-d.d.ts +1 -0
- package/dist/lib/types.d.ts +2 -0
- package/package.json +30 -11
- package/src/scss/_auto_output.scss +2 -1
- package/src/scss/_with_layer.scss +1 -0
- package/src/scss/base/_base.scss +2 -2
- package/src/scss/base/set/_plain.scss +1 -0
- package/src/scss/reset.scss +1 -1
- package/config/default-config.js +0 -9
- package/config/helper.js +0 -67
- package/dist/components/Lism/Link.d.ts +0 -1
- package/dist/components/Lism/Link.js +0 -8
- package/dist/components/Lism/Text.d.ts +0 -1
- package/dist/components/Lism/Text.js +0 -8
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
readonly isContainer: "is--container";
|
|
3
|
+
readonly isWrapper: {
|
|
4
|
+
readonly className: "is--wrapper";
|
|
5
|
+
readonly preset: readonly ["s", "l"];
|
|
6
|
+
readonly presetClass: "-content";
|
|
7
|
+
readonly customVar: "--contentSize";
|
|
8
|
+
readonly tokenKey: "sz";
|
|
9
|
+
};
|
|
10
|
+
readonly isLayer: "is--layer";
|
|
11
|
+
readonly isLinkBox: "is--linkBox";
|
|
12
|
+
readonly isSide: "is--side";
|
|
13
|
+
readonly isSkipFlow: "is--skipFlow";
|
|
14
|
+
readonly isVertical: "is--vertical";
|
|
15
|
+
readonly hasGutter: "has--gutter";
|
|
16
|
+
readonly setShadow: "set-shadow";
|
|
17
|
+
readonly setHov: "set-hov";
|
|
18
|
+
readonly setTransition: "set-transition";
|
|
19
|
+
readonly setSnap: "set-snap";
|
|
20
|
+
readonly setMask: {
|
|
21
|
+
readonly className: "set-mask";
|
|
22
|
+
readonly setStyles: (propVal: string) => {
|
|
23
|
+
'--maskImg': string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
readonly setPlain: "set-plain";
|
|
27
|
+
readonly setInnerRs: "set-innerRs";
|
|
28
|
+
};
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
readonly fz: readonly ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"];
|
|
3
|
+
readonly lh: readonly ["base", "xs", "s", "l"];
|
|
4
|
+
readonly hl: readonly ["base", "xs", "s", "l"];
|
|
5
|
+
readonly lts: readonly ["base", "s", "l"];
|
|
6
|
+
readonly ff: readonly ["base", "accent", "mono"];
|
|
7
|
+
readonly fw: readonly ["thin", "light", "normal", "medium", "bold", "black"];
|
|
8
|
+
readonly o: readonly ["-10", "-20", "-30"];
|
|
9
|
+
readonly bdrs: readonly ["5", "10", "20", "30", "40", "50", "99", "inner"];
|
|
10
|
+
readonly bxsh: readonly ["5", "10", "20", "30", "40", "50"];
|
|
11
|
+
readonly sz: readonly ["xs", "s", "m", "l", "xl", "min", "full", "container"];
|
|
12
|
+
readonly ar: readonly ["og"];
|
|
13
|
+
readonly space: {
|
|
14
|
+
readonly pre: "--s";
|
|
15
|
+
readonly values: readonly ["5", "10", "15", "20", "30", "40", "50", "60", "70", "80"];
|
|
16
|
+
};
|
|
17
|
+
readonly c: {
|
|
18
|
+
readonly pre: "--";
|
|
19
|
+
readonly values: readonly ["base", "base-2", "text", "text-2", "divider", "link", "brand", "accent"];
|
|
20
|
+
};
|
|
21
|
+
readonly palette: {
|
|
22
|
+
readonly pre: "--";
|
|
23
|
+
readonly values: readonly ["red", "blue", "green", "yellow", "purple", "orange", "pink", "gray", "white", "black", "keycolor"];
|
|
24
|
+
};
|
|
25
|
+
readonly writing: readonly ["vertical"];
|
|
26
|
+
readonly flow: readonly ["s", "l"];
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
type PlainObject = Record<string, unknown>;
|
|
2
|
+
type DeepMergeResult<T, U> = T extends PlainObject ? U extends PlainObject ? {
|
|
3
|
+
[K in keyof T | keyof U]: K extends keyof U ? K extends keyof T ? DeepMergeResult<T[K], U[K]> : U[K] : K extends keyof T ? T[K] : never;
|
|
4
|
+
} : T : U extends PlainObject ? U : T;
|
|
5
|
+
/**
|
|
6
|
+
* 深いマージを行う関数
|
|
7
|
+
* @param origin - マージ先となる元オブジェクト
|
|
8
|
+
* @param source - マージするソース(このデータに更新される)
|
|
9
|
+
* @returns マージされたオブジェクト
|
|
10
|
+
*/
|
|
11
|
+
export declare function objDeepMerge<T extends Record<string, unknown>, U extends Record<string, unknown>>(origin: T, source: U): DeepMergeResult<T, U>;
|
|
12
|
+
type DeepArrayToSet<T> = T extends unknown[] ? Set<T[number]> : T extends PlainObject ? {
|
|
13
|
+
[K in keyof T]: DeepArrayToSet<T[K]>;
|
|
14
|
+
} : T;
|
|
15
|
+
/**
|
|
16
|
+
* オブジェクト内の配列を再帰的にSetに変換する関数
|
|
17
|
+
* @param obj - 変換対象のオブジェクト
|
|
18
|
+
* @returns 変換されたオブジェクト
|
|
19
|
+
*/
|
|
20
|
+
export declare function arrayConvertToSet<T>(obj: T): DeepArrayToSet<T>;
|
|
21
|
+
export {};
|
package/dist/config/helper.js
CHANGED
|
@@ -1,31 +1,27 @@
|
|
|
1
|
-
function
|
|
2
|
-
return r && typeof r == "object" && !Array.isArray(r);
|
|
1
|
+
function f(r) {
|
|
2
|
+
return r !== null && typeof r == "object" && !Array.isArray(r);
|
|
3
3
|
}
|
|
4
|
-
function
|
|
5
|
-
if (!r || typeof r != "object" || Array.isArray(r))
|
|
6
|
-
return t;
|
|
7
|
-
if (!t || typeof t != "object" || Array.isArray(t))
|
|
8
|
-
return r;
|
|
4
|
+
function c(r, n) {
|
|
9
5
|
const e = { ...r };
|
|
10
|
-
for (const
|
|
11
|
-
if (Object.hasOwn(
|
|
12
|
-
const
|
|
13
|
-
|
|
6
|
+
for (const t in n)
|
|
7
|
+
if (Object.hasOwn(n, t)) {
|
|
8
|
+
const s = e[t], i = n[t];
|
|
9
|
+
s && f(i) && f(s) ? e[t] = c(s, i) : e[t] = i;
|
|
14
10
|
}
|
|
15
11
|
return e;
|
|
16
12
|
}
|
|
17
|
-
function
|
|
13
|
+
function o(r) {
|
|
18
14
|
if (Array.isArray(r))
|
|
19
15
|
return new Set(r);
|
|
20
|
-
if (
|
|
21
|
-
const
|
|
16
|
+
if (f(r)) {
|
|
17
|
+
const n = {};
|
|
22
18
|
for (const e in r)
|
|
23
|
-
Object.hasOwn(r, e) && (
|
|
24
|
-
return
|
|
19
|
+
Object.hasOwn(r, e) && (n[e] = o(r[e]));
|
|
20
|
+
return n;
|
|
25
21
|
}
|
|
26
22
|
return r;
|
|
27
23
|
}
|
|
28
24
|
export {
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
o as arrayConvertToSet,
|
|
26
|
+
c as objDeepMerge
|
|
31
27
|
};
|