@cakejp/design-system 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -50,7 +50,7 @@ export interface ProductCarouselProps {
|
|
|
50
50
|
* - `showCartButton` でカート追加ボタンを表示
|
|
51
51
|
* - `sectionImage` でコラボ・ブランドロゴ等の画像をヘッダー左に表示
|
|
52
52
|
* - `description` でセクション説明文を追加（コラボ紹介、特集説明等）
|
|
53
|
-
* -
|
|
53
|
+
* - 横パディング(px-4)はヘッダー行（SectionHeader もしくは画像ラッパー）とスクロールコンテナが各自で持つ
|
|
54
54
|
*/
|
|
55
55
|
declare function ProductCarousel({ title, subtitle, description, sectionImage, sectionImageAlt, sectionImageHref, moreHref, moreLabel, onMoreClick, headerSize, products, cardSize, showRanking, showCartButton, className, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
56
56
|
export { ProductCarousel };
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
* | required | boolean | false | 必須バッジ表示 |
|
|
17
17
|
* | optional | boolean | false | 任意バッジ表示 |
|
|
18
18
|
* | description | string | — | 補足テキスト |
|
|
19
|
+
* | descriptionPosition | "above" \| "below" | "above" | description の表示位置 |
|
|
19
20
|
* | error | string | — | エラーメッセージ |
|
|
20
21
|
* | children | ReactNode | — | 入力要素 |
|
|
21
22
|
*
|
|
@@ -34,6 +35,14 @@ export interface FormFieldProps {
|
|
|
34
35
|
optional?: boolean;
|
|
35
36
|
/** 補足テキスト */
|
|
36
37
|
description?: string;
|
|
38
|
+
/**
|
|
39
|
+
* description の表示位置。
|
|
40
|
+
* - `"above"` (デフォルト): ラベル直下・入力要素の上
|
|
41
|
+
* - `"below"`: 入力要素の下
|
|
42
|
+
*
|
|
43
|
+
* グリッド配置で横並びフィールドの高さを揃えたい場合は `"below"` を使う。
|
|
44
|
+
*/
|
|
45
|
+
descriptionPosition?: "above" | "below";
|
|
37
46
|
/** エラーメッセージ */
|
|
38
47
|
error?: string;
|
|
39
48
|
/** htmlFor 属性 */
|
|
@@ -43,4 +52,4 @@ export interface FormFieldProps {
|
|
|
43
52
|
/** 追加クラス */
|
|
44
53
|
className?: string;
|
|
45
54
|
}
|
|
46
|
-
export declare function FormField({ label, required, optional, description, error, htmlFor, children, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
55
|
+
export declare function FormField({ label, required, optional, description, descriptionPosition, error, htmlFor, children, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
|