@ihabdevteam/core 0.13.0 → 0.13.1

package/dist/ihabdevteam-core.d.ts

@@ -3889,7 +3889,7 @@ export declare interface ProgressBarProps {
 }
 
 /** @public */
-export declare function ProgressIndicator({ max, index, inactiveBg, inactiveColor, transparent, variant, announce }: ProgressIndicatorProps): JSX.Element | null;
+export declare function ProgressIndicator({ max, index, inactiveBg, inactiveColor, transparent, variant, announce, ariaLabel }: ProgressIndicatorProps): JSX.Element | null;
 
 /** @public */
 export declare interface ProgressIndicatorProps {
@@ -3923,6 +3923,14 @@ export declare interface ProgressIndicatorProps {
      * 자리(검사 안내)에서는 켜는 편이 낫다.
      */
     announce?: boolean;
+    /**
+     * 이름표를 직접 준다. 안 주면 i18n 의 `progress.steps` 로 짓는다.
+     *
+     * i18n 을 쓰지 않는 앱에서는 그 값이 한글 기본값으로 떨어진다 —
+     * 화면은 영문인데 이름표만 한글이 되는 자리가 실제로 있었다
+     * (sound-localization-system 의 병원용 빌드).
+     */
+    ariaLabel?: string;
 }
 
 /** key → 실제 배경 컴포넌트. PromoBanner 등 사용처가 이걸로 렌더한다. 각 컴포넌트는 자신의

package/dist/packages/core/src/components/ProgressIndicator.d.ts

@@ -31,6 +31,14 @@ export interface ProgressIndicatorProps {
      * 자리(검사 안내)에서는 켜는 편이 낫다.
      */
     announce?: boolean;
+    /**
+     * 이름표를 직접 준다. 안 주면 i18n 의 `progress.steps` 로 짓는다.
+     *
+     * i18n 을 쓰지 않는 앱에서는 그 값이 한글 기본값으로 떨어진다 —
+     * 화면은 영문인데 이름표만 한글이 되는 자리가 실제로 있었다
+     * (sound-localization-system 의 병원용 빌드).
+     */
+    ariaLabel?: string;
 }
 /** @public */
-export default function ProgressIndicator({ max, index, inactiveBg, inactiveColor, transparent, variant, announce }: ProgressIndicatorProps): import("react").JSX.Element | null;
+export default function ProgressIndicator({ max, index, inactiveBg, inactiveColor, transparent, variant, announce, ariaLabel }: ProgressIndicatorProps): import("react").JSX.Element | null;

package/dist/packages/core/src/components/ProgressIndicator.js

@@ -14,7 +14,7 @@ import './ProgressIndicator.css';
  */
 const TRANSPARENT_INACTIVE_BG = 'rgba(255, 255, 255, 0.16)';
 /** @public */
-export default function ProgressIndicator({ max, index, inactiveBg, inactiveColor, transparent, variant = 'numbered', announce = false }) {
+export default function ProgressIndicator({ max, index, inactiveBg, inactiveColor, transparent, variant = 'numbered', announce = false, ariaLabel }) {
     const { t } = useTranslation();
     const isMobile = useMediaQuery('(max-width: 767px)');
     if (!Number.isInteger(max) || max <= 0)
@@ -23,7 +23,7 @@ export default function ProgressIndicator({ max, index, inactiveBg, inactiveColo
     /* 목록에 이름이 없어 낭독기가 "목록, 4개, 1, 2, 3, 4" 로만 읽었다 — 무엇의 목록인지,
        지금 어디인지 알 수 없다. 훈련 팝업에는 숫자 묶음이 여럿이라 더 헷갈린다.
        칸마다 붙은 aria-current 는 목록을 훑어야 닿으므로, **머리에서 바로 자리를 말한다.** */
-    const groupLabel = t('progress.steps', {
+    const groupLabel = ariaLabel ?? t('progress.steps', {
         current: idx + 1, total: max, defaultValue: '진행 단계 {{current}} / {{total}}',
     });
     const rootStyle = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihabdevteam/core",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "private": false,
   "main": "dist/ihabdevteam-core.cjs.js",
   "module": "dist/ihabdevteam-core.esm.js",