@kkcompany/app-ui 0.1.14 → 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 +10 -7
  2. package/dist/index.d.cts +6 -4
  3. package/dist/index.d.mts +2 -0
  4. package/dist/index.mjs +10 -7
  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",
@@ -144,7 +147,8 @@ const videoThumbnailStyles = {
144
147
  display: "block",
145
148
  borderRadius: "4px",
146
149
  overflow: "hidden",
147
- outlineOffset: "-3px",
150
+ "-webkit-touch-callout": "none",
151
+ "-webkit-user-select": "none",
148
152
  "&:hover::before": { background: "rgba(0,0,0,0.4)" },
149
153
  "&::before": {
150
154
  content: "\"\"",
@@ -313,9 +317,7 @@ const infoStyle = {
313
317
  justifyContent: "center",
314
318
  marginLeft: "1rem",
315
319
  height: "auto",
316
- flex: "1",
317
- "-webkit-touch-callout": "none",
318
- "-webkit-user-select": "none"
320
+ flex: "1"
319
321
  },
320
322
  "@media (min-width: 601px)": {
321
323
  "--description-line-clamp": 3,
@@ -357,7 +359,7 @@ const descriptionStyle = {
357
359
  };
358
360
  const desktopDescriptionStyle = {
359
361
  display: "var(--desktop-description-display, -webkit-box)",
360
- padding: "0.75rem 0",
362
+ margin: "0.75rem 0",
361
363
  WebkitLineClamp: 3
362
364
  };
363
365
  const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(slots.Link, {
@@ -368,7 +370,8 @@ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__
368
370
  ...rest,
369
371
  children
370
372
  });
371
- 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,
372
375
  css: [videoItemStyle, style],
373
376
  children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
374
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",
@@ -144,7 +147,8 @@ const videoThumbnailStyles = {
144
147
  display: "block",
145
148
  borderRadius: "4px",
146
149
  overflow: "hidden",
147
- outlineOffset: "-3px",
150
+ "-webkit-touch-callout": "none",
151
+ "-webkit-user-select": "none",
148
152
  "&:hover::before": { background: "rgba(0,0,0,0.4)" },
149
153
  "&::before": {
150
154
  content: "\"\"",
@@ -313,9 +317,7 @@ const infoStyle = {
313
317
  justifyContent: "center",
314
318
  marginLeft: "1rem",
315
319
  height: "auto",
316
- flex: "1",
317
- "-webkit-touch-callout": "none",
318
- "-webkit-user-select": "none"
320
+ flex: "1"
319
321
  },
320
322
  "@media (min-width: 601px)": {
321
323
  "--description-line-clamp": 3,
@@ -357,7 +359,7 @@ const descriptionStyle = {
357
359
  };
358
360
  const desktopDescriptionStyle = {
359
361
  display: "var(--desktop-description-display, -webkit-box)",
360
- padding: "0.75rem 0",
362
+ margin: "0.75rem 0",
361
363
  WebkitLineClamp: 3
362
364
  };
363
365
  const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__ */ jsx(slots.Link, {
@@ -368,7 +370,8 @@ const OptionalLink = ({ slots, href, children, ...rest }) => href ? /* @__PURE__
368
370
  ...rest,
369
371
  children
370
372
  });
371
- 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,
372
375
  css: [videoItemStyle, style],
373
376
  children: [/* @__PURE__ */ jsxs("div", {
374
377
  css: infoStyle,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.14",
3
+ "version": "0.1.16",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",