@liner-fe/prism 2.1.6 → 2.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/lib/components/Button/index.d.ts +1 -1
- package/lib/components/Label/index.d.ts +2 -2
- package/lib/illust.d.ts +1 -0
- package/lib/illust.js +44 -0
- package/lib/illust.js.map +7 -0
- package/lib/index.cjs +9442 -0
- package/lib/index.cjs.map +7 -0
- package/lib/index.d.ts +0 -1
- package/lib/{index.js → index.mjs} +1 -40
- package/lib/{index.js.map → index.mjs.map} +4 -4
- package/package.json +15 -2
package/lib/index.d.ts
CHANGED
|
@@ -9384,44 +9384,6 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
9384
9384
|
);
|
|
9385
9385
|
}, "Item");
|
|
9386
9386
|
var List = Object.assign(ListRoot, { Item: Item3 });
|
|
9387
|
-
|
|
9388
|
-
// src/constants/illust/size.ts
|
|
9389
|
-
var illustSize = {
|
|
9390
|
-
rectangle_standing_with_a_star: { width: 2422, height: 1282 },
|
|
9391
|
-
rectangle_space_work: { width: 2422, height: 1282 },
|
|
9392
|
-
rectangle_searching: { width: 2422, height: 1282 },
|
|
9393
|
-
rectangle_cheerup_01: { width: 2422, height: 1282 },
|
|
9394
|
-
rectangle_cheerup_02: { width: 2422, height: 1282 }
|
|
9395
|
-
};
|
|
9396
|
-
|
|
9397
|
-
// src/components/Illust/index.tsx
|
|
9398
|
-
import { useDarkTheme } from "@liner-fe/design-token";
|
|
9399
|
-
import Image from "next/image";
|
|
9400
|
-
import { jsx as jsx178 } from "react/jsx-runtime";
|
|
9401
|
-
var ILLUST = "/illust";
|
|
9402
|
-
var Illust = /* @__PURE__ */ __name((props) => {
|
|
9403
|
-
const { isDarkMode } = useDarkTheme();
|
|
9404
|
-
const { src, isOnlyLight, width, height, justifyContent = "center", alignItems = "center" } = props;
|
|
9405
|
-
const prefixSrc = (() => {
|
|
9406
|
-
if (isDarkMode && !isOnlyLight) {
|
|
9407
|
-
return `${ILLUST}/dark/`;
|
|
9408
|
-
}
|
|
9409
|
-
return `${ILLUST}/light/`;
|
|
9410
|
-
})();
|
|
9411
|
-
const aspectRatio = illustSize[src] ? illustSize[src].width / illustSize[src].height : void 0;
|
|
9412
|
-
const css = {
|
|
9413
|
-
width,
|
|
9414
|
-
height,
|
|
9415
|
-
display: "flex",
|
|
9416
|
-
justifyContent,
|
|
9417
|
-
alignItems
|
|
9418
|
-
};
|
|
9419
|
-
if (aspectRatio) {
|
|
9420
|
-
return /* @__PURE__ */ jsx178("div", { style: css, children: /* @__PURE__ */ jsx178(Image, { alt: src, ...props, src: `${prefixSrc}${src}.webp`, width, height: width / aspectRatio }) });
|
|
9421
|
-
}
|
|
9422
|
-
const size = width > height ? height : width;
|
|
9423
|
-
return /* @__PURE__ */ jsx178("div", { style: css, children: /* @__PURE__ */ jsx178(Image, { alt: src, ...props, src: `${prefixSrc}${src}.webp`, width: size, height: size }) });
|
|
9424
|
-
}, "Illust");
|
|
9425
9387
|
export {
|
|
9426
9388
|
Button,
|
|
9427
9389
|
Caption,
|
|
@@ -9431,7 +9393,6 @@ export {
|
|
|
9431
9393
|
Heading,
|
|
9432
9394
|
Icon,
|
|
9433
9395
|
IconButton,
|
|
9434
|
-
Illust,
|
|
9435
9396
|
Label,
|
|
9436
9397
|
List,
|
|
9437
9398
|
Media,
|
|
@@ -9457,4 +9418,4 @@ export {
|
|
|
9457
9418
|
rootMediaStyle,
|
|
9458
9419
|
useToast
|
|
9459
9420
|
};
|
|
9460
|
-
//# sourceMappingURL=index.
|
|
9421
|
+
//# sourceMappingURL=index.mjs.map
|