@liner-fe/prism 2.2.3 → 2.3.1

package/lib/illust.d.ts

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ImageProps } from 'next/image';
 import { Property } from 'csstype';
 
-type LightIllustType = "decoration-airplane-1_1" | "decoration-bulb-1_1" | "decoration-car-1_1" | "decoration-coffee-1_1" | "decoration-english-1_1" | "decoration-flag-1_1" | "decoration-hourglass-1_1" | "decoration-money-1_1" | "decoration-palm-1_1" | "decoration-rocket-1_1" | "decoration-shake_hands-1_1" | "decoration-star_01-1_1" | "decoration-star_02-1_1" | "decoration-star_03-1_1" | "decoration-star_04-1_1" | "decoration-star_05-1_1" | "decoration-star_06-1_1" | "decoration-star_07-1_1" | "decoration-star_08-1_1" | "decoration-star_09-1_1" | "decoration-star_10-1_1" | "decoration-star_11-1_1" | "decoration-tennis-1_1" | "object-bomb-1_1" | "object-book_pencil-4_3" | "object-brain-1_1" | "object-clap-1_1" | "object-documents_02-1_1" | "object-empty_box-1_1" | "object-empty_box-4_3" | "object-feather_pen-1_1" | "object-folder_01-1_1" | "object-folder_02-1_1" | "object-free_ticket-1_1" | "object-gift-1_1" | "object-give_gift-1_1" | "object-graduation_cap_pencil-4_3" | "object-lock-4_3" | "object-magnifying_glass-1_1" | "object-magnifying_glass-4_3" | "object-megaphone-1_1" | "object-paper-1_1" | "object-pencil_paper-16_9" | "object-puzzle-4_3" | "object-smoke-16_9" | "object-university_01-1_1" | "object-university_02-1_1" | "object_documents_01-1_1" | "object_find_man-1_1" | "person-ai_writing-1_1" | "person-bye-4_3" | "person-cheerup-16_9" | "person-cheerup-4_3" | "person-holding_a_book-1_1" | "person-introduce-1_1" | "person-introduce-pro-1_1" | "person-make_profile-1_1" | "person-raining-1_1" | "person-searching-16_9" | "person-searching_01-1_1" | "person-searching_01-4_3" | "person-searching_02-1_1" | "person-space_in_work-4_3" | "person-standing_with_a_star-16_9" | "person-time_out_01-1_1" | "person-time_out_02-1_1" | "person-time_out_03-1_1" | "person-time_out_04-1_1" | "person-time_out_05-1_1" | "person-understand-1_1" | "person-working_01-4_3" | "person-working_02-4_3" | "person-worried-1_1" | "person-worried_01-4_3" | "person-worried_02-4_3" | "person-worried_03-4_3" | "person-worried_04-4_3" | "person-writing_01-1_1" | "person-writing_02-1_1";
-type DarkIllustType = "decoration-airplane-1_1" | "decoration-bulb-1_1" | "decoration-car-1_1" | "decoration-flag-1_1" | "decoration-hourglass-1_1" | "decoration-rocket-1_1" | "decoration-star_01-1_1" | "decoration-star_02-1_1" | "decoration-star_03-1_1" | "decoration-star_04-1_1" | "decoration-star_05-1_1" | "decoration-star_06-1_1" | "decoration-star_07-1_1" | "decoration-star_08-1_1" | "decoration-star_09-1_1" | "decoration-star_10-1_1" | "decoration-star_11-1_1" | "object-bomb-1_1" | "object-brain-1_1" | "object-clap-1_1" | "object-documents_02-1_1" | "object-empty_box-1_1" | "object-empty_box-4_3" | "object-folder_01-1_1" | "object-folder_02-1_1" | "object-free_ticket-1_1" | "object-gift-1_1" | "object-give_gift-1_1" | "object-graduation_cap_pencil-4_3" | "object-lock-4_3" | "object-magnifying_glass-1_1" | "object-magnifying_glass-4_3" | "object-megaphone-1_1" | "object-paper-1_1" | "object-pencil_paper-16_9" | "object-puzzle-4_3" | "object-smoke-16_9" | "object_documents_01-1_1" | "object_find_man-1_1" | "person-bye-4_3" | "person-holding_a_book-1_1" | "person-introduce-1_1" | "person-introduce-pro-1_1" | "person-make_profile-1_1" | "person-raining-1_1" | "person-searching-16_9" | "person-searching_01-1_1" | "person-searching_01-4_3" | "person-searching_02-1_1" | "person-space_in_work-4_3" | "person-standing_with_a_star-16_9" | "person-time_out_01-1_1" | "person-time_out_02-1_1" | "person-time_out_03-1_1" | "person-time_out_04-1_1" | "person-time_out_05-1_1" | "person-working_01-4_3" | "person-worried-1_1" | "person-worried_01-4_3" | "person-worried_02-4_3" | "person-worried_03-4_3" | "person-worried_04-4_3" | "person-writing_01-1_1";
+type LightIllustType = "hero-gift" | "hero-search" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-gift" | "mini-graduation_hat" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-write";
+type DarkIllustType = "hero-gift" | "hero-search" | "mini-documents-2" | "mini-documents-3" | "mini-documents-4" | "mini-documents-5" | "mini-documents" | "mini-egg" | "mini-gift" | "mini-graduation_hat" | "mini-search" | "mini-ticket" | "mini-window" | "spot-catch_star" | "spot-clap" | "spot-empty" | "spot-no_search" | "spot-search-2" | "spot-search-3" | "spot-search-4" | "spot-search-5" | "spot-search" | "spot-write";
 type IllustType = DarkIllustType | LightIllustType;
 
 interface Source<T extends false | true = true> {

package/lib/illust.js

@@ -107,8 +107,8 @@ var Illust = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: css, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_image.default,
     {
-      alt: currentSourceByColorTheme,
       ...props,
+      alt: currentSourceByColorTheme,
       src: source,
       width,
       height: aspectRatio ? width / aspectRatio : width

package/lib/illust.js.map

@@ -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 = { '16:9': { width: 1344, height: 756 }, '4:3': { width: 1008, height: 756 } };\n\nexport const illustSize: Partial<Record<IllustType, { width: number; height: number }>> = {\n  'object-pencil_paper-16_9': ratio['16:9'],\n  'object-smoke-16_9': ratio['16:9'],\n  'person-standing_with_a_star-16_9': ratio['16:9'],\n  'person-searching-16_9': ratio['16:9'],\n  'person-cheerup-16_9': ratio['16:9'],\n  'object-graduation_cap_pencil-4_3': ratio['4:3'],\n  'object-book_pencil-4_3': ratio['4:3'],\n  'object-puzzle-4_3': ratio['4:3'],\n  'object-magnifying_glass-4_3': ratio['4:3'],\n  'object-lock-4_3': ratio['4:3'],\n  'object-empty_box-4_3': ratio['4:3'],\n  'person-working_01-4_3': ratio['4:3'],\n  'person-searching_01-4_3': ratio['4:3'],\n  'person-worried_01-4_3': ratio['4:3'],\n  'person-worried_02-4_3': ratio['4:3'],\n  'person-worried_03-4_3': ratio['4:3'],\n  'person-worried_04-4_3': ratio['4:3'],\n  'person-working_02-4_3': ratio['4:3'],\n  'person-bye-4_3': ratio['4:3'],\n  'person-space_in_work-4_3': ratio['4:3'],\n  'person-cheerup-4_3': 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\ninterface IProps 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: IProps) => {\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        alt={currentSourceByColorTheme}\n        {...props}\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 ({ name, isDark = false }: { name: IllustType; isDark?: boolean }) =>\n  await fetch(`${ILLUST}${isDark ? '/dark/' : '/light/'}${name}.webp`);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,IAAM,QAAQ,EAAE,QAAQ,EAAE,OAAO,MAAM,QAAQ,IAAI,GAAG,OAAO,EAAE,OAAO,MAAM,QAAQ,IAAI,EAAE;AAEnF,IAAM,aAA6E;AAAA,EACxF,4BAA4B,MAAM,MAAM;AAAA,EACxC,qBAAqB,MAAM,MAAM;AAAA,EACjC,oCAAoC,MAAM,MAAM;AAAA,EAChD,yBAAyB,MAAM,MAAM;AAAA,EACrC,uBAAuB,MAAM,MAAM;AAAA,EACnC,oCAAoC,MAAM,KAAK;AAAA,EAC/C,0BAA0B,MAAM,KAAK;AAAA,EACrC,qBAAqB,MAAM,KAAK;AAAA,EAChC,+BAA+B,MAAM,KAAK;AAAA,EAC1C,mBAAmB,MAAM,KAAK;AAAA,EAC9B,wBAAwB,MAAM,KAAK;AAAA,EACnC,yBAAyB,MAAM,KAAK;AAAA,EACpC,2BAA2B,MAAM,KAAK;AAAA,EACtC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,kBAAkB,MAAM,KAAK;AAAA,EAC7B,4BAA4B,MAAM,KAAK;AAAA,EACvC,sBAAsB,MAAM,KAAK;AACnC;;;ACzBA,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,UAAkB;AACvC,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,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,QAAQ,cAAc,QAAQ,cAAc;AAAA;AAAA,EAC9C,GACF;AAEJ,GA7BsB;;;AGff,IAAM,iBAAiB,8BAAO,EAAE,MAAM,SAAS,MAAM,MAC1D,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,WAAW,SAAS,GAAG,IAAI,OAAO,GADvC;","names":["Image"]}
+{"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 = { '16:9': { width: 1344, height: 756 }, '4:3': { width: 1008, height: 756 } };\n\nexport const illustSize: Partial<Record<IllustType, { width: number; height: number }>> = {\n  'object-pencil_paper-16_9': ratio['16:9'],\n  'object-smoke-16_9': ratio['16:9'],\n  'person-standing_with_a_star-16_9': ratio['16:9'],\n  'person-searching-16_9': ratio['16:9'],\n  'person-cheerup-16_9': ratio['16:9'],\n  'object-graduation_cap_pencil-4_3': ratio['4:3'],\n  'object-book_pencil-4_3': ratio['4:3'],\n  'object-puzzle-4_3': ratio['4:3'],\n  'object-magnifying_glass-4_3': ratio['4:3'],\n  'object-lock-4_3': ratio['4:3'],\n  'object-empty_box-4_3': ratio['4:3'],\n  'person-working_01-4_3': ratio['4:3'],\n  'person-searching_01-4_3': ratio['4:3'],\n  'person-worried_01-4_3': ratio['4:3'],\n  'person-worried_02-4_3': ratio['4:3'],\n  'person-worried_03-4_3': ratio['4:3'],\n  'person-worried_04-4_3': ratio['4:3'],\n  'person-working_02-4_3': ratio['4:3'],\n  'person-bye-4_3': ratio['4:3'],\n  'person-space_in_work-4_3': ratio['4:3'],\n  'person-cheerup-4_3': 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\ninterface IProps 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: IProps) => {\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 ({ name, isDark = false }: { name: IllustType; isDark?: boolean }) =>\n  await fetch(`${ILLUST}${isDark ? '/dark/' : '/light/'}${name}.webp`);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,IAAM,QAAQ,EAAE,QAAQ,EAAE,OAAO,MAAM,QAAQ,IAAI,GAAG,OAAO,EAAE,OAAO,MAAM,QAAQ,IAAI,EAAE;AAEnF,IAAM,aAA6E;AAAA,EACxF,4BAA4B,MAAM,MAAM;AAAA,EACxC,qBAAqB,MAAM,MAAM;AAAA,EACjC,oCAAoC,MAAM,MAAM;AAAA,EAChD,yBAAyB,MAAM,MAAM;AAAA,EACrC,uBAAuB,MAAM,MAAM;AAAA,EACnC,oCAAoC,MAAM,KAAK;AAAA,EAC/C,0BAA0B,MAAM,KAAK;AAAA,EACrC,qBAAqB,MAAM,KAAK;AAAA,EAChC,+BAA+B,MAAM,KAAK;AAAA,EAC1C,mBAAmB,MAAM,KAAK;AAAA,EAC9B,wBAAwB,MAAM,KAAK;AAAA,EACnC,yBAAyB,MAAM,KAAK;AAAA,EACpC,2BAA2B,MAAM,KAAK;AAAA,EACtC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,kBAAkB,MAAM,KAAK;AAAA,EAC7B,4BAA4B,MAAM,KAAK;AAAA,EACvC,sBAAsB,MAAM,KAAK;AACnC;;;ACzBA,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,UAAkB;AACvC,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,EAAE,MAAM,SAAS,MAAM,MAC1D,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,WAAW,SAAS,GAAG,IAAI,OAAO,GADvC;","names":["Image"]}

package/lib/index.css

@@ -1,5 +1,5 @@
 /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
-._button_15azl_1 {
+._button_jvjxt_1 {
   position: relative;
   display: flex;
   align-items: center;
@@ -14,178 +14,189 @@
   overflow: hidden;
   cursor: pointer;
 }
-._button_15azl_1:disabled {
+._button_jvjxt_1:disabled {
   background: var(--neutral-fill-mid);
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._button_15azl_1:disabled span svg path:not([fill=white]) {
+._button_jvjxt_1:disabled span svg path:not([fill=white]) {
   fill: var(--neutral-label-tertiary) !important;
 }
-._button_15azl_1:disabled span svg path[fill=white] {
+._button_jvjxt_1:disabled span svg path[fill=white] {
   fill: var(--inverse-label-primary) !important;
 }
-._default_15azl_28 {
+._default_jvjxt_28 {
   color: var(--inverse-label-primary);
   background: var(--lp-pri-achromatic-white);
 }
-._default_15azl_28 svg path {
+._default_jvjxt_28 svg path {
   fill: var(--inverse-label-primary);
 }
-._primary_15azl_36 {
+._primary_jvjxt_36 {
   color: var(--inverse-label-static-primary);
   background: var(--brand-container-mid);
 }
-._primary_15azl_36:not(:disabled):hover {
+._primary_jvjxt_36:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._secondary_15azl_44 {
-  color: var(--inverse-label-primary);
-  background: var(--inverse-container-high);
+._secondary_jvjxt_44 {
+  color: var(--inverse-label-static-primary);
+  background: var(--brand-container-mid);
 }
-._secondary_15azl_44:not(:disabled):hover {
-  background: var(--inverse-container-high-hover);
+._secondary_jvjxt_44:not(:disabled):hover {
+  background: var(--brand-container-mid-hover);
 }
-._tertiary_15azl_52 {
+._tertiary_jvjxt_52 {
   color: var(--neutral-label-primary);
   background: var(--neutral-fill-mid);
 }
-._tertiary_15azl_52:not(:disabled):hover {
+._tertiary_jvjxt_52:not(:disabled):hover {
   background: var(--neutral-fill-mid-hover);
 }
-._quaternary_15azl_60 {
+._quaternary_jvjxt_60 {
   color: var(--neutral-label-primary);
   border: 1px solid var(--neutral-border-overlay-normal);
   background: var(--neutral-fill-lowest);
 }
-._quaternary_15azl_60:not(:disabled):hover {
+._quaternary_jvjxt_60:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._quaternary_15azl_60:disabled {
+._quaternary_jvjxt_60:disabled {
   background: var(--neutral-fill-lowest);
   color: var(--neutral-label-tertiary);
   opacity: 0.4;
 }
-._quaternary_15azl_60:disabled svg path {
+._quaternary_jvjxt_60:disabled svg path {
+  fill: var(--neutral-label-tertiary) !important;
+}
+._quinary_jvjxt_77 {
+  color: var(--neutral-label-primary);
+  background: var(--neutral-container-lowest);
+}
+._quinary_jvjxt_77:disabled {
+  background: var(--neutral-fill-mid);
+  color: var(--neutral-label-tertiary);
+}
+._quinary_jvjxt_77:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._negative_15azl_77 {
+._negative_jvjxt_89 {
   color: var(--inverse-label-static-primary);
   background: var(--function-container-negative);
 }
-._negative_15azl_77:not(:disabled):hover {
+._negative_jvjxt_89:not(:disabled):hover {
   background: var(--function-container-negative-hover);
 }
-._static_15azl_85 {
+._static_jvjxt_97 {
   background: var(--neutral-container-static-lowest);
   color: var(--neutral-label-static-primary);
 }
-._static_15azl_85:not(:disabled):hover {
+._static_jvjxt_97:not(:disabled):hover {
   background: var(--neutral-container-static-lowest-hover);
 }
-._inverse-static_15azl_93 {
+._inverse-static_jvjxt_105 {
   background: var(--inverse-container-static-high);
   color: var(--inverse-label-static-primary);
 }
-._inverse-static_15azl_93:not(:disabled):hover {
+._inverse-static_jvjxt_105:not(:disabled):hover {
   background: var(--inverse-container-static-high-hover);
 }
-._ghost_15azl_101._primary_15azl_36 {
+._ghost_jvjxt_113._primary_jvjxt_36 {
   background: var(--inverse-fill-lowest);
   color: var(--neutral-label-primary);
 }
-._ghost_15azl_101._primary_15azl_36:not(:disabled):hover {
+._ghost_jvjxt_113._primary_jvjxt_36:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_15azl_101._primary_15azl_36:disabled {
+._ghost_jvjxt_113._primary_jvjxt_36:disabled {
   background: var(--neutral-fill-lowest);
   color: var(--neutral-label-tertiary);
 }
-._ghost_15azl_101._primary_15azl_36:disabled span svg path:not([fill=white]) {
+._ghost_jvjxt_113._primary_jvjxt_36:disabled span svg path:not([fill=white]) {
   fill: var(--neutral-label-tertiary);
 }
-._ghost_15azl_101._primary_15azl_36:disabled span svg path[fill=white] {
+._ghost_jvjxt_113._primary_jvjxt_36:disabled span svg path[fill=white] {
   fill: var(--inverse-label-primary);
 }
-._ghost_15azl_101._secondary_15azl_44 {
-  background: var(--neutral-fill-lowest);
-  color: var(--neutral-label-secondary);
+._ghost_jvjxt_113._secondary_jvjxt_44 {
+  background: var(--inverse-fill-lowest);
+  color: var(--neutral-label-primary);
 }
-._ghost_15azl_101._secondary_15azl_44:not(:disabled):hover {
+._ghost_jvjxt_113._secondary_jvjxt_44:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_15azl_101._secondary_15azl_44:disabled {
+._ghost_jvjxt_113._secondary_jvjxt_44:disabled {
   background: var(--neutral-fill-lowest);
   color: var(--neutral-label-tertiary);
 }
-._ghost_15azl_101._secondary_15azl_44:disabled span svg path:not([fill=white]) {
+._ghost_jvjxt_113._secondary_jvjxt_44:disabled span svg path:not([fill=white]) {
   fill: var(--neutral-label-tertiary);
 }
-._ghost_15azl_101._secondary_15azl_44:disabled span svg path[fill=white] {
+._ghost_jvjxt_113._secondary_jvjxt_44:disabled span svg path[fill=white] {
   fill: var(--inverse-label-primary);
 }
-._cta_15azl_136 {
+._cta_jvjxt_148 {
   border-radius: var(--lp-sys-radius-m);
   width: fit-content;
   height: 52px;
   gap: 8px;
   min-width: 52px;
 }
-._l_15azl_144 {
+._l_jvjxt_156 {
   border-radius: var(--lp-sys-radius-s);
   width: fit-content;
   height: 44px;
   min-width: 44px;
 }
-._m_15azl_151 {
+._m_jvjxt_163 {
   border-radius: var(--lp-sys-radius-s);
   width: fit-content;
   height: 36px;
   min-width: 36px;
 }
-._s_15azl_44 {
+._s_jvjxt_44 {
   border-radius: var(--lp-sys-radius-s);
   width: fit-content;
   height: 28px;
   min-width: 28px;
 }
-._align-center_15azl_165 > span {
+._align-center_jvjxt_177 > span {
   width: 100%;
   justify-content: center;
 }
-._align-space-between_15azl_170 > span {
+._align-space-between_jvjxt_182 > span {
   width: 100%;
   justify-content: space-between;
 }
-._content_15azl_175 {
+._content_jvjxt_187 {
   flex-shrink: 0;
   line-height: 0;
   padding: 0px var(--lp-sys-padding-component-100);
 }
-._full_15azl_181 {
+._full_jvjxt_193 {
   width: 100%;
 }
-._fit-content_15azl_185 {
+._fit-content_jvjxt_197 {
   width: fit-content;
 }
-._children_15azl_189 {
+._children_jvjxt_201 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._cta-children_15azl_195 {
+._cta-children_jvjxt_207 {
   padding: 0 var(--lp-sys-gap-positive-300);
   gap: var(--lp-sys-gap-positive-100);
 }
-._l-children_15azl_200 {
+._l-children_jvjxt_212 {
   padding: 0 var(--lp-sys-gap-positive-200);
   gap: var(--lp-sys-gap-positive-50);
 }
-._m-children_15azl_205 {
+._m-children_jvjxt_217 {
   padding: 0 var(--lp-sys-gap-positive-150);
   gap: var(--lp-sys-gap-positive-50);
 }
-._s-children_15azl_210 {
+._s-children_jvjxt_222 {
   padding: 0 var(--lp-sys-gap-positive-150);
   gap: var(--lp-sys-gap-positive-50);
 }
@@ -800,7 +811,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
-._iconButton_6ezo4_1 {
+._iconButton_xpxx8_1 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -809,185 +820,185 @@
   border-radius: var(--lp-sys-radius-m);
   cursor: pointer;
 }
-._iconButton_6ezo4_1:disabled {
+._iconButton_xpxx8_1:disabled {
   cursor: not-allowed;
 }
-._primary_6ezo4_14 {
+._primary_xpxx8_14 {
   background: var(--brand-container-mid);
 }
-._primary_6ezo4_14:not(:disabled):hover {
+._primary_xpxx8_14:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._primary_6ezo4_14:disabled {
+._primary_xpxx8_14:disabled {
   background: var(--neutral-fill-mid);
 }
-._primary_6ezo4_14:disabled svg path {
+._primary_xpxx8_14:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._secondary_6ezo4_27 {
-  background: var(--inverse-container-high);
+._secondary_xpxx8_27 {
+  background: var(--brand-container-mid);
 }
-._secondary_6ezo4_27:not(:disabled):hover {
-  background: var(--inverse-container-high-hover);
+._secondary_xpxx8_27:not(:disabled):hover {
+  background: var(--brand-container-mid-hover);
 }
-._secondary_6ezo4_27:disabled {
+._secondary_xpxx8_27:disabled {
   background: var(--neutral-fill-mid);
 }
-._secondary_6ezo4_27:disabled svg path {
+._secondary_xpxx8_27:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._tertiary_6ezo4_40 {
+._tertiary_xpxx8_40 {
   background: var(--neutral-fill-mid);
 }
-._tertiary_6ezo4_40:not(:disabled):hover {
+._tertiary_xpxx8_40:not(:disabled):hover {
   background: var(--neutral-fill-mid-hover);
 }
-._tertiary_6ezo4_40:disabled {
+._tertiary_xpxx8_40:disabled {
   background: var(--neutral-fill-mid);
 }
-._tertiary_6ezo4_40:disabled svg path {
+._tertiary_xpxx8_40:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._quaternary_6ezo4_53 {
+._quaternary_xpxx8_53 {
   background: var(--neutral-fill-lowest);
   border: 1px solid var(--neutral-border-overlay-normal);
 }
-._quaternary_6ezo4_53:not(:disabled):hover {
+._quaternary_xpxx8_53:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._quaternary_6ezo4_53:disabled {
+._quaternary_xpxx8_53:disabled {
   background: var(--neutral-fill-mid);
 }
-._quaternary_6ezo4_53:disabled svg path {
+._quaternary_xpxx8_53:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._negative_6ezo4_67 {
+._negative_xpxx8_67 {
   background: var(--function-container-negative);
 }
-._negative_6ezo4_67:not(:disabled):hover {
+._negative_xpxx8_67:not(:disabled):hover {
   background: var(--function-container-negative-hover);
 }
-._negative_6ezo4_67:disabled {
+._negative_xpxx8_67:disabled {
   background: var(--neutral-fill-mid);
 }
-._negative_6ezo4_67:disabled svg path {
+._negative_xpxx8_67:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._static_6ezo4_80 {
+._static_xpxx8_80 {
   background: var(--neutral-container-static-lowest);
 }
-._static_6ezo4_80:not(:disabled):hover {
+._static_xpxx8_80:not(:disabled):hover {
   background: var(--neutral-container-static-lowest-hover);
 }
-._static_6ezo4_80:disabled {
+._static_xpxx8_80:disabled {
   background: var(--neutral-fill-mid);
 }
-._static_6ezo4_80:disabled svg path {
+._static_xpxx8_80:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._inverse_6ezo4_93 {
-  background: var(--inverse-container-high);
+._inverse_xpxx8_93 {
+  background: var(--brand-container-mid);
 }
-._inverse_6ezo4_93:not(:disabled):hover {
-  background: var(--inverse-container-high-hover);
+._inverse_xpxx8_93:not(:disabled):hover {
+  background: var(--brand-container-mid-hover);
 }
-._inverse_6ezo4_93:disabled {
+._inverse_xpxx8_93:disabled {
   background: var(--neutral-fill-mid);
 }
-._inverse_6ezo4_93:disabled svg path {
+._inverse_xpxx8_93:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._inverse-static_6ezo4_106 {
+._inverse-static_xpxx8_106 {
   background: var(--inverse-container-static-high);
 }
-._inverse-static_6ezo4_106:not(:disabled):hover {
+._inverse-static_xpxx8_106:not(:disabled):hover {
   background: var(--inverse-container-static-high-hover);
 }
-._inverse-static_6ezo4_106:disabled {
+._inverse-static_xpxx8_106:disabled {
   background: var(--neutral-fill-mid);
 }
-._inverse-static_6ezo4_106:disabled svg path {
+._inverse-static_xpxx8_106:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._ghost_6ezo4_119._primary_6ezo4_14 {
+._ghost_xpxx8_119._primary_xpxx8_14 {
   background: none;
 }
-._ghost_6ezo4_119._primary_6ezo4_14:not(:disabled):hover {
+._ghost_xpxx8_119._primary_xpxx8_14:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_6ezo4_119._primary_6ezo4_14:disabled svg path {
+._ghost_xpxx8_119._primary_xpxx8_14:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_6ezo4_119._secondary_6ezo4_27 {
+._ghost_xpxx8_119._secondary_xpxx8_27 {
   background: none;
 }
-._ghost_6ezo4_119._secondary_6ezo4_27:not(:disabled):hover {
+._ghost_xpxx8_119._secondary_xpxx8_27:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_6ezo4_119._secondary_6ezo4_27:disabled svg path {
+._ghost_xpxx8_119._secondary_xpxx8_27:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_6ezo4_119._tertiary_6ezo4_40 {
+._ghost_xpxx8_119._tertiary_xpxx8_40 {
   background: none;
 }
-._ghost_6ezo4_119._tertiary_6ezo4_40:not(:disabled):hover {
+._ghost_xpxx8_119._tertiary_xpxx8_40:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_6ezo4_119._tertiary_6ezo4_40:disabled svg path {
+._ghost_xpxx8_119._tertiary_xpxx8_40:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_6ezo4_119._negative_6ezo4_67 {
+._ghost_xpxx8_119._negative_xpxx8_67 {
   background: none;
 }
-._ghost_6ezo4_119._negative_6ezo4_67:not(:disabled):hover {
+._ghost_xpxx8_119._negative_xpxx8_67:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_6ezo4_119._negative_6ezo4_67:disabled svg path {
+._ghost_xpxx8_119._negative_xpxx8_67:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_6ezo4_119._static_6ezo4_80 {
+._ghost_xpxx8_119._static_xpxx8_80 {
   background: none;
 }
-._ghost_6ezo4_119._static_6ezo4_80:not(:disabled):hover {
+._ghost_xpxx8_119._static_xpxx8_80:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._ghost_6ezo4_119._static_6ezo4_80:disabled svg path {
+._ghost_xpxx8_119._static_xpxx8_80:disabled svg path {
   fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_6ezo4_119._inverse_6ezo4_93 {
+._ghost_xpxx8_119._inverse_xpxx8_93 {
   background: none;
 }
-._ghost_6ezo4_119._inverse_6ezo4_93:not(:disabled):hover {
-  background: var(--inverse-container-lowest-hover);
+._ghost_xpxx8_119._inverse_xpxx8_93:not(:disabled):hover {
+  background: var(--neutral-fill-lowest-hover);
 }
-._ghost_6ezo4_119._inverse_6ezo4_93:disabled svg path {
-  fill: var(--inverse-label-tertiary) !important;
+._ghost_xpxx8_119._inverse_xpxx8_93:disabled svg path {
+  fill: var(--neutral-label-quaternary) !important;
 }
-._ghost_6ezo4_119._inverse-static_6ezo4_106 {
+._ghost_xpxx8_119._inverse-static_xpxx8_106 {
   background: none;
 }
-._ghost_6ezo4_119._inverse-static_6ezo4_106:not(:disabled):hover {
+._ghost_xpxx8_119._inverse-static_xpxx8_106:not(:disabled):hover {
   background: var(--inverse-container-lowest-hover);
 }
-._ghost_6ezo4_119._inverse-static_6ezo4_106:disabled svg path {
+._ghost_xpxx8_119._inverse-static_xpxx8_106:disabled svg path {
   fill: var(--inverse-label-tertiary) !important;
 }
-._l_6ezo4_183 {
+._l_xpxx8_183 {
   width: 44px;
   height: 44px;
   border-radius: var(--lp-sys-radius-m);
 }
-._m_6ezo4_189 {
+._m_xpxx8_189 {
   width: 36px;
   height: 36px;
   border-radius: var(--lp-sys-radius-m);
 }
-._s_6ezo4_27 {
+._s_xpxx8_27 {
   width: 28px;
   height: 28px;
   border-radius: var(--lp-sys-radius-m);
 }
-._xs_6ezo4_201 {
+._xs_xpxx8_201 {
   width: 24px;
   height: 24px;
   border-radius: var(--lp-sys-radius-s);