@kkcompany/app-ui 0.1.10 → 0.1.11

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 (3) hide show
  1. package/dist/index.cjs +6 -13
  2. package/dist/index.mjs +6 -13
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -197,25 +197,21 @@ const tagBaseStyles = {
197
197
  gap: "0.4em",
198
198
  color: "var(--tag-color)",
199
199
  justifyContent: "var(--tag-justify-content, flex-start)",
200
- fontSize: "0.75rem",
200
+ fontSize: "0.625rem",
201
201
  wordBreak: "keep-all",
202
202
  "> div": {
203
- padding: "4px 6px",
203
+ padding: "0.4em 0.6em",
204
204
  borderRadius: "0.2em",
205
205
  fontWeight: 600,
206
206
  background: "var(--tag-background)",
207
- boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)",
208
- height: "18px",
209
- lineHeight: "18px"
207
+ boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)"
210
208
  }
211
209
  }
212
210
  };
213
- const tagTopStyles = { transformOrigin: "left top" };
214
211
  const tagBottomStyles = {
215
212
  "--tag-justify-content": "flex-end",
216
213
  "--tag-color": "#000",
217
- "--tag-background": "#fff",
218
- transformOrigin: "right bottom"
214
+ "--tag-background": "#fff"
219
215
  };
220
216
  const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomTags = [], children, slots = {}, onClick }) => {
221
217
  const components = {
@@ -244,10 +240,7 @@ const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomT
244
240
  }),
245
241
  /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
246
242
  css: tagBaseStyles,
247
- children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
248
- css: tagTopStyles,
249
- children: topTags?.map((tag) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: tag }, tag))
250
- }), bottomTags.length > 0 && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", {
243
+ 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", {
251
244
  css: [tagBottomStyles, progress >= 0 && { marginBottom: "4px" }],
252
245
  children: bottomTags?.map((tag) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("div", { children: tag }, tag))
253
246
  })]
@@ -301,7 +294,7 @@ const infoStyle = {
301
294
  minWidth: "0"
302
295
  }
303
296
  },
304
- "@media (max-width: 600px)": { "> div:first-of-type > a > div:last-of-type > div": { scale: .6 } }
297
+ "@media (max-width: 600px)": { "> div:first-of-type > a > div:last-of-type > div": { fontSize: "0.45rem" } }
305
298
  };
306
299
  const titleStyle = {
307
300
  display: "-webkit-box",
package/dist/index.mjs CHANGED
@@ -197,25 +197,21 @@ const tagBaseStyles = {
197
197
  gap: "0.4em",
198
198
  color: "var(--tag-color)",
199
199
  justifyContent: "var(--tag-justify-content, flex-start)",
200
- fontSize: "0.75rem",
200
+ fontSize: "0.625rem",
201
201
  wordBreak: "keep-all",
202
202
  "> div": {
203
- padding: "4px 6px",
203
+ padding: "0.4em 0.6em",
204
204
  borderRadius: "0.2em",
205
205
  fontWeight: 600,
206
206
  background: "var(--tag-background)",
207
- boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)",
208
- height: "18px",
209
- lineHeight: "18px"
207
+ boxShadow: "0 2px 4px 0 rgba(0,0,0,0.25)"
210
208
  }
211
209
  }
212
210
  };
213
- const tagTopStyles = { transformOrigin: "left top" };
214
211
  const tagBottomStyles = {
215
212
  "--tag-justify-content": "flex-end",
216
213
  "--tag-color": "#000",
217
- "--tag-background": "#fff",
218
- transformOrigin: "right bottom"
214
+ "--tag-background": "#fff"
219
215
  };
220
216
  const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomTags = [], children, slots = {}, onClick }) => {
221
217
  const components = {
@@ -244,10 +240,7 @@ const VideoThumbnail = ({ href, imageUrl, title, progress, topTags = [], bottomT
244
240
  }),
245
241
  /* @__PURE__ */ jsxs("div", {
246
242
  css: tagBaseStyles,
247
- children: [/* @__PURE__ */ jsx("div", {
248
- css: tagTopStyles,
249
- children: topTags?.map((tag) => /* @__PURE__ */ jsx("div", { children: tag }, tag))
250
- }), bottomTags.length > 0 && /* @__PURE__ */ jsx("div", {
243
+ children: [/* @__PURE__ */ jsx("div", { children: topTags?.map((tag) => /* @__PURE__ */ jsx("div", { children: tag }, tag)) }), bottomTags.length > 0 && /* @__PURE__ */ jsx("div", {
251
244
  css: [tagBottomStyles, progress >= 0 && { marginBottom: "4px" }],
252
245
  children: bottomTags?.map((tag) => /* @__PURE__ */ jsx("div", { children: tag }, tag))
253
246
  })]
@@ -301,7 +294,7 @@ const infoStyle = {
301
294
  minWidth: "0"
302
295
  }
303
296
  },
304
- "@media (max-width: 600px)": { "> div:first-of-type > a > div:last-of-type > div": { scale: .6 } }
297
+ "@media (max-width: 600px)": { "> div:first-of-type > a > div:last-of-type > div": { fontSize: "0.45rem" } }
305
298
  };
306
299
  const titleStyle = {
307
300
  display: "-webkit-box",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",