@liner-fe/prism 2.1.5 → 2.1.7

package/lib/components/Button/index.d.ts

@@ -6,7 +6,7 @@ declare const defaultButtonVariants: (props?: ({
     fill?: boolean | null | undefined;
     align?: "center" | "spaceBetween" | null | undefined;
     size?: "m" | "s" | "l" | "cta" | null | undefined;
-    width?: "full" | "fit-content" | null | undefined;
+    width?: "fit-content" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const textButtonVariants: (props?: ({
     level?: "inverse-primary" | "neutral-primary" | "inverse-static-primary" | null | undefined;

package/lib/components/Label/index.d.ts

@@ -3,9 +3,9 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { VariantProps } from 'class-variance-authority';
 declare const defaultLabelVariants: (props?: ({
     level?: "primary" | "secondary" | null | undefined;
-    position?: "top" | "right" | null | undefined;
+    position?: "right" | "top" | null | undefined;
     size?: "m" | "s" | "l" | null | undefined;
-    offset?: "medium" | "high" | "low" | null | undefined;
+    offset?: "high" | "low" | "medium" | null | undefined;
     disabled?: boolean | null | undefined;
     error?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/lib/illust.d.ts

@@ -0,0 +1 @@
+export * from './components/Illust';

package/lib/illust.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/constants/illust/size.ts
+var illustSize = {
+  rectangle_standing_with_a_star: { width: 2422, height: 1282 },
+  rectangle_space_work: { width: 2422, height: 1282 },
+  rectangle_searching: { width: 2422, height: 1282 },
+  rectangle_cheerup_01: { width: 2422, height: 1282 },
+  rectangle_cheerup_02: { width: 2422, height: 1282 }
+};
+
+// src/components/Illust/index.tsx
+import { useDarkTheme } from "@liner-fe/design-token";
+import Image from "next/image";
+import { jsx } from "react/jsx-runtime";
+var ILLUST = "/illust";
+var Illust = /* @__PURE__ */ __name((props) => {
+  const { isDarkMode } = useDarkTheme();
+  const { src, isOnlyLight, width, height, justifyContent = "center", alignItems = "center" } = props;
+  const prefixSrc = (() => {
+    if (isDarkMode && !isOnlyLight) {
+      return `${ILLUST}/dark/`;
+    }
+    return `${ILLUST}/light/`;
+  })();
+  const aspectRatio = illustSize[src] ? illustSize[src].width / illustSize[src].height : void 0;
+  const css = {
+    width,
+    height,
+    display: "flex",
+    justifyContent,
+    alignItems
+  };
+  if (aspectRatio) {
+    return /* @__PURE__ */ jsx("div", { style: css, children: /* @__PURE__ */ jsx(Image, { alt: src, ...props, src: `${prefixSrc}${src}.webp`, width, height: width / aspectRatio }) });
+  }
+  const size = width > height ? height : width;
+  return /* @__PURE__ */ jsx("div", { style: css, children: /* @__PURE__ */ jsx(Image, { alt: src, ...props, src: `${prefixSrc}${src}.webp`, width: size, height: size }) });
+}, "Illust");
+export {
+  Illust
+};
+//# sourceMappingURL=illust.js.map

package/lib/illust.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/constants/illust/size.ts", "../src/components/Illust/index.tsx"],
+  "sourcesContent": ["import { IllustName } from '@/types/illust';\n\nexport const illustSize: Partial<Record<IllustName, { width: number; height: number }>> = {\n  rectangle_standing_with_a_star: { width: 2422, height: 1282 },\n  rectangle_space_work: { width: 2422, height: 1282 },\n  rectangle_searching: { width: 2422, height: 1282 },\n  rectangle_cheerup_01: { width: 2422, height: 1282 },\n  rectangle_cheerup_02: { width: 2422, height: 1282 },\n};\n", "import { illustSize } from '@/constants/illust/size';\nimport { IllustName } from '@/types/illust';\nimport { useDarkTheme } from '@liner-fe/design-token';\nimport { Property } from 'csstype';\nimport Image, { ImageProps } from 'next/image';\nimport { CSSProperties } from 'react';\n\ninterface IProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill'> {\n  src: IllustName;\n  isOnlyLight?: boolean;\n  width: number;\n  height: number;\n  justifyContent?: Property.JustifyContent;\n  alignItems?: Property.AlignItems;\n}\n\nconst ILLUST = '/illust';\n\nexport const Illust = (props: IProps) => {\n  const { isDarkMode } = useDarkTheme();\n  const { src, isOnlyLight, width, height, justifyContent = 'center', alignItems = 'center' } = props;\n\n  const prefixSrc = (() => {\n    if (isDarkMode && !isOnlyLight) {\n      return `${ILLUST}/dark/`;\n    }\n\n    return `${ILLUST}/light/`;\n  })();\n\n  const aspectRatio = illustSize[src] ? illustSize[src].width / illustSize[src].height : undefined;\n\n  const css: CSSProperties = {\n    width,\n    height,\n    display: 'flex',\n    justifyContent,\n    alignItems,\n  };\n\n  if (aspectRatio) {\n    return (\n      <div style={css}>\n        <Image alt={src} {...props} src={`${prefixSrc}${src}.webp`} width={width} height={width / aspectRatio} />\n      </div>\n    );\n  }\n\n  const size = width > height ? height : width;\n\n  return (\n    <div style={css}>\n      <Image alt={src} {...props} src={`${prefixSrc}${src}.webp`} width={size} height={size} />\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;AAEO,IAAM,aAA6E;AAAA,EACxF,gCAAgC,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC5D,sBAAsB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,EAClD,qBAAqB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,EACjD,sBAAsB,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,EAClD,sBAAsB,EAAE,OAAO,MAAM,QAAQ,KAAK;AACpD;;;ACNA,SAAS,oBAAoB;AAE7B,OAAO,WAA2B;AAuC1B;AA3BR,IAAM,SAAS;AAER,IAAM,SAAS,wBAAC,UAAkB;AACvC,QAAM,EAAE,WAAW,IAAI,aAAa;AACpC,QAAM,EAAE,KAAK,aAAa,OAAO,QAAQ,iBAAiB,UAAU,aAAa,SAAS,IAAI;AAE9F,QAAM,aAAa,MAAM;AACvB,QAAI,cAAc,CAAC,aAAa;AAC9B,aAAO,GAAG,MAAM;AAAA,IAClB;AAEA,WAAO,GAAG,MAAM;AAAA,EAClB,GAAG;AAEH,QAAM,cAAc,WAAW,GAAG,IAAI,WAAW,GAAG,EAAE,QAAQ,WAAW,GAAG,EAAE,SAAS;AAEvF,QAAM,MAAqB;AAAA,IACzB;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF;AAEA,MAAI,aAAa;AACf,WACE,oBAAC,SAAI,OAAO,KACV,8BAAC,SAAM,KAAK,KAAM,GAAG,OAAO,KAAK,GAAG,SAAS,GAAG,GAAG,SAAS,OAAc,QAAQ,QAAQ,aAAa,GACzG;AAAA,EAEJ;AAEA,QAAM,OAAO,QAAQ,SAAS,SAAS;AAEvC,SACE,oBAAC,SAAI,OAAO,KACV,8BAAC,SAAM,KAAK,KAAM,GAAG,OAAO,KAAK,GAAG,SAAS,GAAG,GAAG,SAAS,OAAO,MAAM,QAAQ,MAAM,GACzF;AAEJ,GArCsB;",
+  "names": []
+}