@plaidev/karte-action-sdk 1.1.268-29128731.e21f076b → 1.1.268-29132946.504b468b

package/dist/svelte5/components-flex/layout/types.d.ts

@@ -17,4 +17,5 @@ export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & Bo
 	rowGap?: Properties["rowGap"]
 	columnGap?: Properties["columnGap"]
 	width?: Properties["width"]
+	height?: Properties["height"]
 };

package/dist/svelte5/components-flex/list/types.d.ts

@@ -1,10 +1,7 @@
 import type { Properties } from "csstype";
-import type { CommonProps, ClickableProps, ActionTableProps } from "../props.js";
-export type ListProps = CommonProps & ActionTableProps & {
+import type { CommonProps, ClickableProps, ActionTableProps, BorderSingleProps } from "../props.js";
+export type ListProps = CommonProps & BorderSingleProps & ActionTableProps & {
 	gap?: Properties["gap"]
-	borderWidth?: Properties["borderTopWidth"]
-	borderStyle?: Properties["borderTopStyle"]
-	borderColor?: Properties["borderTopColor"]
 	width?: Properties["width"]
 	itemPaddingTop?: Properties["paddingTop"]
 	itemPaddingLeft?: Properties["paddingLeft"]

package/dist/svelte5/components-flex/multi-column/types.d.ts

@@ -1,10 +1,7 @@
 import type { Properties } from "csstype";
-import type { CommonProps, ClickableProps } from "../props.js";
-export type MultiColumnProps = CommonProps & {
+import type { CommonProps, ClickableProps, BorderSingleProps } from "../props.js";
+export type MultiColumnProps = CommonProps & BorderSingleProps & {
 	gap?: Properties["columnGap"]
-	borderWidth?: Properties["borderTopWidth"]
-	borderStyle?: Properties["borderTopStyle"]
-	borderColor?: Properties["borderTopColor"]
 	width?: Properties["width"]
 	itemPaddingTop?: Properties["paddingTop"]
 	itemPaddingLeft?: Properties["paddingLeft"]

package/dist/svelte5/components-flex/props.d.ts

@@ -2,7 +2,8 @@ import type { Properties } from "csstype";
 import type { OnClickOperation } from "../prop.js";
 import type { BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET } from "./button/types.js";
 import type { BrandKit } from "./brand-kit.js";
-import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode } from "./variants.js";
+import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
+import type { TEXT_THEME } from "./text/types.js";
 type PositionPlaceProps = {
 	top?: Properties["top"]
 	left?: Properties["left"]
@@ -36,12 +37,20 @@ export type ClickableProps = {
 export type OverflowProps = {
 	overflow?: Properties["overflow"]
 };
-export type BorderProps = {
+export type BorderColorProps = {
+	borderColor?: Properties["borderColor"]
+	borderColorVariant?: string
+};
+export type BorderProps = BorderColorProps & {
 	borderTopWidth?: Properties["borderTopWidth"]
 	borderLeftWidth?: Properties["borderLeftWidth"]
 	borderRightWidth?: Properties["borderRightWidth"]
 	borderBottomWidth?: Properties["borderBottomWidth"]
-	borderColor?: Properties["borderColor"]
+	borderStyle?: Properties["borderTopStyle"]
+};
+export type BorderSingleProps = BorderColorProps & {
+	borderStyle?: Properties["borderTopStyle"]
+	borderWidth?: Properties["borderTopWidth"]
 };
 export type PaddingProps = {
 	paddingTop?: Properties["paddingTop"]
@@ -55,8 +64,13 @@ export type RadiusProps = {
 	borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
 	borderBottomRightRadius?: Properties["borderBottomRightRadius"]
 };
+export type ColorProps = {
+	color?: Properties["color"]
+	colorVariant?: keyof typeof TEXT_THEME
+};
 export type BackgroundColorProps = {
 	backgroundColor?: Properties["backgroundColor"]
+	backgroundColorVariant?: BackgroundColorVariantCode
 };
 export type BackgroundImageProps = {
 	backgroundImageUrl?: string
@@ -65,14 +79,7 @@ export type BackgroundImageProps = {
 	backgroundBlendMode?: Properties["backgroundBlendMode"]
 	backgroundBlendColor?: Properties["backgroundColor"]
 };
-export type BackgroundProps = {
-	backgroundColor?: Properties["backgroundColor"]
-	backgroundImageUrl?: string
-	backgroundPositionX?: Properties["backgroundPositionX"]
-	backgroundPositionY?: Properties["backgroundPositionY"]
-	backgroundBlendMode?: Properties["backgroundBlendMode"]
-	backgroundBlendColor?: Properties["backgroundColor"]
-};
+export type BackgroundProps = BackgroundColorProps & BackgroundImageProps;
 export type ShadowProps = {
 	shadow?: Properties["boxShadow"]
 	shadowVariant?: ShadowVariantCode

package/dist/svelte5/components-flex/utils/prop-to-style.d.ts

@@ -1,10 +1,11 @@
 import type { Properties } from "csstype";
 import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
+import type { BrandKit } from "../brand-kit.js";
 export declare const toCssPosition: (p?: PositionProps) => Properties;
 export declare const toCssCommon: (p?: CommonProps) => Properties;
-export declare const toCssBorder: (p?: BorderProps) => Properties;
+export declare const toCssBorder: (p?: BorderProps, brandKit?: BrandKit) => Properties;
 export declare const toCssPadding: (p?: PaddingProps) => Properties;
-export declare const toCssBackground: (p?: BackgroundProps) => Properties;
+export declare const toCssBackground: (p?: BackgroundProps, brandKit?: BrandKit) => Properties;
 export declare const toCssRadius: (p?: RadiusProps) => Properties;
 export declare const toCssShadow: (p?: ShadowProps) => Properties;
 export declare const toCssOverflow: (p?: OverflowProps) => Properties;

package/dist/svelte5/components-flex/variants.d.ts

@@ -1,5 +1,5 @@
 import type { BrandKit } from "./brand-kit.js";
-import type { ShadowProps, FontFamilyProps, AspectProps } from "./props.js";
+import type { ShadowProps, FontFamilyProps, AspectProps, BackgroundColorProps, BorderColorProps } from "./props.js";
 export type VariantStyles<Props extends object = object> = Props & {
 	hover?: Props
 	active?: Props
@@ -10,7 +10,7 @@ export type VariantDefinition<
 > = {
 	name: string
 	description?: string
-	getProps: (brandKit?: BrandKit) => VariantStyles<Props>
+	getProps: (brandKit?: Partial<BrandKit>) => VariantStyles<Props>
 	meta?: Meta
 };
 export type VariantDefinitionGroup<
@@ -39,4 +39,10 @@ export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
 export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
 export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
 export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
+export declare const BACKGROUND_COLOR_VARIANT: VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">>;
+export type BackgroundColorVariantCode = keyof typeof BACKGROUND_COLOR_VARIANT;
+export declare const BACKGROUND_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">, object>>[];
+export declare const BORDER_COLOR_VARIANT: VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">>;
+export type BorderColorVariantCode = keyof typeof BORDER_COLOR_VARIANT;
+export declare const BORDER_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">, object>>[];
 export {};

package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts

@@ -1,4 +1,4 @@
-import type { BorderProps, ClickableProps, CommonProps } from "../props.js";
+import type { BorderProps, ClickableProps, CommonProps, PaddingProps } from "../props.js";
 import type { Properties } from "csstype";
 export declare const AVATAR_SIZE: {
 	readonly extra_small: "XS（48 x 48）"
@@ -12,7 +12,7 @@ export declare const AVATAR_SHAPE: {
 	readonly square: "スクエア"
 	readonly rounded: "ラウンド"
 };
-export type AvatarProps = CommonProps & ClickableProps & BorderProps & {
+export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
 	size?: keyof typeof AVATAR_SIZE | number
 	width?: Properties["width"]
 	height?: Properties["height"]

package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts

@@ -1,5 +1,6 @@
-import type { BorderProps, ClickableProps, CommonProps } from "../props.js";
+import type { BorderProps, ClickableProps, CommonProps, BackgroundColorProps, ColorProps, PaddingProps } from "../props.js";
 import type { Properties } from "csstype";
+import type { TEXT_THEME } from "../text/types.js";
 export declare const CLOSE_BUTTON_PLACEMENT: {
 	readonly topRight: "topRight"
 	readonly topLeft: "topLeft"
@@ -15,15 +16,14 @@ export declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
 	readonly right: "right"
 	readonly left: "left"
 };
-export type CloseButtonProps = CommonProps & ClickableProps & BorderProps & {
+export type CloseButtonProps = CommonProps & BackgroundColorProps & ClickableProps & ColorProps & PaddingProps & BorderProps & {
 	size?: number
 	placement?: keyof typeof CLOSE_BUTTON_PLACEMENT
 	round?: keyof typeof CLOSE_BUTTON_ROUND
 	bordered?: boolean
-	color?: Properties["color"]
-	backgroundColor?: Properties["backgroundColor"]
 	label?: string
 	labelColor?: Properties["color"]
+	labelColorVariant?: keyof typeof TEXT_THEME
 	labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT
 	top?: Properties["top"]
 	right?: Properties["right"]

package/dist/svelte5/hydrate/components-flex/image/types.d.ts

@@ -1,5 +1,5 @@
 import type { Properties } from "csstype";
-import type { CommonProps, BorderProps, ClickableProps, AspectProps, RadiusProps } from "../props.js";
+import type { CommonProps, BorderProps, ClickableProps, AspectProps, RadiusProps, PaddingProps } from "../props.js";
 export declare const IMAGE_ROUND_SHAPE: {
 	readonly circle: "ラウンド / ミディアム"
 	readonly rounded: "ラウンド / スモール"
@@ -17,7 +17,7 @@ export declare const IMAGE_ASPECT_VARIANTS: {
 	"3/4": string
 	"9/16": string
 };
-export type ImageProps = CommonProps & ClickableProps & AspectProps & RadiusProps & BorderProps & {
+export type ImageProps = CommonProps & ClickableProps & AspectProps & RadiusProps & PaddingProps & BorderProps & {
 	image?: string
 	width?: Properties["width"]
 	height?: Properties["height"]

package/dist/svelte5/hydrate/components-flex/layout/types.d.ts

@@ -17,4 +17,5 @@ export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & Bo
 	rowGap?: Properties["rowGap"]
 	columnGap?: Properties["columnGap"]
 	width?: Properties["width"]
+	height?: Properties["height"]
 };

package/dist/svelte5/hydrate/components-flex/list/types.d.ts

@@ -1,10 +1,7 @@
 import type { Properties } from "csstype";
-import type { CommonProps, ClickableProps, ActionTableProps } from "../props.js";
-export type ListProps = CommonProps & ActionTableProps & {
+import type { CommonProps, ClickableProps, ActionTableProps, BorderSingleProps } from "../props.js";
+export type ListProps = CommonProps & BorderSingleProps & ActionTableProps & {
 	gap?: Properties["gap"]
-	borderWidth?: Properties["borderTopWidth"]
-	borderStyle?: Properties["borderTopStyle"]
-	borderColor?: Properties["borderTopColor"]
 	width?: Properties["width"]
 	itemPaddingTop?: Properties["paddingTop"]
 	itemPaddingLeft?: Properties["paddingLeft"]

package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts

@@ -1,10 +1,7 @@
 import type { Properties } from "csstype";
-import type { CommonProps, ClickableProps } from "../props.js";
-export type MultiColumnProps = CommonProps & {
+import type { CommonProps, ClickableProps, BorderSingleProps } from "../props.js";
+export type MultiColumnProps = CommonProps & BorderSingleProps & {
 	gap?: Properties["columnGap"]
-	borderWidth?: Properties["borderTopWidth"]
-	borderStyle?: Properties["borderTopStyle"]
-	borderColor?: Properties["borderTopColor"]
 	width?: Properties["width"]
 	itemPaddingTop?: Properties["paddingTop"]
 	itemPaddingLeft?: Properties["paddingLeft"]

package/dist/svelte5/hydrate/components-flex/props.d.ts

@@ -2,7 +2,8 @@ import type { Properties } from "csstype";
 import type { OnClickOperation } from "../prop.js";
 import type { BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET } from "./button/types.js";
 import type { BrandKit } from "./brand-kit.js";
-import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode } from "./variants.js";
+import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
+import type { TEXT_THEME } from "./text/types.js";
 type PositionPlaceProps = {
 	top?: Properties["top"]
 	left?: Properties["left"]
@@ -36,12 +37,20 @@ export type ClickableProps = {
 export type OverflowProps = {
 	overflow?: Properties["overflow"]
 };
-export type BorderProps = {
+export type BorderColorProps = {
+	borderColor?: Properties["borderColor"]
+	borderColorVariant?: string
+};
+export type BorderProps = BorderColorProps & {
 	borderTopWidth?: Properties["borderTopWidth"]
 	borderLeftWidth?: Properties["borderLeftWidth"]
 	borderRightWidth?: Properties["borderRightWidth"]
 	borderBottomWidth?: Properties["borderBottomWidth"]
-	borderColor?: Properties["borderColor"]
+	borderStyle?: Properties["borderTopStyle"]
+};
+export type BorderSingleProps = BorderColorProps & {
+	borderStyle?: Properties["borderTopStyle"]
+	borderWidth?: Properties["borderTopWidth"]
 };
 export type PaddingProps = {
 	paddingTop?: Properties["paddingTop"]
@@ -55,8 +64,13 @@ export type RadiusProps = {
 	borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
 	borderBottomRightRadius?: Properties["borderBottomRightRadius"]
 };
+export type ColorProps = {
+	color?: Properties["color"]
+	colorVariant?: keyof typeof TEXT_THEME
+};
 export type BackgroundColorProps = {
 	backgroundColor?: Properties["backgroundColor"]
+	backgroundColorVariant?: BackgroundColorVariantCode
 };
 export type BackgroundImageProps = {
 	backgroundImageUrl?: string
@@ -65,14 +79,7 @@ export type BackgroundImageProps = {
 	backgroundBlendMode?: Properties["backgroundBlendMode"]
 	backgroundBlendColor?: Properties["backgroundColor"]
 };
-export type BackgroundProps = {
-	backgroundColor?: Properties["backgroundColor"]
-	backgroundImageUrl?: string
-	backgroundPositionX?: Properties["backgroundPositionX"]
-	backgroundPositionY?: Properties["backgroundPositionY"]
-	backgroundBlendMode?: Properties["backgroundBlendMode"]
-	backgroundBlendColor?: Properties["backgroundColor"]
-};
+export type BackgroundProps = BackgroundColorProps & BackgroundImageProps;
 export type ShadowProps = {
 	shadow?: Properties["boxShadow"]
 	shadowVariant?: ShadowVariantCode

package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts

@@ -1,10 +1,11 @@
 import type { Properties } from "csstype";
 import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
+import type { BrandKit } from "../brand-kit.js";
 export declare const toCssPosition: (p?: PositionProps) => Properties;
 export declare const toCssCommon: (p?: CommonProps) => Properties;
-export declare const toCssBorder: (p?: BorderProps) => Properties;
+export declare const toCssBorder: (p?: BorderProps, brandKit?: BrandKit) => Properties;
 export declare const toCssPadding: (p?: PaddingProps) => Properties;
-export declare const toCssBackground: (p?: BackgroundProps) => Properties;
+export declare const toCssBackground: (p?: BackgroundProps, brandKit?: BrandKit) => Properties;
 export declare const toCssRadius: (p?: RadiusProps) => Properties;
 export declare const toCssShadow: (p?: ShadowProps) => Properties;
 export declare const toCssOverflow: (p?: OverflowProps) => Properties;

package/dist/svelte5/hydrate/components-flex/variants.d.ts

@@ -1,5 +1,5 @@
 import type { BrandKit } from "./brand-kit.js";
-import type { ShadowProps, FontFamilyProps, AspectProps } from "./props.js";
+import type { ShadowProps, FontFamilyProps, AspectProps, BackgroundColorProps, BorderColorProps } from "./props.js";
 export type VariantStyles<Props extends object = object> = Props & {
 	hover?: Props
 	active?: Props
@@ -10,7 +10,7 @@ export type VariantDefinition<
 > = {
 	name: string
 	description?: string
-	getProps: (brandKit?: BrandKit) => VariantStyles<Props>
+	getProps: (brandKit?: Partial<BrandKit>) => VariantStyles<Props>
 	meta?: Meta
 };
 export type VariantDefinitionGroup<
@@ -39,4 +39,10 @@ export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
 export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
 export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
 export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
+export declare const BACKGROUND_COLOR_VARIANT: VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">>;
+export type BackgroundColorVariantCode = keyof typeof BACKGROUND_COLOR_VARIANT;
+export declare const BACKGROUND_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">, object>>[];
+export declare const BORDER_COLOR_VARIANT: VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">>;
+export type BorderColorVariantCode = keyof typeof BORDER_COLOR_VARIANT;
+export declare const BORDER_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">, object>>[];
 export {};