@kkcompany/app-ui 0.1.15 → 0.1.16

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 (5) hide show
  1. package/dist/index.cjs +7 -3
  2. package/dist/index.d.cts +6 -4
  3. package/dist/index.d.mts +2 -0
  4. package/dist/index.mjs +7 -3
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -50,7 +50,10 @@ const containerStyle = {
50
50
  textAlign: "center"
51
51
  },
52
52
  "&:hover": { color: "#fff" },
53
- "&:disabled": { opacity: "0" },
53
+ "&:disabled": {
54
+ opacity: "0",
55
+ "-webkit-tap-highlight-color": "transparent"
56
+ },
54
57
  "> span": {
55
58
  marginLeft: "2px",
56
59
  padding: "1px",
@@ -356,7 +359,7 @@ const descriptionStyle = {
356
359
  };
357
360
  const desktopDescriptionStyle = {
358
361
  display: "var(--desktop-description-display, -webkit-box)",
359
- padding: "0.75rem 0",
362
+ margin: "0.75rem 0",
360
363
  WebkitLineClamp: 3
361
364
  };
362
365
  const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(slots.Link, {
@@ -367,7 +370,8 @@ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__
367
370
  ...rest,
368
371
  children
369
372
  });
370
- const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
373
+ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClick, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
374
+ onClick,
371
375
  css: [videoItemStyle, style],
372
376
  children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
373
377
  css: infoStyle,
package/dist/index.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import * as _emotion_react_jsx_runtime1 from "@emotion/react/jsx-runtime";
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
- }) => _emotion_react_jsx_runtime1.JSX.Element;
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
- }) => _emotion_react_jsx_runtime1.JSX.Element;
29
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
30
30
  //#endregion
31
31
  //#region src/VideoItem.d.ts
32
32
  type VideoDetail = {
@@ -45,6 +45,7 @@ declare const VideoItem: ({
45
45
  topTags,
46
46
  bottomTags,
47
47
  slots,
48
+ onClick,
48
49
  onClickThumbnail,
49
50
  thumbnailChildren
50
51
  }: {
@@ -60,6 +61,7 @@ declare const VideoItem: ({
60
61
  slots?: {
61
62
  Link?: ElementType | typeof Link;
62
63
  };
64
+ onClick?: MouseEventHandler<HTMLDivElement>;
63
65
  onClickThumbnail?: MouseEventHandler<HTMLAnchorElement>;
64
66
  thumbnailChildren?: ReactNode;
65
67
  }) => ReactElement;
@@ -88,6 +90,6 @@ declare const VideoThumbnail: ({
88
90
  Image?: ElementType;
89
91
  };
90
92
  onClick?: MouseEventHandler<HTMLAnchorElement>;
91
- }) => _emotion_react_jsx_runtime1.JSX.Element;
93
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
92
94
  //#endregion
93
95
  export { Icon, SeeMore, VideoItem, VideoThumbnail };
package/dist/index.d.mts CHANGED
@@ -45,6 +45,7 @@ declare const VideoItem: ({
45
45
  topTags,
46
46
  bottomTags,
47
47
  slots,
48
+ onClick,
48
49
  onClickThumbnail,
49
50
  thumbnailChildren
50
51
  }: {
@@ -60,6 +61,7 @@ declare const VideoItem: ({
60
61
  slots?: {
61
62
  Link?: ElementType | typeof Link;
62
63
  };
64
+ onClick?: MouseEventHandler<HTMLDivElement>;
63
65
  onClickThumbnail?: MouseEventHandler<HTMLAnchorElement>;
64
66
  thumbnailChildren?: ReactNode;
65
67
  }) => ReactElement;
package/dist/index.mjs CHANGED
@@ -50,7 +50,10 @@ const containerStyle = {
50
50
  textAlign: "center"
51
51
  },
52
52
  "&:hover": { color: "#fff" },
53
- "&:disabled": { opacity: "0" },
53
+ "&:disabled": {
54
+ opacity: "0",
55
+ "-webkit-tap-highlight-color": "transparent"
56
+ },
54
57
  "> span": {
55
58
  marginLeft: "2px",
56
59
  padding: "1px",
@@ -356,7 +359,7 @@ const descriptionStyle = {
356
359
  };
357
360
  const desktopDescriptionStyle = {
358
361
  display: "var(--desktop-description-display, -webkit-box)",
359
- padding: "0.75rem 0",
362
+ margin: "0.75rem 0",
360
363
  WebkitLineClamp: 3
361
364
  };
362
365
  const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ jsx(slots.Link, {
@@ -367,7 +370,8 @@ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__
367
370
  ...rest,
368
371
  children
369
372
  });
370
- const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ jsxs("div", {
373
+ const VideoItem = ({ style, href = "", thumbnailHref = href, imageUrl = "", data = {}, secondaryText, progress, topTags = [], bottomTags = [], slots = { Link: "a" }, onClick, onClickThumbnail, thumbnailChildren }) => /* @__PURE__ */ jsxs("div", {
374
+ onClick,
371
375
  css: [videoItemStyle, style],
372
376
  children: [/* @__PURE__ */ jsxs("div", {
373
377
  css: infoStyle,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",