@kkcompany/app-ui 0.1.19 → 0.1.20
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/dist/index.cjs +5 -3
- package/dist/index.d.cts +5 -5
- package/dist/index.mjs +5 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -379,10 +379,12 @@ const infoStyle = {
|
|
|
379
379
|
},
|
|
380
380
|
"@media (max-width: 600px)": { "> div:first-of-type > a > div:last-of-type > div": { fontSize: "7px" } }
|
|
381
381
|
};
|
|
382
|
+
const LINES_OF_TITLE = 2;
|
|
383
|
+
const LINES_OF_DESCRIPTION = 2;
|
|
382
384
|
const titleStyle = {
|
|
383
385
|
display: "-webkit-box",
|
|
384
386
|
WebkitBoxOrient: "vertical",
|
|
385
|
-
WebkitLineClamp:
|
|
387
|
+
WebkitLineClamp: LINES_OF_TITLE,
|
|
386
388
|
overflow: "hidden",
|
|
387
389
|
textOverflow: "ellipsis"
|
|
388
390
|
};
|
|
@@ -391,7 +393,7 @@ const descriptionStyle = {
|
|
|
391
393
|
display: "var(--description-display, -webkit-box)",
|
|
392
394
|
overflow: "hidden",
|
|
393
395
|
WebkitBoxOrient: "vertical",
|
|
394
|
-
WebkitLineClamp:
|
|
396
|
+
WebkitLineClamp: LINES_OF_DESCRIPTION,
|
|
395
397
|
color: "#ccc",
|
|
396
398
|
textOverflow: "ellipsis",
|
|
397
399
|
fontSize: "14px",
|
|
@@ -405,7 +407,7 @@ const descriptionStyle = {
|
|
|
405
407
|
const desktopDescriptionStyle = {
|
|
406
408
|
display: "var(--desktop-description-display, -webkit-box)",
|
|
407
409
|
margin: "0.75rem 0",
|
|
408
|
-
WebkitLineClamp:
|
|
410
|
+
WebkitLineClamp: LINES_OF_DESCRIPTION
|
|
409
411
|
};
|
|
410
412
|
const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(slots.Link, {
|
|
411
413
|
href,
|
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _emotion_react_jsx_runtime2 from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { CSSObject } from "@emotion/react";
|
|
3
3
|
import { ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
|
|
4
4
|
import Link from "next/link";
|
|
@@ -17,7 +17,7 @@ declare const HiddenToggle: ({
|
|
|
17
17
|
defaultEnabled?: boolean;
|
|
18
18
|
children: any;
|
|
19
19
|
onChange: any;
|
|
20
|
-
}) =>
|
|
20
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
//#region src/Icon.d.ts
|
|
23
23
|
declare const Icon: ({
|
|
@@ -26,7 +26,7 @@ declare const Icon: ({
|
|
|
26
26
|
}: {
|
|
27
27
|
style?: {};
|
|
28
28
|
src: any;
|
|
29
|
-
}) =>
|
|
29
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
31
|
//#region src/SeeMore.d.ts
|
|
32
32
|
declare const defaultMessages: {
|
|
@@ -42,7 +42,7 @@ declare const SeeMore: ({
|
|
|
42
42
|
style?: CSSObject;
|
|
43
43
|
messages?: typeof defaultMessages;
|
|
44
44
|
children?: ReactNode;
|
|
45
|
-
}) =>
|
|
45
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
46
46
|
//#endregion
|
|
47
47
|
//#region src/VideoItem.d.ts
|
|
48
48
|
type VideoDetail = {
|
|
@@ -106,6 +106,6 @@ declare const VideoThumbnail: ({
|
|
|
106
106
|
Image?: ElementType;
|
|
107
107
|
};
|
|
108
108
|
onClick?: MouseEventHandler<HTMLAnchorElement>;
|
|
109
|
-
}) =>
|
|
109
|
+
}) => _emotion_react_jsx_runtime2.JSX.Element;
|
|
110
110
|
//#endregion
|
|
111
111
|
export { HiddenToggle, Icon, SeeMore, VideoItem, VideoThumbnail };
|
package/dist/index.mjs
CHANGED
|
@@ -379,10 +379,12 @@ const infoStyle = {
|
|
|
379
379
|
},
|
|
380
380
|
"@media (max-width: 600px)": { "> div:first-of-type > a > div:last-of-type > div": { fontSize: "7px" } }
|
|
381
381
|
};
|
|
382
|
+
const LINES_OF_TITLE = 2;
|
|
383
|
+
const LINES_OF_DESCRIPTION = 2;
|
|
382
384
|
const titleStyle = {
|
|
383
385
|
display: "-webkit-box",
|
|
384
386
|
WebkitBoxOrient: "vertical",
|
|
385
|
-
WebkitLineClamp:
|
|
387
|
+
WebkitLineClamp: LINES_OF_TITLE,
|
|
386
388
|
overflow: "hidden",
|
|
387
389
|
textOverflow: "ellipsis"
|
|
388
390
|
};
|
|
@@ -391,7 +393,7 @@ const descriptionStyle = {
|
|
|
391
393
|
display: "var(--description-display, -webkit-box)",
|
|
392
394
|
overflow: "hidden",
|
|
393
395
|
WebkitBoxOrient: "vertical",
|
|
394
|
-
WebkitLineClamp:
|
|
396
|
+
WebkitLineClamp: LINES_OF_DESCRIPTION,
|
|
395
397
|
color: "#ccc",
|
|
396
398
|
textOverflow: "ellipsis",
|
|
397
399
|
fontSize: "14px",
|
|
@@ -405,7 +407,7 @@ const descriptionStyle = {
|
|
|
405
407
|
const desktopDescriptionStyle = {
|
|
406
408
|
display: "var(--desktop-description-display, -webkit-box)",
|
|
407
409
|
margin: "0.75rem 0",
|
|
408
|
-
WebkitLineClamp:
|
|
410
|
+
WebkitLineClamp: LINES_OF_DESCRIPTION
|
|
409
411
|
};
|
|
410
412
|
const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ jsx(slots.Link, {
|
|
411
413
|
href,
|