import { ISize } from '../size/type';

/**
 * 반경(radius) 스케일.
 *
 * 2px 부터 2씩 올라가는 연속 스케일 + pill(`full`).
 *
 * **값 재배정이라 기존 이름을 쓰던 소비처에 소급 적용된다**(의도된 동작). 이름은 그대로라
 * 소비 코드 변경은 없고, 빌드타임에 재생성되는 CSS 변수/vars.ts/tailwind 로 자동 전파된다.
 *
 * `2x-small`(2px)만 자리를 지키고 `extra-small` 부터 한 칸씩 위로 밀린다. 구 `full`(200px)은
 * `2x-large` 로 내려오고, `full` 은 primitive size 스케일 밖의 pill 상수(9999px)를 직접 쓴다.
 */
export const radius = {
  'lp-sys-radius-2x-small': ISize['lp-pri-size-2'],
  'lp-sys-radius-extra-small': ISize['lp-pri-size-4'],
  'lp-sys-radius-small': ISize['lp-pri-size-6'],
  'lp-sys-radius-medium-small': ISize['lp-pri-size-8'],
  'lp-sys-radius-medium': ISize['lp-pri-size-10'],
  'lp-sys-radius-large': ISize['lp-pri-size-12'],
  'lp-sys-radius-extra-large': ISize['lp-pri-size-14'],
  'lp-sys-radius-2x-large': ISize['lp-pri-size-200'],
  'lp-sys-radius-full': '9999px',
} as const;