sellmate-design-system-react 9.0.0-beta.65 → 9.0.0-beta.66

package/dist/lib/chart/legend.d.ts

@@ -3,13 +3,19 @@ export interface ChartLegendItem {
     name: string;
     /** 점 색 (CSS 색 문자열) */
     color: string;
+    /** `default` 변형에서만 쓰는 값 텍스트. `simple` 에서는 무시한다 */
+    value?: string;
+    /** `value` 글자색 (CSS 색 문자열). 없으면 이름과 같은 기본색을 쓴다 */
+    valueColor?: string;
 }
 export interface ChartLegendProps {
     items: ChartLegendItem[];
-    /** 가로 정렬 — 시안은 그림 위 가운데다 */
+    /** 가로 정렬 — 시안은 그림 위 가운데다. `default` 변형에는 적용하지 않는다 */
     align?: 'start' | 'center' | 'end';
     /** 지금 강조 중인 계열. 나머지는 흐려진다 */
     activeIndex?: number | null;
     className?: string;
+    /** 범례 모양. `simple` 가로 나열(값 없음) · `default` 이름+값을 세로로 쌓는 목록 */
+    variant?: 'simple' | 'default';
 }
-export declare function ChartLegend({ items, align, activeIndex, className }: ChartLegendProps): import("react").JSX.Element | null;
+export declare function ChartLegend({ items, align, activeIndex, className, variant, }: ChartLegendProps): import("react").JSX.Element | null;

package/dist/lib/chart/palette.d.ts

@@ -21,3 +21,8 @@ export declare function paletteColor(palette: SChartPalette, index: number, colo
  * 아래의 선이 비쳐 점이 탁해지기 때문이다 — 색을 바꾸면 점은 끝까지 또렷한 원으로 남는다.
  */
 export declare function linePointDimmedColor(palette: SChartPalette, index: number, colors?: readonly SChartColor[]): string;
+/**
+ * 계열 인덱스 → 값 텍스트 색. `paletteColor` 와 같은 규칙으로 고르되
+ * `chart.dataValue.palette.*`(위 주석 참조)를 쓴다.
+ */
+export declare function dataValueColor(palette: SChartPalette, index: number, colors?: readonly SChartColor[]): string;

package/dist/lib/chart/radial.d.ts

@@ -64,6 +64,8 @@ export interface RadialChartProps {
     showValueLabel?: boolean;
     showLegend?: boolean;
     legendPosition?: SChartLegendPosition;
+    /** 범례 모양. `simple` 이름만 가로로 · `default` 이름+값을 세로로 쌓는 목록. 도넛 전용 — 파이는 항상 `simple` 이다 */
+    legendVariant?: 'simple' | 'default';
     showTooltip?: boolean;
     formatValue?: (value: number) => string;
     onSliceClick?: (slice: RadialSlicePoint) => void;

package/dist/llms-full.txt

@@ -5277,6 +5277,7 @@ export type SDateRangePickerSize = SFieldSize;
 | `showValueLabel?` | `boolean` | `false` | 고리 위에 몫(%)을 적는다. 좁은 조각은 글자가 넘치므로 적지 않는다 |
 | `showLegend?` | `boolean` | `true` | 범례를 보인다 |
 | `legendPosition?` | `SDonutChartLegendPosition` | `'top'` | 범례 위치 |
+| `legendVariant?` | `SDonutChartLegendVariant` | `'simple'` | 범례 모양. `simple` 이름만 가로로 · `default` 이름+값을 세로로 쌓는 목록 |
 | `showTooltip?` | `boolean` | `true` | 조각에 마우스를 올리면 값 상자를 띄운다 |
 | `formatValue?` | `(value: number) => string` | — | 값 표시 형식 |
 | `tooltipFooter?` | `(slice: SDonutChartSlicePoint) => ReactNode` | — | 툴팁의 값 아래에 덧붙일 내용. 짚은 조각을 받아 그린다 — 몫·값만으로 모자란 맥락 (전월 대비, 건수 등)을 적는다. 툴팁은 누를 수 없으므로 버튼·링크는 넣지 않는다 |
@@ -5338,6 +5339,17 @@ export type SDonutChartColor =
 export type SDonutChartLegendPosition = 'top' | 'bottom';
 ```
 
+### SDonutChartLegendVariant
+
+```ts
+/**
+ * 범례 모양.
+ * - `simple` 이름만 가로로 나열한다 (값 없음)
+ * - `default` 이름 뒤에 값을 적어 세로로 쌓는 목록이다
+ */
+export type SDonutChartLegendVariant = 'simple' | 'default';
+```
+
 ### SDonutChartSlicePoint
 
 ```ts
@@ -7131,6 +7143,7 @@ export type SLayoutHeader = SGnbHeader;
 | `title?` | `string` | — | 차트 제목 — 왼쪽 위에 놓인다 |
 | `unit?` | `string` | — | 단위 — 오른쪽 위에 "단위 : " 를 붙여 놓는다 |
 | `curve?` | `SLineChartCurve` | `'linear'` | 점을 잇는 방식. `smooth` 는 값을 넘어가 부풀지 않는 곡선이다 |
+| `lineStyle?` | `SLineChartLineStyle` | `'solid'` | 선 모양. `dashed` 는 차트의 모든 선을 점선으로 그린다 |
 | `area?` | `boolean` | `false` | 선 아래를 계열 색으로 채운다. 크기의 변화를 함께 보여줄 때 쓴다 |
 | `stacked?` | `boolean` | `false` | 계열을 겹쳐 그리는 대신 **아래 계열 위에 쌓는다**. 전체의 크기와 그 안의 구성을 함께 볼 때 쓴다 — 맨 위 선이 곧 합계다. 툴팁은 쌓기 전 각 계열의 값을 보여준다 |
 | `palette?` | `SLineChartPalette` | `'default'` | 색 팔레트. `custom` 일 때만 `colors` 를 본다 |
@@ -7175,6 +7188,13 @@ export interface SLineChartSeries {
 export type SLineChartCurve = 'linear' | 'smooth';
 ```
 
+### SLineChartLineStyle
+
+```ts
+/** 선 모양. `dashed` 는 차트의 모든 선에 적용된다 — 일부 계열만 점선으로 구분하려면 쓰지 않는다 */
+export type SLineChartLineStyle = 'solid' | 'dashed';
+```
+
 ### SLineChartPalette
 
 ```ts

package/dist/styles.css

@@ -1844,6 +1844,9 @@
   .gap-\(--cmp-chart-chartTooltipItem-gap\) {
     gap: var(--cmp-chart-chartTooltipItem-gap);
   }
+  .gap-\(--cmp-chart-doughnut-legend-data-default-gap\) {
+    gap: var(--cmp-chart-doughnut-legend-data-default-gap);
+  }
   .gap-\(--cmp-chart-gap\) {
     gap: var(--cmp-chart-gap);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sellmate-design-system-react",
-  "version": "9.0.0-beta.65",
+  "version": "9.0.0-beta.66",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [