@plaidev/karte-action-sdk 1.1.268-29111070.d0bdfb56 → 1.1.268-29127338.e0debfc5

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

@@ -0,0 +1,57 @@
+import type { Properties } from "csstype";
+import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps, RadiusProps } from "../props.js";
+export declare const BUTTON_SIZE: {
+	readonly extra_small: "エクストラ スモール"
+	readonly small: "スモール"
+	readonly medium: "ミディアム"
+	readonly large: "ラージ"
+	readonly extra_large: "エクストラ ラージ"
+};
+export declare const BUTTON_THEME: {
+	readonly default: "ノーマル / ブランド"
+	readonly general: "ノーマル / ジェネラル"
+	readonly danger: "ノーマル / アラート"
+	readonly white: "ノーマル / ホワイト"
+	readonly default_outline: "アウトライン / ブランド"
+	readonly general_outline: "アウトライン / ジェネラル"
+	readonly danger_outline: "アウトライン / アラート"
+	readonly default_text: "テキスト / ブランド"
+	readonly general_text: "テキスト / ジェネラル"
+	readonly danger_text: "テキスト / アラート"
+};
+export declare const BUTTON_VARIANT: {
+	readonly normal: "ノーマル"
+	readonly outline: "アウトライン"
+	readonly text: "テキスト"
+};
+export declare const BUTTON_ROUND: {
+	readonly default: "デフォルト"
+	readonly none: "なし"
+	readonly fulled: "円形"
+};
+export declare const BUTTON_LINK_TARGET: {
+	readonly _self: "画面内遷移"
+	readonly _blank: "別タブで開く"
+};
+export declare const BUTTON_ICON_ANGLE: {
+	readonly row: "左側"
+	readonly "row-reverse": "右側"
+};
+export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
+	label?: string
+	size?: keyof typeof BUTTON_SIZE | string
+	height?: Properties["height"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	fontSize?: Properties["fontSize"]
+	theme?: keyof typeof BUTTON_THEME | string
+	variant?: keyof typeof BUTTON_VARIANT | string
+	color?: Properties["color"]
+	backgroundColor?: Properties["backgroundColor"]
+	borderColor?: Properties["borderColor"]
+	fontWeight?: Properties["fontWeight"]
+	round?: keyof typeof BUTTON_ROUND
+	width?: Properties["width"]
+	wrap?: "wrap" | "nowrap"
+};
+export declare const buttonPropsDefault: ButtonProps;

package/dist/svelte5/components-flex/button-outlined/styles.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonOutlinedProps } from "./types.js";
+import type { PropStyles } from "../shared/types.js";
+import type { BrandKit } from "../brand-kit.js";
+import type { BrandableStyles } from "../styles.js";
+export declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
+export declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonOutlinedProps>;
+export declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
+export declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;

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

@@ -0,0 +1,20 @@
+import type { Properties } from "csstype";
+import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps } from "../props.js";
+import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
+export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
+	label?: string
+	size?: keyof typeof BUTTON_SIZE
+	height?: Properties["height"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	fontSize?: Properties["fontSize"]
+	theme?: keyof typeof BUTTON_THEME
+	color?: Properties["color"]
+	backgroundColor?: Properties["backgroundColor"]
+	borderColor?: Properties["backgroundColor"]
+	width?: Properties["width"]
+	round?: keyof typeof BUTTON_ROUND
+	fontWeight?: Properties["fontWeight"]
+	wrap?: "wrap" | "nowrap"
+};
+export declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;

package/dist/svelte5/components-flex/button-text/styles.d.ts

@@ -0,0 +1,6 @@
+import type { PropStyles } from "../shared/types.js";
+import type { ButtonTextProps } from "./types.js";
+import type { BrandKit } from "../brand-kit.js";
+import type { BrandableStyles } from "../styles.js";
+export declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
+export declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonTextProps>;

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

