@liner-fe/prism 2.3.15 → 2.4.1
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/illust.d.ts +4 -4
- package/lib/illust.js +4 -1
- package/lib/illust.js.map +1 -1
- package/lib/index.d.ts +2 -3
- package/lib/index.js +1690 -868
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/illust.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ interface Source<T extends false | true = true> {
|
|
|
10
10
|
name: IllustType;
|
|
11
11
|
inverse?: T;
|
|
12
12
|
}
|
|
13
|
-
interface
|
|
13
|
+
interface IllustProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' | 'src'> {
|
|
14
14
|
width: number;
|
|
15
15
|
src: {
|
|
16
16
|
light: Source<false>;
|
|
@@ -18,11 +18,11 @@ interface IProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' |
|
|
|
18
18
|
};
|
|
19
19
|
margin?: Property.Margin<string>;
|
|
20
20
|
}
|
|
21
|
-
declare const Illust: (props:
|
|
21
|
+
declare const Illust: (props: IllustProps) => react_jsx_runtime.JSX.Element;
|
|
22
22
|
|
|
23
|
-
declare const prefetchIllust: ({ name, isDark }: {
|
|
23
|
+
declare const prefetchIllust: ({ name, isDark, }: {
|
|
24
24
|
name: IllustType;
|
|
25
25
|
isDark?: boolean;
|
|
26
26
|
}) => Promise<Response>;
|
|
27
27
|
|
|
28
|
-
export { Illust, type Source, prefetchIllust };
|
|
28
|
+
export { Illust, type IllustProps, type Source, prefetchIllust };
|
package/lib/illust.js
CHANGED
|
@@ -119,5 +119,8 @@ var Illust = /* @__PURE__ */ __name((props) => {
|
|
|
119
119
|
}, "Illust");
|
|
120
120
|
|
|
121
121
|
// src/utils/illust.ts
|
|
122
|
-
var prefetchIllust = /* @__PURE__ */ __name(async ({
|
|
122
|
+
var prefetchIllust = /* @__PURE__ */ __name(async ({
|
|
123
|
+
name,
|
|
124
|
+
isDark = false
|
|
125
|
+
}) => await fetch(`${ILLUST}${isDark ? "/dark/" : "/light/"}${name}.webp`), "prefetchIllust");
|
|
123
126
|
//# sourceMappingURL=illust.js.map
|
package/lib/illust.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/illust.ts","../src/constants/illust/size.ts","../src/components/Illust/index.tsx","../src/constants/illust/path.ts","../src/hooks/useIllust.ts","../src/utils/illust.ts"],"sourcesContent":["export * from './components/Illust';\nexport * from './utils/illust';\n","import { IllustType } from '@/types/illust';\n\nconst ratio = { '4:3': { width: 180, height: 135 }, '1:1': { width: 250, height: 250 } };\n\nexport const illustSize: Partial<Record<IllustType, { width: number; height: number }>> = {\n 'hero-gift': ratio['1:1'],\n 'hero-search': ratio['1:1'],\n 'mini-documents-2': ratio['1:1'],\n 'mini-documents-3': ratio['1:1'],\n 'mini-documents-4': ratio['1:1'],\n 'mini-documents-5': ratio['1:1'],\n 'mini-documents': ratio['1:1'],\n 'mini-egg': ratio['1:1'],\n 'mini-gift': ratio['1:1'],\n 'mini-graduation_hat': ratio['1:1'],\n 'mini-search': ratio['1:1'],\n 'mini-ticket': ratio['1:1'],\n 'mini-window': ratio['1:1'],\n 'spot-catch_star': ratio['4:3'],\n 'spot-clap': ratio['4:3'],\n 'spot-empty': ratio['4:3'],\n 'spot-no_search': ratio['4:3'],\n 'spot-search-2': ratio['4:3'],\n 'spot-search-3': ratio['4:3'],\n 'spot-search-4': ratio['4:3'],\n 'spot-search-5': ratio['4:3'],\n 'spot-search': ratio['4:3'],\n 'spot-write': ratio['4:3'],\n};\n","import { illustSize } from '@/constants/illust/size';\nimport Image, { ImageProps } from 'next/image';\nimport { CSSProperties } from 'react';\nimport { useIllust } from '@/hooks/useIllust';\nimport { IllustType } from '@/types/illust';\nimport { Property } from 'csstype';\n\nexport interface Source<T extends false | true = true> {\n name: IllustType;\n inverse?: T;\n}\n\
|
|
1
|
+
{"version":3,"sources":["../src/illust.ts","../src/constants/illust/size.ts","../src/components/Illust/index.tsx","../src/constants/illust/path.ts","../src/hooks/useIllust.ts","../src/utils/illust.ts"],"sourcesContent":["export * from './components/Illust';\nexport * from './utils/illust';\n","import { IllustType } from '@/types/illust';\n\nconst ratio = { '4:3': { width: 180, height: 135 }, '1:1': { width: 250, height: 250 } };\n\nexport const illustSize: Partial<Record<IllustType, { width: number; height: number }>> = {\n 'hero-gift': ratio['1:1'],\n 'hero-search': ratio['1:1'],\n 'mini-documents-2': ratio['1:1'],\n 'mini-documents-3': ratio['1:1'],\n 'mini-documents-4': ratio['1:1'],\n 'mini-documents-5': ratio['1:1'],\n 'mini-documents': ratio['1:1'],\n 'mini-egg': ratio['1:1'],\n 'mini-gift': ratio['1:1'],\n 'mini-graduation_hat': ratio['1:1'],\n 'mini-search': ratio['1:1'],\n 'mini-ticket': ratio['1:1'],\n 'mini-window': ratio['1:1'],\n 'spot-catch_star': ratio['4:3'],\n 'spot-clap': ratio['4:3'],\n 'spot-empty': ratio['4:3'],\n 'spot-no_search': ratio['4:3'],\n 'spot-search-2': ratio['4:3'],\n 'spot-search-3': ratio['4:3'],\n 'spot-search-4': ratio['4:3'],\n 'spot-search-5': ratio['4:3'],\n 'spot-search': ratio['4:3'],\n 'spot-write': ratio['4:3'],\n};\n","import { illustSize } from '@/constants/illust/size';\nimport Image, { ImageProps } from 'next/image';\nimport { CSSProperties } from 'react';\nimport { useIllust } from '@/hooks/useIllust';\nimport { IllustType } from '@/types/illust';\nimport { Property } from 'csstype';\n\nexport interface Source<T extends false | true = true> {\n name: IllustType;\n inverse?: T;\n}\n\nexport interface IllustProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' | 'src'> {\n width: number;\n src: { light: Source<false>; dark?: Source };\n margin?: Property.Margin<string>;\n}\n\nexport const Illust = (props: IllustProps) => {\n const { src, width, margin } = props;\n const { sourcePrefix, currentSourceByColorTheme } = useIllust({\n darkSrc: src.dark,\n src: src.light,\n });\n\n const aspectRatio = illustSize[currentSourceByColorTheme]\n ? illustSize[currentSourceByColorTheme].width / illustSize[currentSourceByColorTheme].height\n : undefined;\n\n const css: CSSProperties = {\n width,\n margin,\n };\n\n const source = `${sourcePrefix}${currentSourceByColorTheme}.webp`;\n\n return (\n <div style={css}>\n <Image\n {...props}\n alt={currentSourceByColorTheme}\n src={source}\n width={width}\n height={aspectRatio ? width / aspectRatio : width}\n />\n </div>\n );\n};\n","export const ILLUST = '/illust';\n\nexport const DARK_MODE_ILLUST_PREFIX = `${ILLUST}/dark/`;\nexport const LIGHT_MODE_ILLUST_PREFIX = `${ILLUST}/light/`;\n","import { Source } from '@/components/Illust';\nimport { DARK_MODE_ILLUST_PREFIX, LIGHT_MODE_ILLUST_PREFIX } from '@/constants/illust/path';\nimport { useDarkTheme } from '@liner-fe/design-token';\n\nexport const useIllust = ({ darkSrc, src }: { darkSrc?: Source; src: Source<false> }) => {\n const { isDarkMode } = useDarkTheme();\n\n const sourcePrefix = (() => {\n if (isDarkMode) {\n if (darkSrc?.inverse) {\n return LIGHT_MODE_ILLUST_PREFIX;\n }\n\n return DARK_MODE_ILLUST_PREFIX;\n }\n\n if (src.inverse === false) {\n return DARK_MODE_ILLUST_PREFIX;\n }\n\n return LIGHT_MODE_ILLUST_PREFIX;\n })();\n\n const currentSourceByColorTheme = isDarkMode ? darkSrc?.name || src.name : src.name;\n\n return { sourcePrefix, currentSourceByColorTheme, isDarkMode };\n};\n","import { ILLUST } from '@/constants/illust/path';\nimport { IllustType } from '@/types/illust';\n\nexport const prefetchIllust = async ({\n name,\n isDark = false,\n}: {\n name: IllustType;\n isDark?: boolean;\n}) => await fetch(`${ILLUST}${isDark ? '/dark/' : '/light/'}${name}.webp`);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,IAAM,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI,GAAG,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI,EAAE;AAEhF,IAAM,aAA6E;AAAA,EACxF,aAAa,MAAM,KAAK;AAAA,EACxB,eAAe,MAAM,KAAK;AAAA,EAC1B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,kBAAkB,MAAM,KAAK;AAAA,EAC7B,YAAY,MAAM,KAAK;AAAA,EACvB,aAAa,MAAM,KAAK;AAAA,EACxB,uBAAuB,MAAM,KAAK;AAAA,EAClC,eAAe,MAAM,KAAK;AAAA,EAC1B,eAAe,MAAM,KAAK;AAAA,EAC1B,eAAe,MAAM,KAAK;AAAA,EAC1B,mBAAmB,MAAM,KAAK;AAAA,EAC9B,aAAa,MAAM,KAAK;AAAA,EACxB,cAAc,MAAM,KAAK;AAAA,EACzB,kBAAkB,MAAM,KAAK;AAAA,EAC7B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,eAAe,MAAM,KAAK;AAAA,EAC1B,cAAc,MAAM,KAAK;AAC3B;;;AC3BA,mBAAkC;;;ACD3B,IAAM,SAAS;AAEf,IAAM,0BAA0B,GAAG,MAAM;AACzC,IAAM,2BAA2B,GAAG,MAAM;;;ACDjD,0BAA6B;AAEtB,IAAM,YAAY,wBAAC,EAAE,SAAS,IAAI,MAAgD;AACvF,QAAM,EAAE,WAAW,QAAI,kCAAa;AAEpC,QAAM,gBAAgB,MAAM;AAC1B,QAAI,YAAY;AACd,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT;AAEA,QAAI,IAAI,YAAY,OAAO;AACzB,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,4BAA4B,aAAa,SAAS,QAAQ,IAAI,OAAO,IAAI;AAE/E,SAAO,EAAE,cAAc,2BAA2B,WAAW;AAC/D,GAtByB;;;AFkCnB;AApBC,IAAM,SAAS,wBAAC,UAAuB;AAC5C,QAAM,EAAE,KAAK,OAAO,OAAO,IAAI;AAC/B,QAAM,EAAE,cAAc,0BAA0B,IAAI,UAAU;AAAA,IAC5D,SAAS,IAAI;AAAA,IACb,KAAK,IAAI;AAAA,EACX,CAAC;AAED,QAAM,cAAc,WAAW,yBAAyB,IACpD,WAAW,yBAAyB,EAAE,QAAQ,WAAW,yBAAyB,EAAE,SACpF;AAEJ,QAAM,MAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,GAAG,yBAAyB;AAE1D,SACE,4CAAC,SAAI,OAAO,KACV;AAAA,IAAC,aAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL;AAAA,MACA,QAAQ,cAAc,QAAQ,cAAc;AAAA;AAAA,EAC9C,GACF;AAEJ,GA7BsB;;;AGff,IAAM,iBAAiB,8BAAO;AAAA,EACnC;AAAA,EACA,SAAS;AACX,MAGM,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,WAAW,SAAS,GAAG,IAAI,OAAO,GAN3C;","names":["Image"]}
|
package/lib/index.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ declare const iconMap: Record<IconKey, IconComponent>;
|
|
|
25
25
|
type MyExtract<T, U extends Partial<T>> = T extends U ? T : never;
|
|
26
26
|
type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'accent-yellow' | 'accent-cyan' | 'accent-mint' | 'accent-purple' | 'accent-pink' | 'neutral-fill-low' | 'neutral-fill-mid' | 'neutral-fill-high' | 'neutral-fill-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
|
|
27
27
|
|
|
28
|
-
declare const objectToArray: <T extends Record<string,
|
|
28
|
+
declare const objectToArray: <T extends Record<string, unknown>>(obj: T) => [string, unknown][];
|
|
29
29
|
declare const arrayToStyleObject: (colorKeys: BasicColorType[], style: {
|
|
30
30
|
readonly [key: string]: string;
|
|
31
31
|
}, prefix?: string) => Partial<Record<BasicColorType, string>>;
|
|
@@ -39,7 +39,6 @@ declare const iconSizeMap: {
|
|
|
39
39
|
readonly xl: 40;
|
|
40
40
|
};
|
|
41
41
|
declare const iconKeyOptions: IconKey[];
|
|
42
|
-
declare const colorKeys: BasicColorType[];
|
|
43
42
|
declare const iconVariants: (props?: ({
|
|
44
43
|
type?: BasicColorType | undefined;
|
|
45
44
|
fillType?: BasicColorType | undefined;
|
|
@@ -532,4 +531,4 @@ interface CombinationProps {
|
|
|
532
531
|
type LogoProps = LogoDefaultProps | CombinationProps;
|
|
533
532
|
declare const Logo: (props: LogoProps) => react_jsx_runtime.JSX.Element;
|
|
534
533
|
|
|
535
|
-
export { type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, type CommonButtonProps, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, Radio, Select, type SelectItemProps, type SelectProps, Slider, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject,
|
|
534
|
+
export { type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, type CommonButtonProps, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, Radio, Select, type SelectItemProps, type SelectProps, Slider, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, rootMediaStyle, useToast };
|