@kkcompany/app-ui 0.1.5 → 0.1.7
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 +7 -4
- package/dist/index.d.cts +4 -4
- package/dist/index.mjs +7 -4
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -163,7 +163,8 @@ const thumbnailImageStyles = {
|
|
|
163
163
|
background: "#333",
|
|
164
164
|
backgroundSize: "contain",
|
|
165
165
|
backgroundRepeat: "no-repeat",
|
|
166
|
-
backgroundPosition: "center"
|
|
166
|
+
backgroundPosition: "center",
|
|
167
|
+
backgroundImage: "url('/static/images/placeholder-video.png')"
|
|
167
168
|
};
|
|
168
169
|
const progressStyles = {
|
|
169
170
|
position: "absolute",
|
|
@@ -196,13 +197,15 @@ const tagBaseStyles = {
|
|
|
196
197
|
gap: "0.4em",
|
|
197
198
|
color: "var(--tag-color)",
|
|
198
199
|
justifyContent: "var(--tag-justify-content, flex-start)",
|
|
199
|
-
fontSize: "
|
|
200
|
+
fontSize: "0.75rem",
|
|
200
201
|
"> div": {
|
|
201
|
-
padding: "
|
|
202
|
+
padding: "4px 6px",
|
|
202
203
|
borderRadius: "0.2em",
|
|
203
204
|
fontWeight: 600,
|
|
204
205
|
background: "var(--tag-background)",
|
|
205
|
-
boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)"
|
|
206
|
+
boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)",
|
|
207
|
+
height: "18px",
|
|
208
|
+
lineHeight: "18px"
|
|
206
209
|
}
|
|
207
210
|
}
|
|
208
211
|
};
|
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _emotion_react_jsx_runtime0 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";
|
|
@@ -10,7 +10,7 @@ declare const Icon: ({
|
|
|
10
10
|
}: {
|
|
11
11
|
style?: {};
|
|
12
12
|
src: any;
|
|
13
|
-
}) =>
|
|
13
|
+
}) => _emotion_react_jsx_runtime0.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
//#region src/SeeMore.d.ts
|
|
16
16
|
declare const defaultMessages: {
|
|
@@ -26,7 +26,7 @@ declare const SeeMore: ({
|
|
|
26
26
|
style?: CSSObject;
|
|
27
27
|
messages?: typeof defaultMessages;
|
|
28
28
|
children?: ReactNode;
|
|
29
|
-
}) =>
|
|
29
|
+
}) => _emotion_react_jsx_runtime0.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
31
|
//#region src/VideoItem.d.ts
|
|
32
32
|
type VideoDetail = {
|
|
@@ -88,6 +88,6 @@ declare const VideoThumbnail: ({
|
|
|
88
88
|
Image?: ElementType;
|
|
89
89
|
};
|
|
90
90
|
onClick?: MouseEventHandler<HTMLAnchorElement>;
|
|
91
|
-
}) =>
|
|
91
|
+
}) => _emotion_react_jsx_runtime0.JSX.Element;
|
|
92
92
|
//#endregion
|
|
93
93
|
export { Icon, SeeMore, VideoItem, VideoThumbnail };
|
package/dist/index.mjs
CHANGED
|
@@ -163,7 +163,8 @@ const thumbnailImageStyles = {
|
|
|
163
163
|
background: "#333",
|
|
164
164
|
backgroundSize: "contain",
|
|
165
165
|
backgroundRepeat: "no-repeat",
|
|
166
|
-
backgroundPosition: "center"
|
|
166
|
+
backgroundPosition: "center",
|
|
167
|
+
backgroundImage: "url('/static/images/placeholder-video.png')"
|
|
167
168
|
};
|
|
168
169
|
const progressStyles = {
|
|
169
170
|
position: "absolute",
|
|
@@ -196,13 +197,15 @@ const tagBaseStyles = {
|
|
|
196
197
|
gap: "0.4em",
|
|
197
198
|
color: "var(--tag-color)",
|
|
198
199
|
justifyContent: "var(--tag-justify-content, flex-start)",
|
|
199
|
-
fontSize: "
|
|
200
|
+
fontSize: "0.75rem",
|
|
200
201
|
"> div": {
|
|
201
|
-
padding: "
|
|
202
|
+
padding: "4px 6px",
|
|
202
203
|
borderRadius: "0.2em",
|
|
203
204
|
fontWeight: 600,
|
|
204
205
|
background: "var(--tag-background)",
|
|
205
|
-
boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)"
|
|
206
|
+
boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)",
|
|
207
|
+
height: "18px",
|
|
208
|
+
lineHeight: "18px"
|
|
206
209
|
}
|
|
207
210
|
}
|
|
208
211
|
};
|