@@ -0,0 +1,33 @@
+import type { Properties } from "csstype";
+import type { ClickableProps, CommonProps, LinkProps, WithIconProps } from "../props.js";
+import type { BUTTON_ROUND } from "../button/types.js";
+export declare const BUTTON_TEXT_SIZE: {
+	readonly small: "Small"
+	readonly medium: "Medium"
+	readonly large: "Large"
+};
+export declare const BUTTON_TEXT_THEME: {
+	readonly default: "Default"
+	readonly link: "Link"
+	readonly general: "General"
+	readonly success: "Success"
+	readonly warning: "Warning"
+	readonly danger: "Danger"
+	readonly info: "Info"
+	readonly white: "White"
+};
+export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
+	label?: string
+	size?: keyof typeof BUTTON_TEXT_SIZE
+	height?: Properties["height"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	fontSize?: Properties["fontSize"]
+	theme?: keyof typeof BUTTON_TEXT_THEME
+	color?: Properties["color"]
+	backgroundColor?: Properties["backgroundColor"]
+	fontWeight?: Properties["fontWeight"]
+	width?: Properties["width"]
+	round?: keyof typeof BUTTON_ROUND
+	wrap?: "wrap" | "nowrap"
+};

package/dist/svelte5/components-flex/clip-copy/types.d.ts

@@ -0,0 +1,6 @@
+import type { CommonProps } from "../props.js";
+export type ClipboardProps = CommonProps & {
+	content?: string
+	copiedEventName?: string
+	noneTooltip?: boolean
+};

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

@@ -0,0 +1,32 @@
+import type { BorderProps, ClickableProps, CommonProps } from "../props.js";
+import type { Properties } from "csstype";
+export declare const CLOSE_BUTTON_PLACEMENT: {
+	readonly topRight: "topRight"
+	readonly topLeft: "topLeft"
+	readonly bottomRight: "bottomRight"
+	readonly bottomLeft: "bottomLeft"
+};
+export declare const CLOSE_BUTTON_ROUND: {
+	readonly default: "デフォルト"
+	readonly none: "なし"
+	readonly fulled: "円形"
+};
+export declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
+	readonly right: "right"
+	readonly left: "left"
+};
+export type CloseButtonProps = CommonProps & ClickableProps & 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"]
+	labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT
+	top?: Properties["top"]
+	right?: Properties["right"]
+	left?: Properties["left"]
+	bottom?: Properties["bottom"]
+};

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

@@ -0,0 +1,6 @@
+import type { CommonProps } from "../props.js";
+export type CodeProps = CommonProps & {
+	rawHtml?: string
+	rawCss?: string
+	rawScript?: string
+};

package/dist/svelte5/components-flex/count-down/types.d.ts

@@ -0,0 +1,17 @@
+import type { CommonProps } from "../props.js";
+import type { OnClickOperation } from "../../prop.js";
+import type { LayerTextProps } from "../text/types.js";
+export type CountDownProps = CommonProps & {
+	timeLimit?: string
+	onEnd?: OnClickOperation
+};
+export type CountDownValueType = "day" | "hour" | "minute" | "second";
+export type CountDownValueProps = LayerTextProps & {
+	type: CountDownValueType
+};
+export type CountDownValues = {
+	day: number
+	hour: number
+	min: number
+	sec: number
+};

package/dist/svelte5/components-flex/icon/styles.d.ts

@@ -0,0 +1,3 @@
+import type { PropStyles } from "../shared/types.js";
+import type { IconProps } from "./types.js";
+export declare const ICON_SIZE_STYLES: PropStyles<IconProps, "size">;

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

@@ -0,0 +1,18 @@
+import type { ClickableProps, CommonProps } from "../props.js";
+import type { Properties } from "preact/src/jsx-csstype";
+export declare const ICON_SIZE: {
+	[key: string]: {
+		label: string
+		value: string
+	}
+};
+export declare const ICON_VARIANTS: {
+	[key: string]: any
+};
+export type IconProps = CommonProps & ClickableProps & {
+	variant: string
+	size?: keyof typeof ICON_SIZE
+	color?: Properties["color"]
+	width?: Properties["width"]
+	height?: Properties["height"]
+};

