@kkcompany/app-ui 0.1.21 → 0.1.22

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 (4) hide show
  1. package/dist/index.cjs +6 -23
  2. package/dist/index.d.cts +5 -5
  3. package/dist/index.mjs +6 -23
  4. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -246,17 +246,14 @@ const tagBaseStyles = {
246
246
  gap: "0.4em",
247
247
  color: "var(--tag-color)",
248
248
  justifyContent: "var(--tag-justify-content, flex-start)",
249
- fontSize: "10px",
249
+ fontSize: "calc(0.75rem * 5 / 6)",
250
250
  wordBreak: "keep-all",
251
251
  "> div": {
252
- padding: "0.3em 0.6em",
253
- borderRadius: "2px",
252
+ padding: "0.4em 0.6em",
253
+ borderRadius: "0.2em",
254
254
  fontWeight: 600,
255
255
  background: "var(--tag-background)",
256
- boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)",
257
- minHeight: "15px",
258
- display: "flex",
259
- alignItems: "center"
256
+ boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)"
260
257
  }
261
258
  }
262
259
  };
@@ -265,10 +262,6 @@ const tagBottomStyles = {
265
262
  "--tag-color": "#000",
266
263
  "--tag-background": "#fff"
267
264
  };
268
- const newTagStyles = { minWidth: "26px" };
269
- const onSaleTagStyles = { minWidth: "40px" };
270
- const freeTagStyles = { minWidth: "20px" };
271
- const megaTagStyles = { minWidth: "30px" };
272
265
  const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomTags = [], children, slots = {}, onClick }) => {
273
266
  const components = {
274
267
  Link: "a",
@@ -297,19 +290,9 @@ const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomT
297
290
  }),
298
291
  /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
299
292
  css: tagBaseStyles,
300
- children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: topTags?.map((tag) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
301
- css: [
302
- tag === "NEW" && newTagStyles,
303
- tag === "セール中" && onSaleTagStyles,
304
- tag === "無料" && freeTagStyles
305
- ],
306
- children: tag
307
- }, tag)) }), bottomTags.length > 0 && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
293
+ children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: topTags?.map((tag) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: tag }, tag)) }), bottomTags.length > 0 && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
308
294
  css: [tagBottomStyles, progress >= 0 && { marginBottom: "8px" }],
309
- children: bottomTags?.map((tag) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
310
- css: [tag === "見放題" && megaTagStyles],
311
- children: tag
312
- }, tag))
295
+ children: bottomTags?.map((tag) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: tag }, tag))
313
296
  })]
314
297
  })
315
298
  ]
package/dist/index.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import * as _emotion_react_jsx_runtime2 from "@emotion/react/jsx-runtime";
1
+ import * as _emotion_react_jsx_runtime1 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
- }) => _emotion_react_jsx_runtime2.JSX.Element;
20
+ }) => _emotion_react_jsx_runtime1.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
- }) => _emotion_react_jsx_runtime2.JSX.Element;
29
+ }) => _emotion_react_jsx_runtime1.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
- }) => _emotion_react_jsx_runtime2.JSX.Element;
45
+ }) => _emotion_react_jsx_runtime1.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
- }) => _emotion_react_jsx_runtime2.JSX.Element;
109
+ }) => _emotion_react_jsx_runtime1.JSX.Element;
110
110
  //#endregion
111
111
  export { HiddenToggle, Icon, SeeMore, VideoItem, VideoThumbnail };
package/dist/index.mjs CHANGED
@@ -246,17 +246,14 @@ const tagBaseStyles = {
246
246
  gap: "0.4em",
247
247
  color: "var(--tag-color)",
248
248
  justifyContent: "var(--tag-justify-content, flex-start)",
249
- fontSize: "10px",
249
+ fontSize: "calc(0.75rem * 5 / 6)",
250
250
  wordBreak: "keep-all",
251
251
  "> div": {
252
- padding: "0.3em 0.6em",
253
- borderRadius: "2px",
252
+ padding: "0.4em 0.6em",
253
+ borderRadius: "0.2em",
254
254
  fontWeight: 600,
255
255
  background: "var(--tag-background)",
256
- boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)",
257
- minHeight: "15px",
258
- display: "flex",
259
- alignItems: "center"
256
+ boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)"
260
257
  }
261
258
  }
262
259
  };
@@ -265,10 +262,6 @@ const tagBottomStyles = {
265
262
  "--tag-color": "#000",
266
263
  "--tag-background": "#fff"
267
264
  };
268
- const newTagStyles = { minWidth: "26px" };
269
- const onSaleTagStyles = { minWidth: "40px" };
270
- const freeTagStyles = { minWidth: "20px" };
271
- const megaTagStyles = { minWidth: "30px" };
272
265
  const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomTags = [], children, slots = {}, onClick }) => {
273
266
  const components = {
274
267
  Link: "a",
@@ -297,19 +290,9 @@ const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomT
297
290
  }),
298
291
  /* @__PURE__ */ jsxs("div", {
299
292
  css: tagBaseStyles,
300
- children: [/* @__PURE__ */ jsx("div", { children: topTags?.map((tag) => /* @__PURE__ */ jsx("div", {
301
- css: [
302
- tag === "NEW" && newTagStyles,
303
- tag === "セール中" && onSaleTagStyles,
304
- tag === "無料" && freeTagStyles
305
- ],
306
- children: tag
307
- }, tag)) }), bottomTags.length > 0 && /* @__PURE__ */ jsx("div", {
293
+ children: [/* @__PURE__ */ jsx("div", { children: topTags?.map((tag) => /* @__PURE__ */ jsx("div", { children: tag }, tag)) }), bottomTags.length > 0 && /* @__PURE__ */ jsx("div", {
308
294
  css: [tagBottomStyles, progress >= 0 && { marginBottom: "8px" }],
309
- children: bottomTags?.map((tag) => /* @__PURE__ */ jsx("div", {
310
- css: [tag === "見放題" && megaTagStyles],
311
- children: tag
312
- }, tag))
295
+ children: bottomTags?.map((tag) => /* @__PURE__ */ jsx("div", { children: tag }, tag))
313
296
  })]
314
297
  })
315
298
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.21",
3
+ "version": "0.1.22",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",