@kkcompany/app-ui 0.1.4 → 0.1.6

package/dist/index.cjs

@@ -105,7 +105,8 @@ const SeeMore = ({ style, messages = defaultMessages, children, ...rest }) => {
 	(0, react.useEffect)(() => {
 		if (!containeRef.current) return;
 		return onResize(containeRef.current, () => {
-			const { scrollHeight, clientHeight } = containeRef.current || {};
+			if (!containeRef.current) return;
+			const { scrollHeight, clientHeight } = containeRef.current;
 			const fontSize = Number.parseFloat(window.getComputedStyle(containeRef.current).fontSize);
 			const scrollable = scrollHeight > clientHeight * 1.3;
 			const fit = fontSize * 3 > scrollHeight;
@@ -162,7 +163,8 @@ const thumbnailImageStyles = {
 	background: "#333",
 	backgroundSize: "contain",
 	backgroundRepeat: "no-repeat",
-	backgroundPosition: "center"
+	backgroundPosition: "center",
+	backgroundImage: "url('/static/images/placeholder-video.png')"
 };
 const progressStyles = {
 	position: "absolute",
@@ -195,9 +197,9 @@ const tagBaseStyles = {
 		gap: "0.4em",
 		color: "var(--tag-color)",
 		justifyContent: "var(--tag-justify-content, flex-start)",
-		fontSize: "calc(0.75rem * 5 / 6)",
+		fontSize: "0.75rem",
 		"> div": {
-			padding: "0.4em 0.6em",
+			padding: "4px 6px",
 			borderRadius: "0.2em",
 			fontWeight: 600,
 			background: "var(--tag-background)",

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
+import * as _emotion_react_jsx_runtime1 from "@emotion/react/jsx-runtime";
 import { CSSObject } from "@emotion/react";
 import { ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
 import Link from "next/link";
@@ -10,7 +10,7 @@ declare const Icon: ({
 }: {
   style?: {};
   src: any;
-}) => _emotion_react_jsx_runtime0.JSX.Element;
+}) => _emotion_react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/SeeMore.d.ts
 declare const defaultMessages: {
@@ -26,7 +26,7 @@ declare const SeeMore: ({
   style?: CSSObject;
   messages?: typeof defaultMessages;
   children?: ReactNode;
-}) => _emotion_react_jsx_runtime0.JSX.Element;
+}) => _emotion_react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/VideoItem.d.ts
 type VideoDetail = {
@@ -88,6 +88,6 @@ declare const VideoThumbnail: ({
     Image?: ElementType;
   };
   onClick?: MouseEventHandler<HTMLAnchorElement>;
-}) => _emotion_react_jsx_runtime0.JSX.Element;
+}) => _emotion_react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Icon, SeeMore, VideoItem, VideoThumbnail };

package/dist/index.mjs

@@ -105,7 +105,8 @@ const SeeMore = ({ style, messages = defaultMessages, children, ...rest }) => {
 	useEffect(() => {
 		if (!containeRef.current) return;
 		return onResize(containeRef.current, () => {
-			const { scrollHeight, clientHeight } = containeRef.current || {};
+			if (!containeRef.current) return;
+			const { scrollHeight, clientHeight } = containeRef.current;
 			const fontSize = Number.parseFloat(window.getComputedStyle(containeRef.current).fontSize);
 			const scrollable = scrollHeight > clientHeight * 1.3;
 			const fit = fontSize * 3 > scrollHeight;
@@ -162,7 +163,8 @@ const thumbnailImageStyles = {
 	background: "#333",
 	backgroundSize: "contain",
 	backgroundRepeat: "no-repeat",
-	backgroundPosition: "center"
+	backgroundPosition: "center",
+	backgroundImage: "url('/static/images/placeholder-video.png')"
 };
 const progressStyles = {
 	position: "absolute",
@@ -195,9 +197,9 @@ const tagBaseStyles = {
 		gap: "0.4em",
 		color: "var(--tag-color)",
 		justifyContent: "var(--tag-justify-content, flex-start)",
-		fontSize: "calc(0.75rem * 5 / 6)",
+		fontSize: "0.75rem",
 		"> div": {
-			padding: "0.4em 0.6em",
+			padding: "4px 6px",
 			borderRadius: "0.2em",
 			fontWeight: 600,
 			background: "var(--tag-background)",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@kkcompany/app-ui",
-	"version": "0.1.4",
+	"version": "0.1.6",
 	"module": "dist/index.mjs",
 	"main": "dist/index.js",
 	"types": "dist/index.d.mts",