package/dist/svelte5/components-flex/image/styles.d.ts

@@ -0,0 +1,3 @@
+import type { PropStyles } from "../shared/types.js";
+import type { ImageProps } from "./types.js";
+export declare const IMAGE_ROUND_STYLES: PropStyles<ImageProps, "shape">;

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

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

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

@@ -0,0 +1,20 @@
+import type { Properties } from "csstype";
+import type { BackgroundColorProps, BackgroundImageProps, BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps } from "../props.js";
+export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
+export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
+export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
+export type LayoutFlexDirection = (typeof LAYOUT_DIRECTION)[number];
+export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end", "stretch"];
+export type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
+export declare const LAYOUT_JUSTIFY: readonly ["flex-start", "center", "flex-end", "space-between"];
+export type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
+export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
+	display?: LayoutDisplayType
+	direction?: LayoutFlexDirection
+	align?: LayoutFlexAlign
+	justify?: LayoutFlexJustify
+	gap?: Properties["gap"]
+	rowGap?: Properties["rowGap"]
+	columnGap?: Properties["columnGap"]
+	width?: Properties["width"]
+};

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

@@ -0,0 +1,30 @@
+import type { Properties } from "csstype";
+import type { CommonProps, ClickableProps, ActionTableProps } from "../props.js";
+export type ListProps = CommonProps & ActionTableProps & {
+	gap?: Properties["gap"]
+	borderWidth?: Properties["borderTopWidth"]
+	borderStyle?: Properties["borderTopStyle"]
+	borderColor?: Properties["borderTopColor"]
+	width?: Properties["width"]
+	itemPaddingTop?: Properties["paddingTop"]
+	itemPaddingLeft?: Properties["paddingLeft"]
+	itemPaddingRight?: Properties["paddingRight"]
+	itemPaddingBottom?: Properties["paddingBottom"]
+	itemHeight?: Properties["height"]
+	itemGap?: Properties["gap"]
+};
+export type ListItemProps = CommonProps & ClickableProps & {
+	gap?: number
+};
+export declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
+export type ListItemContext = {
+	paddingTop?: Properties["paddingTop"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	paddingBottom?: Properties["paddingBottom"]
+	height?: Properties["paddingTop"]
+	borderTopWidth?: Properties["borderTopWidth"]
+	borderTopStyle?: Properties["borderTopStyle"]
+	borderTopColor?: Properties["borderTopColor"]
+	gap?: Properties["gap"]
+};

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

@@ -0,0 +1,5 @@
+import type { Properties } from "csstype";
+import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundColorProps, BackgroundImageProps } from "../props.js";
+export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & {
+	width?: Properties["width"]
+};

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

