import * as jotai from 'jotai'; import { S as ServiceDomain } from './service-domain-DNUv2D__.js'; declare const themeAtom: jotai.PrimitiveAtom & { init: boolean; }; declare const useDarkTheme: () => { setDarkTheme: () => void; setLightTheme: () => void; setPreferTheme: () => void; isDarkMode: boolean; }; /** * 현재 서비스 도메인을 ``에 적용한다. brand primitive override가 * CSS cascade로 전파되어 light/dark 양쪽의 모든 brand 시맨틱이 자동 갱신된다(시맨틱 재정의 0개). * * 선택 상태의 소유권은 **사용처(consumer)** 에 있다(= IoC). 토큰 패키지는 값을 들고 있지 않고 * "적용" 방법만 제공한다: * * ```tsx * const [domain, setDomain] = useState('search'); * useEffect(() => setServiceDomain(domain), [domain]); * ``` * * ⚠️ FOUC 회피: 첫 페인트 전에 attribute가 있어야 한다. SSR에서 * ``로 렌더하거나 초기 inline script로 심을 것. */ declare const setServiceDomain: (domain: ServiceDomain) => void; declare const vars: { color: { "surface-neutral-lowest": string; "surface-neutral-lowest-hover": string; "surface-neutral-low": string; "surface-neutral-low-hover": string; "surface-neutral-mid": string; "surface-neutral-mid-hover": string; "surface-neutral-high": string; "surface-neutral-high-hover": string; "surface-neutral-highest": string; "surface-neutral-static-lowest": string; "surface-neutral-static-lowest-hover": string; "surface-neutral-variation-lowest": string; "control-fill-neutral-lowest": string; "control-fill-neutral-lowest-hover": string; "control-fill-neutral-low": string; "control-fill-neutral-low-hover": string; "control-fill-neutral-mid": string; "control-fill-neutral-mid-hover": string; "control-fill-neutral-high": string; "control-fill-neutral-high-hover": string; "control-fill-neutral-highest": string; "label-neutral-base": string; "label-neutral-secondary": string; "label-neutral-tertiary": string; "label-neutral-quaternary": string; "label-neutral-static": string; "label-neutral-static-secondary": string; "border-neutral-alpha-strong": string; "border-neutral-alpha-normal": string; "border-neutral-alpha-subtle": string; "border-neutral-alpha-hint": string; "border-neutral-strong": string; "border-neutral-normal": string; "border-neutral-subtle": string; "surface-inverse-lowest": string; "surface-inverse-lowest-hover": string; "surface-inverse-low": string; "surface-inverse-low-hover": string; "surface-inverse-mid": string; "surface-inverse-mid-hover": string; "surface-inverse-high": string; "surface-inverse-high-hover": string; "surface-inverse-static-high": string; "surface-inverse-static-high-hover": string; "surface-inverse-highest": string; "label-on-inverse-base": string; "label-on-inverse-secondary": string; "label-on-inverse-tertiary": string; "label-on-inverse-quaternary": string; "label-on-inverse-static-base": string; "label-on-inverse-static-secondary": string; "border-on-inverse-alpha-strong": string; "border-on-inverse-alpha-normal": string; "border-on-inverse-alpha-subtle": string; "border-on-inverse-alpha-hint": string; "border-on-inverse-strong": string; "border-on-inverse-normal": string; "border-on-inverse-subtle": string; "control-fill-brand": string; "control-fill-brand-hover": string; "control-fill-brand-strong": string; "control-fill-brand-strongest": string; "control-fill-brand-faint": string; "control-fill-brand-faint-hover": string; "label-brand-base": string; "label-brand-secondary": string; "label-brand-strongest": string; "border-brand-subtle": string; "border-brand-normal": string; "border-brand-strong": string; "label-on-brand": string; "brandinverse-fill-static-low": string; "brandinverse-fill-static-low-hover": string; "accent-label-base": string; "accent-label-yellow": string; "accent-label-mint": string; "accent-label-cyan": string; "accent-label-purple": string; "accent-label-pink": string; "accent-control-fill-base": string; "positive-strong": string; "negative-strong": string; "negative-strong-hover": string; caution: string; "caution-strong": string; "caution-base": string; "caution-faint": string; highlight: string; "control-fill-selected": string; "control-fill-drag": string; "positive-faint": string; "negative-faint": string; "positive-base": string; "negative-base": string; link: string; "overlay-dim": string; "background-default": string; "background-subtle": string; "control-fill-neutral-opaque-lowest": string; "control-fill-neutral-opaque-lowest-hover": string; "control-fill-neutral-opaque-low": string; "control-fill-neutral-opaque-low-hover": string; "control-fill-neutral-opaque-static-lowest": string; "control-fill-neutral-lowest-pressed": string; "control-fill-neutral-low-pressed": string; "control-fill-neutral-mid-pressed": string; "control-fill-neutral-high-pressed": string; "control-fill-brand-pressed": string; "control-fill-brand-faint-pressed": string; "surface-neutral-lowest-pressed": string; "surface-neutral-low-pressed": string; "surface-neutral-mid-pressed": string; "surface-neutral-static-lowest-pressed": string; "surface-inverse-lowest-pressed": string; "surface-inverse-low-pressed": string; "surface-inverse-mid-pressed": string; "surface-inverse-high-pressed": string; "negative-strong-pressed": string; focus: string; disabled: string; "label-disabled": string; "control-fill-disabled": string; "surface-disabled": string; "border-disabled": string; }; radius: { "2x-small": string; "extra-small": string; small: string; "medium-small": string; medium: string; large: string; "extra-large": string; "2x-large": string; full: string; }; opacity: { "0": string; "1": string; "4": string; "8": string; "12": string; "16": string; "20": string; "24": string; "28": string; "32": string; "36": string; "40": string; "44": string; "48": string; "50": string; "56": string; "64": string; "72": string; "80": string; }; size: { "0": string; "1": string; "2": string; "3": string; "4": string; "6": string; "8": string; "10": string; "12": string; "14": string; "16": string; "18": string; "20": string; "24": string; "32": string; "40": string; "48": string; "56": string; "64": string; "80": string; "100": string; "120": string; "140": string; "160": string; "180": string; "200": string; minus6: string; minus4: string; minus2: string; }; space: { "50": string; "100": string; "150": string; "200": string; "300": string; "400": string; "500": string; "600": string; "800": string; "1000": string; "1200": string; "1600": string; "2000": string; }; shadow: { soft: string; normal: string; strong: string; heavy: string; }; iconSize: { "2x-small": string; "extra-small": string; small: string; medium: string; large: string; "extra-large": string; }; }; declare const classNames: { typography: { "lp-sys-typo-display2-accent-black": string; "lp-sys-typo-display3-accent-black": string; "lp-sys-typo-heading1-answer": string; "lp-sys-typo-heading2-answer": string; "lp-sys-typo-heading3-answer": string; "lp-sys-typo-heading4-answer": string; "lp-sys-typo-heading5-answer": string; "lp-sys-typo-heading6-answer": string; "lp-sys-typo-title1-accent-bold": string; "lp-sys-typo-title2-accent-bold": string; "lp-sys-typo-title3-accent-bold": string; "lp-sys-typo-title4-accent-bold": string; "lp-sys-typo-title5-accent-bold": string; "lp-sys-typo-title1-normal-bold": string; "lp-sys-typo-title2-normal-bold": string; "lp-sys-typo-title3-normal-bold": string; "lp-sys-typo-title4-normal-bold": string; "lp-sys-typo-title5-normal-bold": string; "lp-sys-typo-paragraph1-normal-bold": string; "lp-sys-typo-paragraph2-normal-bold": string; "lp-sys-typo-paragraph3-normal-bold": string; "lp-sys-typo-paragraph4-normal-bold": string; "lp-sys-typo-paragraph1-normal-medium": string; "lp-sys-typo-paragraph2-normal-medium": string; "lp-sys-typo-paragraph3-normal-medium": string; "lp-sys-typo-paragraph4-normal-medium": string; "lp-sys-typo-paragraph1-normal-regular": string; "lp-sys-typo-paragraph2-normal-regular": string; "lp-sys-typo-paragraph3-normal-regular": string; "lp-sys-typo-paragraph4-normal-regular": string; "lp-sys-typo-paragraph2-post-regular": string; "lp-sys-typo-paragraph3-post-regular": string; "lp-sys-typo-paragraph4-post-regular": string; "lp-sys-typo-paragraph2-answer-bold": string; "lp-sys-typo-paragraph2-answer-regular": string; "lp-sys-typo-caption1-normal-bold": string; "lp-sys-typo-caption2-normal-bold": string; "lp-sys-typo-caption3-normal-bold": string; "lp-sys-typo-caption1-normal-medium": string; "lp-sys-typo-caption2-normal-medium": string; "lp-sys-typo-caption3-normal-medium": string; "lp-sys-typo-caption1-normal-regular": string; "lp-sys-typo-caption2-normal-regular": string; "lp-sys-typo-caption3-normal-regular": string; }; }; declare const breakpointOrigin: { readonly xs: "0px"; readonly s: "600px"; readonly m: "1024px"; readonly l: "1366px"; readonly xl: "1536px"; readonly xxl: "1920px"; readonly xxxl: "2560px"; }; declare const breakpoint: { s: string; m: string; l: string; xl: string; xxl: string; xxxl: string; }; export { ServiceDomain, breakpoint, breakpointOrigin, classNames, setServiceDomain, themeAtom, useDarkTheme, vars };