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.
Files changed (148) hide show
  1. package/bin/script-build-css.js +1 -1
  2. package/config/default-config.ts +9 -0
  3. package/config/defaults/{props.js → props.ts} +4 -4
  4. package/config/defaults/{states.js → states.ts} +2 -2
  5. package/config/defaults/{tokens.js → tokens.ts} +1 -1
  6. package/config/helper/{getSvgUrl.js → getSvgUrl.ts} +1 -3
  7. package/config/helper/{minifyHtml.js → minifyHtml.ts} +1 -1
  8. package/config/helper.test.ts +238 -0
  9. package/config/helper.ts +79 -0
  10. package/config/{index.js → index.ts} +17 -4
  11. package/config/tsconfig.json +18 -0
  12. package/config.d.ts +2 -0
  13. package/config.js +1 -1
  14. package/dist/components/Box/Box.d.ts +4 -1
  15. package/dist/components/Box/index.d.ts +1 -1
  16. package/dist/components/Center/Center.d.ts +4 -1
  17. package/dist/components/Center/index.d.ts +1 -1
  18. package/dist/components/Cluster/Cluster.d.ts +4 -1
  19. package/dist/components/Cluster/index.js +2 -2
  20. package/dist/components/Columns/Columns.d.ts +4 -1
  21. package/dist/components/Container/Container.d.ts +6 -4
  22. package/dist/components/Dummy/Dummy.d.ts +10 -8
  23. package/dist/components/Dummy/getContent.d.ts +13 -7
  24. package/dist/components/Dummy/getContent.js +7 -6
  25. package/dist/components/Dummy/index.js +8 -7
  26. package/dist/components/Flex/Flex.d.ts +4 -1
  27. package/dist/components/Flow/Flow.d.ts +4 -1
  28. package/dist/components/Flow/index.d.ts +1 -1
  29. package/dist/components/FluidCols/FluidCols.d.ts +4 -1
  30. package/dist/components/Frame/Frame.d.ts +4 -1
  31. package/dist/components/Grid/Grid.d.ts +4 -1
  32. package/dist/components/HTML/HTML.d.ts +16 -13
  33. package/dist/components/HTML/index.d.ts +13 -13
  34. package/dist/components/HTML/index.js +3 -3
  35. package/dist/components/HTML/index2.js +30 -29
  36. package/dist/components/Layer/Layer.d.ts +6 -1
  37. package/dist/components/Layer/Layer.test.d.ts +1 -0
  38. package/dist/components/Layer/getProps.d.ts +5 -1
  39. package/dist/components/LinkBox/LinkBox.d.ts +4 -4
  40. package/dist/components/Lism/Lism.d.ts +28 -7
  41. package/dist/components/Lism/Lism.stories.d.ts +667 -0
  42. package/dist/components/Lism/Lism.test.d.ts +1 -0
  43. package/dist/components/Lism/index.d.ts +1 -3
  44. package/dist/components/Lism/index.js +3 -3
  45. package/dist/components/SideMain/SideMain.d.ts +4 -1
  46. package/dist/components/Stack/Stack.d.ts +4 -1
  47. package/dist/components/SwitchCols/SwitchCols.d.ts +4 -1
  48. package/dist/components/Wrapper/Wrapper.d.ts +6 -4
  49. package/dist/components/atomic/Decorator/Decorator.d.ts +2 -1
  50. package/dist/components/atomic/Decorator/getProps.d.ts +10 -12
  51. package/dist/components/atomic/Decorator/getProps.js +10 -9
  52. package/dist/components/atomic/Divider/Divider.d.ts +2 -1
  53. package/dist/components/atomic/Divider/getProps.d.ts +2 -7
  54. package/dist/components/atomic/Divider/getProps.js +8 -7
  55. package/dist/components/atomic/Icon/Icon.d.ts +4 -3
  56. package/dist/components/atomic/Icon/SVG.d.ts +8 -9
  57. package/dist/components/atomic/Icon/getProps.d.ts +21 -12
  58. package/dist/components/atomic/Icon/getProps.js +31 -25
  59. package/dist/components/atomic/Icon/index.js +9 -8
  60. package/dist/components/atomic/Icon/presets.d.ts +2 -2
  61. package/dist/components/atomic/Media/Media.d.ts +2 -1
  62. package/dist/components/atomic/Media/getProps.d.ts +9 -1
  63. package/dist/components/atomic/Media/getProps.js +5 -6
  64. package/dist/components/atomic/Media/index.js +3 -3
  65. package/dist/components/atomic/Spacer/Spacer.d.ts +2 -1
  66. package/dist/components/atomic/Spacer/getProps.d.ts +2 -7
  67. package/dist/components/atomic/Spacer/getProps.js +8 -2
  68. package/dist/components/getFilterProps.d.ts +10 -1
  69. package/dist/components/getFilterProps.js +15 -5
  70. package/dist/components/getFilterProps.test.d.ts +1 -0
  71. package/dist/components/index.js +44 -48
  72. package/dist/components/setMaybeTransformStyles.d.ts +12 -1
  73. package/dist/components/setMaybeTransformStyles.js +4 -4
  74. package/dist/components/setMaybeTransformStyles.test.d.ts +1 -0
  75. package/dist/config/default-config.d.ts +838 -0
  76. package/dist/config/defaults/props.d.ts +797 -0
  77. package/dist/config/defaults/states.d.ts +29 -0
  78. package/dist/config/defaults/tokens.d.ts +28 -0
  79. package/dist/config/helper/getSvgUrl.d.ts +5 -0
  80. package/dist/config/helper/minifyHtml.d.ts +5 -0
  81. package/dist/config/helper.d.ts +21 -0
  82. package/dist/config/helper.js +14 -18
  83. package/dist/config/index.d.ts +1675 -0
  84. package/dist/config/index.js +15 -11
  85. package/dist/css/base/set.css +1 -1
  86. package/dist/css/base.css +1 -1
  87. package/dist/css/main.css +1 -1
  88. package/dist/css/main_no_layer.css +1 -1
  89. package/dist/css/reset.css +1 -1
  90. package/dist/lib/LismPropsData.test.d.ts +1 -0
  91. package/dist/lib/getBpData.d.ts +9 -1
  92. package/dist/lib/getBpData.js +16 -10
  93. package/dist/lib/getBpData.test.d.ts +1 -0
  94. package/dist/lib/getLayoutProps.d.ts +22 -1
  95. package/dist/lib/getLayoutProps.js +19 -19
  96. package/dist/lib/getLayoutProps.test.d.ts +1 -0
  97. package/dist/lib/getLismProps.d.ts +77 -2
  98. package/dist/lib/getLismProps.js +122 -107
  99. package/dist/lib/getLismProps.test.d.ts +1 -0
  100. package/dist/lib/getMaybeCssVar.d.ts +5 -3
  101. package/dist/lib/getMaybeCssVar.js +15 -15
  102. package/dist/lib/getMaybeCssVar.test.d.ts +1 -0
  103. package/dist/lib/getMaybeTokenValue.d.ts +10 -1
  104. package/dist/lib/getMaybeTokenValue.js +21 -21
  105. package/dist/lib/getMaybeTokenValue.test.d.ts +1 -0
  106. package/dist/lib/getUtilKey.d.ts +7 -1
  107. package/dist/lib/getUtilKey.js +6 -6
  108. package/dist/lib/getUtilKey.test.d.ts +1 -0
  109. package/dist/lib/helper/atts.d.ts +6 -3
  110. package/dist/lib/helper/atts.test.d.ts +1 -0
  111. package/dist/lib/helper/filterEmptyObj.d.ts +20 -1
  112. package/dist/lib/helper/filterEmptyObj.js +6 -5
  113. package/dist/lib/helper/filterEmptyObj.test.d.ts +1 -0
  114. package/dist/lib/helper/hasSomeKeys.d.ts +1 -1
  115. package/dist/lib/helper/isNumStr.d.ts +4 -1
  116. package/dist/lib/helper/isNumStr.test.d.ts +1 -0
  117. package/dist/lib/helper/objMap.d.ts +8 -1
  118. package/dist/lib/helper/objMap.test.d.ts +1 -0
  119. package/dist/lib/helper/splitWithComma.d.ts +1 -1
  120. package/dist/lib/helper/splitWithComma.test.d.ts +1 -0
  121. package/dist/lib/isPresetValue.d.ts +3 -1
  122. package/dist/lib/isPresetValue.js +10 -3
  123. package/dist/lib/isPresetValue.test.d.ts +1 -0
  124. package/dist/lib/isTokenValue.d.ts +1 -1
  125. package/dist/lib/isTokenValue.js +24 -7
  126. package/dist/lib/isTokenValue.test.d.ts +1 -0
  127. package/dist/lib/types/LayoutProps.d.ts +50 -0
  128. package/dist/lib/types/PropValueTypes.d.ts +83 -0
  129. package/dist/lib/types/PropValueTypes.spec-d.d.ts +1 -0
  130. package/dist/lib/types/ResponsiveProps.d.ts +50 -0
  131. package/dist/lib/types/ResponsiveProps.spec-d.d.ts +1 -0
  132. package/dist/lib/types/StateProps.d.ts +27 -0
  133. package/dist/lib/types/StateProps.spec-d.d.ts +1 -0
  134. package/dist/lib/types/utils.d.ts +79 -0
  135. package/dist/lib/types/utils.spec-d.d.ts +1 -0
  136. package/dist/lib/types.d.ts +2 -0
  137. package/package.json +30 -11
  138. package/src/scss/_auto_output.scss +2 -1
  139. package/src/scss/_with_layer.scss +1 -0
  140. package/src/scss/base/_base.scss +2 -2
  141. package/src/scss/base/set/_plain.scss +1 -0
  142. package/src/scss/reset.scss +1 -1
  143. package/config/default-config.js +0 -9
  144. package/config/helper.js +0 -67
  145. package/dist/components/Lism/Link.d.ts +0 -1
  146. package/dist/components/Lism/Link.js +0 -8
  147. package/dist/components/Lism/Text.d.ts +0 -1
  148. 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,5 @@
1
+ /**
2
+ * svgをcssの image url に変換
3
+ */
4
+ declare const getSvgUrl: (svg: string, encode?: string) => string;
5
+ export default getSvgUrl;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * html文字列をminify
3
+ */
4
+ declare const minifyHtml: (html: string) => string;
5
+ export default minifyHtml;
@@ -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 {};
@@ -1,31 +1,27 @@
1
- function a(r) {
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 i(r, t) {
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 n in t)
11
- if (Object.hasOwn(t, n)) {
12
- const y = e[n], f = t[n];
13
- y && a(f) && a(y) ? e[n] = i(y, f) : e[n] = f;
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 s(r) {
13
+ function o(r) {
18
14
  if (Array.isArray(r))
19
15
  return new Set(r);
20
- if (a(r)) {
21
- const t = {};
16
+ if (f(r)) {
17
+ const n = {};
22
18
  for (const e in r)
23
- Object.hasOwn(r, e) && (t[e] = s(r[e]));
24
- return t;
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
- s as arrayConvertToSet,
30
- i as objDeepMerge
25
+ o as arrayConvertToSet,
26
+ c as objDeepMerge
31
27
  };