@liner-fe/prism 2.1.6 → 2.1.8

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,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/illust.ts
+var illust_exports = {};
+__export(illust_exports, {
+  Illust: () => Illust
+});
+module.exports = __toCommonJS(illust_exports);
+
+// 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
+var import_design_token = require("@liner-fe/design-token");
+var import_image = __toESM(require("next/image"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var ILLUST = "/illust";
+var Illust = /* @__PURE__ */ __name((props) => {
+  const { isDarkMode } = (0, import_design_token.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__ */ (0, import_jsx_runtime.jsx)("div", { style: css, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { alt: src, ...props, src: `${prefixSrc}${src}.webp`, width, height: width / aspectRatio }) });
+  }
+  const size = width > height ? height : width;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: css, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { alt: src, ...props, src: `${prefixSrc}${src}.webp`, width: size, height: size }) });
+}, "Illust");
+//# sourceMappingURL=illust.js.map

package/lib/illust.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/illust.ts", "../src/constants/illust/size.ts", "../src/components/Illust/index.tsx"],
+  "sourcesContent": ["export * from './components/Illust';\n", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,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,0BAA6B;AAE7B,mBAAkC;AAuC1B;AA3BR,IAAM,SAAS;AAER,IAAM,SAAS,wBAAC,UAAkB;AACvC,QAAM,EAAE,WAAW,QAAI,kCAAa;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,4CAAC,SAAI,OAAO,KACV,sDAAC,aAAAA,SAAA,EAAM,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,4CAAC,SAAI,OAAO,KACV,sDAAC,aAAAA,SAAA,EAAM,KAAK,KAAM,GAAG,OAAO,KAAK,GAAG,SAAS,GAAG,GAAG,SAAS,OAAO,MAAM,QAAQ,MAAM,GACzF;AAEJ,GArCsB;",
+  "names": ["Image"]
+}