@@ -0,0 +1,31 @@
+import type { Properties } from "csstype";
+import type { CommonProps, ClickableProps } from "../props.js";
+export type MultiColumnProps = CommonProps & {
+	gap?: Properties["columnGap"]
+	borderWidth?: Properties["borderTopWidth"]
+	borderStyle?: Properties["borderTopStyle"]
+	borderColor?: Properties["borderTopColor"]
+	width?: Properties["width"]
+	itemPaddingTop?: Properties["paddingTop"]
+	itemPaddingLeft?: Properties["paddingLeft"]
+	itemPaddingRight?: Properties["paddingRight"]
+	itemPaddingBottom?: Properties["paddingBottom"]
+	itemHeight?: Properties["height"]
+	itemGap?: Properties["gap"]
+};
+export type MultiColumnItemProps = CommonProps & ClickableProps & {
+	gap?: number
+};
+export declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
+export type MultiColumnItemContext = {
+	paddingTop?: Properties["paddingTop"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	paddingBottom?: Properties["paddingBottom"]
+	height?: Properties["paddingTop"]
+	borderLeftWidth?: Properties["borderTopWidth"]
+	borderLeftStyle?: Properties["borderTopStyle"]
+	borderLeftColor?: Properties["borderTopColor"]
+	gap?: Properties["gap"]
+	innerGap?: Properties["gap"]
+};

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

@@ -0,0 +1,91 @@
+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";
+type PositionPlaceProps = {
+	top?: Properties["top"]
+	left?: Properties["left"]
+	right?: Properties["right"]
+	bottom?: Properties["bottom"]
+	transform?: Properties["transform"]
+};
+export type PositionProps = PositionPlaceProps & {
+	position?: Properties["position"]
+};
+export type MetaProps = {
+	displayName?: string
+};
+export type CustomizeCssProps = {
+	isCustomizeCss?: boolean
+	customizeCss?: string
+};
+export type BrandStyleProps = {
+	customBrandKit?: Partial<BrandKit>
+};
+export type ActionTableProps = {
+	actionTableKey?: string
+};
+export type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
+export type ClickableProps = {
+	onClick?: OnClickOperation
+	eventName?: string
+	eventValue?: object
+	element?: string
+};
+export type OverflowProps = {
+	overflow?: Properties["overflow"]
+};
+export type BorderProps = {
+	borderTopWidth?: Properties["borderTopWidth"]
+	borderLeftWidth?: Properties["borderLeftWidth"]
+	borderRightWidth?: Properties["borderRightWidth"]
+	borderBottomWidth?: Properties["borderBottomWidth"]
+	borderColor?: Properties["borderColor"]
+};
+export type PaddingProps = {
+	paddingTop?: Properties["paddingTop"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingBottom?: Properties["paddingBottom"]
+	paddingRight?: Properties["paddingRight"]
+};
+export type RadiusProps = {
+	borderTopLeftRadius?: Properties["borderTopLeftRadius"]
+	borderTopRightRadius?: Properties["borderTopRightRadius"]
+	borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
+	borderBottomRightRadius?: Properties["borderBottomRightRadius"]
+};
+export type BackgroundColorProps = {
+	backgroundColor?: Properties["backgroundColor"]
+};
+export type BackgroundImageProps = {
+	backgroundImageUrl?: string
+	backgroundPositionX?: Properties["backgroundPositionX"]
+	backgroundPositionY?: Properties["backgroundPositionY"]
+	backgroundBlendMode?: Properties["backgroundBlendMode"]
+	backgroundBlendColor?: Properties["backgroundColor"]
+};
+export type ShadowProps = {
+	shadow?: Properties["boxShadow"]
+	shadowVariant?: ShadowVariantCode
+};
+export type WithIconProps = {
+	isIcon?: boolean
+	iconVariant?: string
+	iconColor?: Properties["color"]
+	iconAngle?: keyof typeof BUTTON_ICON_ANGLE
+};
+export type LinkProps = {
+	isLink?: boolean
+	linkUrl?: string
+	linkTarget?: keyof typeof BUTTON_LINK_TARGET
+};
+export type AspectProps = {
+	aspectVariant?: AspectVariantCode | string
+	aspect?: Properties["aspectRatio"]
+};
+export type FontFamilyProps = {
+	fontFamilyVariant?: FontFamilyVariantCode
+	fontFamily?: Properties["fontFamily"]
+};
+export {};

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

@@ -0,0 +1,36 @@
+import type { ButtonProps } from "./button/types.js";
+import type { AvatarProps } from "./avatar/types.js";
+import type { LayerLayoutProps } from "./layout/types.js";
+import type { ClipboardProps, CloseButtonProps, CountDownProps, IconProps, ImageProps, ListProps, ListItemProps, LayerTextProps } from "../index.svelte5.js";
+type FlexComponentSchemaPropType = "string" | "url" | "number" | "boolean" | "color" | "date_string";
+type FlexComponentSchemaProp<
+	Props extends Record<string, any>,
+	Key extends keyof Props
+> = {
+	key: Key
+	type: FlexComponentSchemaPropType
+	suggestions: Props[Key][]
+	default?: Props[Key]
+	priority?: number
+};
+type FlexComponentSchema<Props extends Record<string, any> = object> = {
+	props: FlexComponentSchemaProp<Props, keyof Props>[]
+};
+export declare const createProp: <
+	Props extends Record<string, any>,
+	K extends keyof Props
+>(key: K, type: FlexComponentSchemaPropType, suggestions?: Props[K][], priority?: number, defaultValue?: Props[K]) => FlexComponentSchemaProp<Props, K>;
+export declare const flexComponentSchemes: {
+	readonly FlexAvatar: FlexComponentSchema<AvatarProps>
+	readonly FlexButton: FlexComponentSchema<ButtonProps>
+	readonly FlexClipCopy: FlexComponentSchema<ClipboardProps>
+	readonly FlexCloseButton: FlexComponentSchema<CloseButtonProps>
+	readonly FlexCountDown: FlexComponentSchema<CountDownProps>
+	readonly FlexIcon: FlexComponentSchema<IconProps>
+	readonly FlexImage: FlexComponentSchema<ImageProps>
+	readonly FlexLayout: FlexComponentSchema<LayerLayoutProps>
+	readonly FlexList: FlexComponentSchema<ListProps>
+	readonly FlexListItem: FlexComponentSchema<ListItemProps>
+	readonly FlexText: FlexComponentSchema<LayerTextProps>
+};
+export {};

package/dist/svelte5/components-flex/shared/styles.d.ts

@@ -0,0 +1,3 @@
+import type { ROUND_VARIANT } from "./types.js";
+import type { Properties } from "csstype";
+export declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;

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

@@ -0,0 +1,13 @@
+import type { Properties } from "csstype";
+export type PropStyles<
+	Props extends Record<string, any>,
+	K extends keyof Props
+> = Record<NonNullable<Props[K]>, Props | Properties>;
+export declare const ROUND_VARIANT: {
+	readonly extra_small: "XSmall (2px)"
+	readonly small: "Small (4px)"
+	readonly medium: "Medium (8px)"
+	readonly large: "Large (16px)"
+	readonly extra_large: "Large (24px)"
+	readonly fulled: "Full (100%)"
+};

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

@@ -0,0 +1,10 @@
+import type { CommonProps, ClickableProps } from "../props.js";
+export type SliderProps = CommonProps & {
+	gap: number
+	itemWidthPercentage: number
+	auto?: boolean
+	loop?: boolean
+	hideIndicator?: boolean
+	interval?: number
+};
+export type SliderItemProps = CommonProps & ClickableProps;

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

@@ -0,0 +1,9 @@
+import { type BrandKit } from "./brand-kit.js";
+import type { Properties } from "csstype";
+export declare const getPropStyles: <
+	T extends object = object,
+	R = BrandableStyles<T>
+>(callback: (args: {
+	brandKit: BrandKit
+}) => R) => (customBrandKit?: Partial<BrandKit>) => R;
+export type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;

package/dist/svelte5/components-flex/text/constants.d.ts

@@ -0,0 +1,4 @@
+import type { LayerTextProps } from "src/components-flex/text/types";
+export declare const TEXT_VARIANTS: {
+	size: Record<NonNullable<LayerTextProps["size"]>, any>
+};

package/dist/svelte5/components-flex/text/styles.d.ts

@@ -0,0 +1,7 @@
+import type { BrandKit } from "../brand-kit.js";
+import type { BrandableStyles } from "../styles.js";
+type TextThemeProps = {
+	color: string
+};
+export declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
+export {};

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

@@ -0,0 +1,37 @@
+import type { Properties } from "csstype";
+import type { BackgroundColorProps, BorderProps, ClickableProps, CommonProps, CustomizeCssProps, LinkProps, PaddingProps, RadiusProps, WithIconProps, FontFamilyProps } from "../props.js";
+export declare const LAYER_TEXT_SIZE: {
+	readonly small: "本文 / スモール"
+	readonly medium: "本文 / ミディアム"
+	readonly large: "本文 / ラージ"
+	readonly heading_extra_small: "見出し / スモール"
+	readonly heading_small: "見出し / ミディアム"
+	readonly heading_medium: "見出し / ラージ"
+	readonly heading_large: "見出し / エクストララージ"
+};
+export declare const TEXT_THEME: {
+	readonly default: "デフォルト"
+	readonly gray: "グレー"
+	readonly brand: "ブランド"
+	readonly success: "サクセス"
+	readonly warning: "ワーニング"
+	readonly danger: "アラート"
+	readonly info: "インフォ"
+	readonly white: "ホワイト"
+};
+export declare const TEXT_STYLE: {
+	readonly normal: "normal"
+	readonly italic: "italic"
+};
+export type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & FontFamilyProps & PaddingProps & {
+	content: string
+	theme?: keyof typeof TEXT_THEME
+	size?: keyof typeof LAYER_TEXT_SIZE
+	align?: Properties["textAlign"]
+	fontStyle?: Properties["fontStyle"]
+	fontSize?: Properties["fontSize"]
+	fontWeight?: Properties["fontWeight"]
+	lineHeight?: number
+	color?: Properties["color"]
+	width?: Properties["width"]
+};

package/dist/svelte5/components-flex/text-link/styles.d.ts

@@ -0,0 +1,6 @@
+import type { PropStyles } from "../shared/types.js";
+import type { TextLinkProps } from "./types.js";
+import type { BrandKit } from "../brand-kit.js";
+import type { BrandableStyles } from "../styles.js";
+export declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
+export declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;

package/dist/svelte5/components-flex/text-link/types.d.ts

@@ -0,0 +1,31 @@
+import type { Properties } from "csstype";
+import type { ClickableProps, CommonProps, LinkProps, WithIconProps, FontFamilyProps } from "../props.js";
+export declare const TEXT_LINK_SIZE: {
+	readonly small: "Small"
+	readonly medium: "Medium"
+	readonly large: "Large"
+};
+export declare const TEXT_LINK_THEME: {
+	readonly default: "デフォルト"
+	readonly link: "Link"
+	readonly brand: "Brand"
+	readonly alert: "Danger"
+	readonly gray: "Gray"
+	readonly white: "White"
+};
+export declare const TEXT_LINK_UNDERLINE: {
+	readonly hover_on: "ホバーで表示"
+	readonly hover_off: "ホバーで非表示"
+	readonly on: "常に表示"
+	readonly off: "常に非表示"
+};
+export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
+	label: string
+	size?: keyof typeof TEXT_LINK_SIZE
+	lineHeight?: number
+	fontSize?: Properties["fontSize"]
+	theme?: keyof typeof TEXT_LINK_THEME
+	color?: Properties["color"]
+	underline?: keyof typeof TEXT_LINK_UNDERLINE
+	fontWeight?: Properties["fontWeight"]
+};

package/dist/svelte5/components-flex/utils/color.d.ts

@@ -0,0 +1,7 @@
+export declare function hexToRgb(hex: string): {
+	r: number
+	g: number
+	b: number
+};
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function darkenColor(color: string, percent: number): string;

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

@@ -0,0 +1,2 @@
+import type { Properties } from "csstype";
+export declare const objToStyle: (obj: Properties) => string;

package/dist/svelte5/components-flex/utils/parser.d.ts

@@ -0,0 +1,5 @@
+export declare function splitNumberAndUnit(value?: string | 0): {
+	number: number | undefined
+	unit: string
+};
+export declare function combineNumberAndUnit(number: number, unit?: string): string;

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

@@ -0,0 +1,11 @@
+import type { Properties } from "csstype";
+import type { BackgroundColorProps, BackgroundImageProps, BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps } from "../props.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 toCssPadding: (p?: PaddingProps) => Properties;
+export declare const toCssBackgroundImage: (p?: BackgroundImageProps) => Properties;
+export declare const toCssBackgroundColor: (p?: BackgroundColorProps) => Properties;
+export declare const toCssRadius: (p?: RadiusProps) => Properties;
+export declare const toCssShadow: (p?: ShadowProps) => Properties;
+export declare const toCssOverflow: (p?: OverflowProps) => Properties;