@plaidev/karte-action-sdk 1.1.269-29152886.93a696e2 → 1.1.269-29161921.5f4ecb39
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.
- package/dist/action.d.ts +1 -0
- package/dist/actionEvent.d.ts +1 -0
- package/dist/collection.d.ts +39 -39
- package/dist/components/index.d.ts +1 -0
- package/dist/components-flex/avatar/types.d.ts +16 -15
- package/dist/components-flex/brand-kit.d.ts +11 -11
- package/dist/components-flex/button/types.d.ts +43 -40
- package/dist/components-flex/button-outlined/types.d.ts +17 -14
- package/dist/components-flex/button-text/types.d.ts +27 -24
- package/dist/components-flex/clip-copy/types.d.ts +3 -3
- package/dist/components-flex/close-button/types.d.ts +21 -21
- package/dist/components-flex/code/types.d.ts +3 -3
- package/dist/components-flex/count-down/types.d.ts +7 -7
- package/dist/components-flex/icon/types.d.ts +9 -9
- package/dist/components-flex/image/types.d.ts +18 -18
- package/dist/components-flex/layout/types.d.ts +9 -9
- package/dist/components-flex/list/types.d.ts +18 -18
- package/dist/components-flex/modal/types.d.ts +1 -1
- package/dist/components-flex/multi-column/types.d.ts +19 -19
- package/dist/components-flex/props.d.ts +56 -56
- package/dist/components-flex/schemas.d.ts +17 -17
- package/dist/components-flex/shared/types.d.ts +6 -6
- package/dist/components-flex/slider/types.d.ts +6 -6
- package/dist/components-flex/styles.d.ts +1 -1
- package/dist/components-flex/text/constants.d.ts +1 -1
- package/dist/components-flex/text/styles.d.ts +1 -1
- package/dist/components-flex/text/types.d.ts +32 -29
- package/dist/components-flex/text-link/types.d.ts +24 -21
- package/dist/components-flex/utils/color.d.ts +3 -3
- package/dist/components-flex/utils/parser.d.ts +2 -2
- package/dist/components-flex/variants.d.ts +26 -11
- package/dist/components-flex/youtube/types.d.ts +12 -11
- package/dist/constants.d.ts +3 -2
- package/dist/enhancedStopPropagation.d.ts +1 -1
- package/dist/form.d.ts +15 -15
- package/dist/functions.d.ts +11 -11
- package/dist/hooks/useClickable.d.ts +3 -3
- package/dist/hooks/useText.d.ts +2 -2
- package/dist/hydrate/action.d.ts +1 -0
- package/dist/hydrate/actionEvent.d.ts +1 -0
- package/dist/hydrate/collection.d.ts +39 -39
- package/dist/hydrate/components/index.d.ts +1 -0
- package/dist/hydrate/components-flex/avatar/types.d.ts +16 -15
- package/dist/hydrate/components-flex/brand-kit.d.ts +11 -11
- package/dist/hydrate/components-flex/button/types.d.ts +43 -40
- package/dist/hydrate/components-flex/button-outlined/types.d.ts +17 -14
- package/dist/hydrate/components-flex/button-text/types.d.ts +27 -24
- package/dist/hydrate/components-flex/clip-copy/types.d.ts +3 -3
- package/dist/hydrate/components-flex/close-button/types.d.ts +21 -21
- package/dist/hydrate/components-flex/code/types.d.ts +3 -3
- package/dist/hydrate/components-flex/count-down/types.d.ts +7 -7
- package/dist/hydrate/components-flex/icon/types.d.ts +9 -9
- package/dist/hydrate/components-flex/image/types.d.ts +18 -18
- package/dist/hydrate/components-flex/layout/types.d.ts +9 -9
- package/dist/hydrate/components-flex/list/types.d.ts +18 -18
- package/dist/hydrate/components-flex/modal/types.d.ts +1 -1
- package/dist/hydrate/components-flex/multi-column/types.d.ts +19 -19
- package/dist/hydrate/components-flex/props.d.ts +56 -56
- package/dist/hydrate/components-flex/schemas.d.ts +17 -17
- package/dist/hydrate/components-flex/shared/types.d.ts +6 -6
- package/dist/hydrate/components-flex/slider/types.d.ts +6 -6
- package/dist/hydrate/components-flex/styles.d.ts +1 -1
- package/dist/hydrate/components-flex/text/constants.d.ts +1 -1
- package/dist/hydrate/components-flex/text/styles.d.ts +1 -1
- package/dist/hydrate/components-flex/text/types.d.ts +32 -29
- package/dist/hydrate/components-flex/text-link/types.d.ts +24 -21
- package/dist/hydrate/components-flex/utils/color.d.ts +3 -3
- package/dist/hydrate/components-flex/utils/parser.d.ts +2 -2
- package/dist/hydrate/components-flex/variants.d.ts +26 -11
- package/dist/hydrate/components-flex/youtube/types.d.ts +12 -11
- package/dist/hydrate/constants.d.ts +3 -2
- package/dist/hydrate/enhancedStopPropagation.d.ts +1 -1
- package/dist/hydrate/form.d.ts +15 -15
- package/dist/hydrate/functions.d.ts +11 -11
- package/dist/hydrate/hooks/useClickable.d.ts +3 -3
- package/dist/hydrate/hooks/useText.d.ts +2 -2
- package/dist/hydrate/index.d.ts +7 -5
- package/dist/hydrate/index.es.js +416 -2692
- package/dist/hydrate/index.svelte5.d.ts +6 -5
- package/dist/hydrate/logger.d.ts +14 -14
- package/dist/hydrate/modal.d.ts +9 -7
- package/dist/hydrate/modal.svelte5.d.ts +9 -7
- package/dist/hydrate/prop.d.ts +127 -127
- package/dist/hydrate/stores.d.ts +16 -16
- package/dist/hydrate/types.d.ts +15 -14
- package/dist/hydrate/utils.d.ts +36 -36
- package/dist/hydrate/widget.d.ts +10 -10
- package/dist/icons.d.ts +7 -4
- package/dist/index.es.d.ts +7 -5
- package/dist/index.es.js +413 -2677
- package/dist/logger.d.ts +14 -14
- package/dist/modal.d.ts +9 -7
- package/dist/modal.svelte5.d.ts +9 -7
- package/dist/prop.d.ts +127 -127
- package/dist/stores.d.ts +16 -16
- package/dist/svelte5/action.d.ts +1 -0
- package/dist/svelte5/actionEvent.d.ts +1 -0
- package/dist/svelte5/collection.d.ts +39 -39
- package/dist/svelte5/components/index.d.ts +1 -0
- package/dist/svelte5/components-flex/avatar/types.d.ts +16 -15
- package/dist/svelte5/components-flex/brand-kit.d.ts +11 -11
- package/dist/svelte5/components-flex/button/types.d.ts +43 -40
- package/dist/svelte5/components-flex/button-outlined/types.d.ts +17 -14
- package/dist/svelte5/components-flex/button-text/types.d.ts +27 -24
- package/dist/svelte5/components-flex/clip-copy/types.d.ts +3 -3
- package/dist/svelte5/components-flex/close-button/types.d.ts +21 -21
- package/dist/svelte5/components-flex/code/types.d.ts +3 -3
- package/dist/svelte5/components-flex/count-down/types.d.ts +7 -7
- package/dist/svelte5/components-flex/icon/types.d.ts +9 -9
- package/dist/svelte5/components-flex/image/types.d.ts +18 -18
- package/dist/svelte5/components-flex/layout/types.d.ts +9 -9
- package/dist/svelte5/components-flex/list/types.d.ts +18 -18
- package/dist/svelte5/components-flex/modal/types.d.ts +1 -1
- package/dist/svelte5/components-flex/multi-column/types.d.ts +19 -19
- package/dist/svelte5/components-flex/props.d.ts +56 -56
- package/dist/svelte5/components-flex/schemas.d.ts +17 -17
- package/dist/svelte5/components-flex/shared/types.d.ts +6 -6
- package/dist/svelte5/components-flex/slider/types.d.ts +6 -6
- package/dist/svelte5/components-flex/styles.d.ts +1 -1
- package/dist/svelte5/components-flex/text/constants.d.ts +1 -1
- package/dist/svelte5/components-flex/text/styles.d.ts +1 -1
- package/dist/svelte5/components-flex/text/types.d.ts +32 -29
- package/dist/svelte5/components-flex/text-link/types.d.ts +24 -21
- package/dist/svelte5/components-flex/utils/color.d.ts +3 -3
- package/dist/svelte5/components-flex/utils/parser.d.ts +2 -2
- package/dist/svelte5/components-flex/variants.d.ts +26 -11
- package/dist/svelte5/components-flex/youtube/types.d.ts +12 -11
- package/dist/svelte5/constants.d.ts +3 -2
- package/dist/svelte5/form.d.ts +15 -15
- package/dist/svelte5/functions.d.ts +11 -11
- package/dist/svelte5/hooks/useClickable.d.ts +3 -3
- package/dist/svelte5/hooks/useText.d.ts +2 -2
- package/dist/svelte5/hydrate/action.d.ts +1 -0
- package/dist/svelte5/hydrate/actionEvent.d.ts +1 -0
- package/dist/svelte5/hydrate/collection.d.ts +39 -39
- package/dist/svelte5/hydrate/components/index.d.ts +1 -0
- package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +16 -15
- package/dist/svelte5/hydrate/components-flex/brand-kit.d.ts +11 -11
- package/dist/svelte5/hydrate/components-flex/button/types.d.ts +43 -40
- package/dist/svelte5/hydrate/components-flex/button-outlined/types.d.ts +17 -14
- package/dist/svelte5/hydrate/components-flex/button-text/types.d.ts +27 -24
- package/dist/svelte5/hydrate/components-flex/clip-copy/types.d.ts +3 -3
- package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts +21 -21
- package/dist/svelte5/hydrate/components-flex/code/types.d.ts +3 -3
- package/dist/svelte5/hydrate/components-flex/count-down/types.d.ts +7 -7
- package/dist/svelte5/hydrate/components-flex/icon/types.d.ts +9 -9
- package/dist/svelte5/hydrate/components-flex/image/types.d.ts +18 -18
- package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +9 -9
- package/dist/svelte5/hydrate/components-flex/list/types.d.ts +18 -18
- package/dist/svelte5/hydrate/components-flex/modal/types.d.ts +1 -1
- package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts +19 -19
- package/dist/svelte5/hydrate/components-flex/props.d.ts +56 -56
- package/dist/svelte5/hydrate/components-flex/schemas.d.ts +17 -17
- package/dist/svelte5/hydrate/components-flex/shared/types.d.ts +6 -6
- package/dist/svelte5/hydrate/components-flex/slider/types.d.ts +6 -6
- package/dist/svelte5/hydrate/components-flex/styles.d.ts +1 -1
- package/dist/svelte5/hydrate/components-flex/text/constants.d.ts +1 -1
- package/dist/svelte5/hydrate/components-flex/text/styles.d.ts +1 -1
- package/dist/svelte5/hydrate/components-flex/text/types.d.ts +32 -29
- package/dist/svelte5/hydrate/components-flex/text-link/types.d.ts +24 -21
- package/dist/svelte5/hydrate/components-flex/utils/color.d.ts +3 -3
- package/dist/svelte5/hydrate/components-flex/utils/parser.d.ts +2 -2
- package/dist/svelte5/hydrate/components-flex/variants.d.ts +26 -11
- package/dist/svelte5/hydrate/components-flex/youtube/types.d.ts +12 -11
- package/dist/svelte5/hydrate/constants.d.ts +3 -2
- package/dist/svelte5/hydrate/form.d.ts +15 -15
- package/dist/svelte5/hydrate/functions.d.ts +11 -11
- package/dist/svelte5/hydrate/hooks/useClickable.d.ts +3 -3
- package/dist/svelte5/hydrate/hooks/useText.d.ts +2 -2
- package/dist/svelte5/hydrate/index.es.d.ts +6 -5
- package/dist/svelte5/hydrate/index.es.js +16 -20
- package/dist/svelte5/hydrate/logger.d.ts +14 -14
- package/dist/svelte5/hydrate/modal.d.ts +9 -7
- package/dist/svelte5/hydrate/modal.svelte5.d.ts +9 -7
- package/dist/svelte5/hydrate/prop.d.ts +127 -127
- package/dist/svelte5/hydrate/stores.d.ts +16 -16
- package/dist/svelte5/hydrate/types.d.ts +15 -14
- package/dist/svelte5/hydrate/utils.d.ts +36 -36
- package/dist/svelte5/hydrate/widget.d.ts +10 -10
- package/dist/svelte5/index.es.d.ts +6 -5
- package/dist/svelte5/index.es.js +16 -20
- package/dist/svelte5/index.front2.es.js +42 -46
- package/dist/svelte5/index.svelte5.d.ts +6 -5
- package/dist/svelte5/logger.d.ts +14 -14
- package/dist/svelte5/modal.d.ts +9 -7
- package/dist/svelte5/modal.svelte5.d.ts +9 -7
- package/dist/svelte5/prop.d.ts +127 -127
- package/dist/svelte5/stores.d.ts +16 -16
- package/dist/svelte5/types.d.ts +15 -14
- package/dist/svelte5/utils.d.ts +36 -36
- package/dist/svelte5/widget.d.ts +10 -10
- package/dist/templates.cjs.js +0 -1
- package/dist/templates.d.ts +5 -3
- package/dist/types.d.ts +15 -14
- package/dist/utils.d.ts +36 -36
- package/dist/widget.d.ts +10 -10
- package/package.json +3 -3
@@ -2,16 +2,16 @@ import type { CommonProps } from "../props.js";
|
|
2
2
|
import type { OnClickOperation } from "../../prop.js";
|
3
3
|
import type { LayerTextProps } from "../text/types.js";
|
4
4
|
export type CountDownProps = CommonProps & {
|
5
|
-
timeLimit?: string
|
6
|
-
onEnd?: OnClickOperation
|
5
|
+
timeLimit?: string;
|
6
|
+
onEnd?: OnClickOperation;
|
7
7
|
};
|
8
8
|
export type CountDownValueType = "day" | "hour" | "minute" | "second";
|
9
9
|
export type CountDownValueProps = LayerTextProps & {
|
10
|
-
type: CountDownValueType
|
10
|
+
type: CountDownValueType;
|
11
11
|
};
|
12
12
|
export type CountDownValues = {
|
13
|
-
day: number
|
14
|
-
hour: number
|
15
|
-
min: number
|
16
|
-
sec: number
|
13
|
+
day: number;
|
14
|
+
hour: number;
|
15
|
+
min: number;
|
16
|
+
sec: number;
|
17
17
|
};
|
@@ -2,17 +2,17 @@ import type { ClickableProps, CommonProps } from "../props.js";
|
|
2
2
|
import type { Properties } from "preact/src/jsx-csstype";
|
3
3
|
export declare const ICON_SIZE: {
|
4
4
|
[key: string]: {
|
5
|
-
label: string
|
6
|
-
value: string
|
7
|
-
}
|
5
|
+
label: string;
|
6
|
+
value: string;
|
7
|
+
};
|
8
8
|
};
|
9
9
|
export declare const ICON_VARIANTS: {
|
10
|
-
[key: string]: any
|
10
|
+
[key: string]: any;
|
11
11
|
};
|
12
12
|
export type IconProps = CommonProps & ClickableProps & {
|
13
|
-
variant: string
|
14
|
-
size?: keyof typeof ICON_SIZE
|
15
|
-
color?: Properties["color"]
|
16
|
-
width?: Properties["width"]
|
17
|
-
height?: Properties["height"]
|
13
|
+
variant: string;
|
14
|
+
size?: keyof typeof ICON_SIZE;
|
15
|
+
color?: Properties["color"];
|
16
|
+
width?: Properties["width"];
|
17
|
+
height?: Properties["height"];
|
18
18
|
};
|
@@ -1,26 +1,26 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
2
|
import type { CommonProps, BorderProps, ClickableProps, AspectProps, RadiusProps, PaddingProps } from "../props.js";
|
3
3
|
export declare const IMAGE_ROUND_SHAPE: {
|
4
|
-
readonly circle: "ラウンド / ミディアム"
|
5
|
-
readonly rounded: "ラウンド / スモール"
|
6
|
-
readonly square: "スクエア"
|
4
|
+
readonly circle: "ラウンド / ミディアム";
|
5
|
+
readonly rounded: "ラウンド / スモール";
|
6
|
+
readonly square: "スクエア";
|
7
7
|
};
|
8
8
|
export declare const IMAGE_ASPECT_VARIANTS: {
|
9
|
-
"1/1": string
|
10
|
-
"2/1": string
|
11
|
-
"3/2": string
|
12
|
-
"4/3": string
|
13
|
-
"16/9": string
|
14
|
-
"16/5": string
|
15
|
-
"1/2": string
|
16
|
-
"2/3": string
|
17
|
-
"3/4": string
|
18
|
-
"9/16": string
|
9
|
+
"1/1": string;
|
10
|
+
"2/1": string;
|
11
|
+
"3/2": string;
|
12
|
+
"4/3": string;
|
13
|
+
"16/9": string;
|
14
|
+
"16/5": string;
|
15
|
+
"1/2": string;
|
16
|
+
"2/3": string;
|
17
|
+
"3/4": string;
|
18
|
+
"9/16": string;
|
19
19
|
};
|
20
20
|
export type ImageProps = CommonProps & ClickableProps & AspectProps & RadiusProps & PaddingProps & BorderProps & {
|
21
|
-
image?: string
|
22
|
-
width?: Properties["width"]
|
23
|
-
height?: Properties["height"]
|
24
|
-
alt?: string
|
25
|
-
shape?: keyof typeof IMAGE_ROUND_SHAPE
|
21
|
+
image?: string;
|
22
|
+
width?: Properties["width"];
|
23
|
+
height?: Properties["height"];
|
24
|
+
alt?: string;
|
25
|
+
shape?: keyof typeof IMAGE_ROUND_SHAPE;
|
26
26
|
};
|
@@ -9,13 +9,13 @@ export type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
|
|
9
9
|
export declare const LAYOUT_JUSTIFY: readonly ["flex-start", "center", "flex-end", "space-between"];
|
10
10
|
export type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
|
11
11
|
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
|
12
|
-
display?: LayoutDisplayType
|
13
|
-
direction?: LayoutFlexDirection
|
14
|
-
align?: LayoutFlexAlign
|
15
|
-
justify?: LayoutFlexJustify
|
16
|
-
gap?: Properties["gap"]
|
17
|
-
rowGap?: Properties["rowGap"]
|
18
|
-
columnGap?: Properties["columnGap"]
|
19
|
-
width?: Properties["width"]
|
20
|
-
height?: Properties["height"]
|
12
|
+
display?: LayoutDisplayType;
|
13
|
+
direction?: LayoutFlexDirection;
|
14
|
+
align?: LayoutFlexAlign;
|
15
|
+
justify?: LayoutFlexJustify;
|
16
|
+
gap?: Properties["gap"];
|
17
|
+
rowGap?: Properties["rowGap"];
|
18
|
+
columnGap?: Properties["columnGap"];
|
19
|
+
width?: Properties["width"];
|
20
|
+
height?: Properties["height"];
|
21
21
|
};
|
@@ -1,27 +1,27 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
2
|
import type { CommonProps, ClickableProps, ActionTableProps, BorderSingleProps } from "../props.js";
|
3
3
|
export type ListProps = CommonProps & BorderSingleProps & ActionTableProps & {
|
4
|
-
gap?: Properties["gap"]
|
5
|
-
width?: Properties["width"]
|
6
|
-
itemPaddingTop?: Properties["paddingTop"]
|
7
|
-
itemPaddingLeft?: Properties["paddingLeft"]
|
8
|
-
itemPaddingRight?: Properties["paddingRight"]
|
9
|
-
itemPaddingBottom?: Properties["paddingBottom"]
|
10
|
-
itemHeight?: Properties["height"]
|
11
|
-
itemGap?: Properties["gap"]
|
4
|
+
gap?: Properties["gap"];
|
5
|
+
width?: Properties["width"];
|
6
|
+
itemPaddingTop?: Properties["paddingTop"];
|
7
|
+
itemPaddingLeft?: Properties["paddingLeft"];
|
8
|
+
itemPaddingRight?: Properties["paddingRight"];
|
9
|
+
itemPaddingBottom?: Properties["paddingBottom"];
|
10
|
+
itemHeight?: Properties["height"];
|
11
|
+
itemGap?: Properties["gap"];
|
12
12
|
};
|
13
13
|
export type ListItemProps = CommonProps & ClickableProps & {
|
14
|
-
gap?: number
|
14
|
+
gap?: number;
|
15
15
|
};
|
16
16
|
export declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
|
17
17
|
export type ListItemContext = {
|
18
|
-
paddingTop?: Properties["paddingTop"]
|
19
|
-
paddingLeft?: Properties["paddingLeft"]
|
20
|
-
paddingRight?: Properties["paddingRight"]
|
21
|
-
paddingBottom?: Properties["paddingBottom"]
|
22
|
-
height?: Properties["paddingTop"]
|
23
|
-
borderTopWidth?: Properties["borderTopWidth"]
|
24
|
-
borderTopStyle?: Properties["borderTopStyle"]
|
25
|
-
borderTopColor?: Properties["borderTopColor"]
|
26
|
-
gap?: Properties["gap"]
|
18
|
+
paddingTop?: Properties["paddingTop"];
|
19
|
+
paddingLeft?: Properties["paddingLeft"];
|
20
|
+
paddingRight?: Properties["paddingRight"];
|
21
|
+
paddingBottom?: Properties["paddingBottom"];
|
22
|
+
height?: Properties["paddingTop"];
|
23
|
+
borderTopWidth?: Properties["borderTopWidth"];
|
24
|
+
borderTopStyle?: Properties["borderTopStyle"];
|
25
|
+
borderTopColor?: Properties["borderTopColor"];
|
26
|
+
gap?: Properties["gap"];
|
27
27
|
};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
2
|
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
|
4
|
-
width?: Properties["width"]
|
4
|
+
width?: Properties["width"];
|
5
5
|
};
|
@@ -1,28 +1,28 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
2
|
import type { CommonProps, ClickableProps, BorderSingleProps } from "../props.js";
|
3
3
|
export type MultiColumnProps = CommonProps & BorderSingleProps & {
|
4
|
-
gap?: Properties["columnGap"]
|
5
|
-
width?: Properties["width"]
|
6
|
-
itemPaddingTop?: Properties["paddingTop"]
|
7
|
-
itemPaddingLeft?: Properties["paddingLeft"]
|
8
|
-
itemPaddingRight?: Properties["paddingRight"]
|
9
|
-
itemPaddingBottom?: Properties["paddingBottom"]
|
10
|
-
itemHeight?: Properties["height"]
|
11
|
-
itemGap?: Properties["gap"]
|
4
|
+
gap?: Properties["columnGap"];
|
5
|
+
width?: Properties["width"];
|
6
|
+
itemPaddingTop?: Properties["paddingTop"];
|
7
|
+
itemPaddingLeft?: Properties["paddingLeft"];
|
8
|
+
itemPaddingRight?: Properties["paddingRight"];
|
9
|
+
itemPaddingBottom?: Properties["paddingBottom"];
|
10
|
+
itemHeight?: Properties["height"];
|
11
|
+
itemGap?: Properties["gap"];
|
12
12
|
};
|
13
13
|
export type MultiColumnItemProps = CommonProps & ClickableProps & {
|
14
|
-
gap?: number
|
14
|
+
gap?: number;
|
15
15
|
};
|
16
16
|
export declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
|
17
17
|
export type MultiColumnItemContext = {
|
18
|
-
paddingTop?: Properties["paddingTop"]
|
19
|
-
paddingLeft?: Properties["paddingLeft"]
|
20
|
-
paddingRight?: Properties["paddingRight"]
|
21
|
-
paddingBottom?: Properties["paddingBottom"]
|
22
|
-
height?: Properties["paddingTop"]
|
23
|
-
borderLeftWidth?: Properties["borderTopWidth"]
|
24
|
-
borderLeftStyle?: Properties["borderTopStyle"]
|
25
|
-
borderLeftColor?: Properties["borderTopColor"]
|
26
|
-
gap?: Properties["gap"]
|
27
|
-
innerGap?: Properties["gap"]
|
18
|
+
paddingTop?: Properties["paddingTop"];
|
19
|
+
paddingLeft?: Properties["paddingLeft"];
|
20
|
+
paddingRight?: Properties["paddingRight"];
|
21
|
+
paddingBottom?: Properties["paddingBottom"];
|
22
|
+
height?: Properties["paddingTop"];
|
23
|
+
borderLeftWidth?: Properties["borderTopWidth"];
|
24
|
+
borderLeftStyle?: Properties["borderTopStyle"];
|
25
|
+
borderLeftColor?: Properties["borderTopColor"];
|
26
|
+
gap?: Properties["gap"];
|
27
|
+
innerGap?: Properties["gap"];
|
28
28
|
};
|
@@ -5,103 +5,103 @@ import type { BrandKit } from "./brand-kit.js";
|
|
5
5
|
import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
|
6
6
|
import type { TEXT_THEME } from "./text/types.js";
|
7
7
|
type PositionPlaceProps = {
|
8
|
-
top?: Properties["top"]
|
9
|
-
left?: Properties["left"]
|
10
|
-
right?: Properties["right"]
|
11
|
-
bottom?: Properties["bottom"]
|
12
|
-
transform?: Properties["transform"]
|
8
|
+
top?: Properties["top"];
|
9
|
+
left?: Properties["left"];
|
10
|
+
right?: Properties["right"];
|
11
|
+
bottom?: Properties["bottom"];
|
12
|
+
transform?: Properties["transform"];
|
13
13
|
};
|
14
14
|
export type PositionProps = PositionPlaceProps & {
|
15
|
-
position?: Properties["position"]
|
15
|
+
position?: Properties["position"];
|
16
16
|
};
|
17
17
|
export type MetaProps = {
|
18
|
-
displayName?: string
|
18
|
+
displayName?: string;
|
19
19
|
};
|
20
20
|
export type CustomizeCssProps = {
|
21
|
-
isCustomizeCss?: boolean
|
22
|
-
customizeCss?: string
|
21
|
+
isCustomizeCss?: boolean;
|
22
|
+
customizeCss?: string;
|
23
23
|
};
|
24
24
|
export type BrandStyleProps = {
|
25
|
-
customBrandKit?: Partial<BrandKit
|
25
|
+
customBrandKit?: Partial<BrandKit>;
|
26
26
|
};
|
27
27
|
export type ActionTableProps = {
|
28
|
-
actionTableKey?: string
|
28
|
+
actionTableKey?: string;
|
29
29
|
};
|
30
30
|
export type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
|
31
31
|
export type ClickableProps = {
|
32
|
-
onClick?: OnClickOperation
|
33
|
-
eventName?: string
|
34
|
-
eventValue?: object
|
35
|
-
element?: string
|
32
|
+
onClick?: OnClickOperation;
|
33
|
+
eventName?: string;
|
34
|
+
eventValue?: object;
|
35
|
+
element?: string;
|
36
36
|
};
|
37
37
|
export type OverflowProps = {
|
38
|
-
overflow?: Properties["overflow"]
|
38
|
+
overflow?: Properties["overflow"];
|
39
39
|
};
|
40
40
|
export type BorderColorProps = {
|
41
|
-
borderColor?: Properties["borderColor"]
|
42
|
-
borderColorVariant?: string
|
41
|
+
borderColor?: Properties["borderColor"];
|
42
|
+
borderColorVariant?: string;
|
43
43
|
};
|
44
44
|
export type BorderProps = BorderColorProps & {
|
45
|
-
borderTopWidth?: Properties["borderTopWidth"]
|
46
|
-
borderLeftWidth?: Properties["borderLeftWidth"]
|
47
|
-
borderRightWidth?: Properties["borderRightWidth"]
|
48
|
-
borderBottomWidth?: Properties["borderBottomWidth"]
|
49
|
-
borderStyle?: Properties["borderTopStyle"]
|
45
|
+
borderTopWidth?: Properties["borderTopWidth"];
|
46
|
+
borderLeftWidth?: Properties["borderLeftWidth"];
|
47
|
+
borderRightWidth?: Properties["borderRightWidth"];
|
48
|
+
borderBottomWidth?: Properties["borderBottomWidth"];
|
49
|
+
borderStyle?: Properties["borderTopStyle"];
|
50
50
|
};
|
51
51
|
export type BorderSingleProps = BorderColorProps & {
|
52
|
-
borderStyle?: Properties["borderTopStyle"]
|
53
|
-
borderWidth?: Properties["borderTopWidth"]
|
52
|
+
borderStyle?: Properties["borderTopStyle"];
|
53
|
+
borderWidth?: Properties["borderTopWidth"];
|
54
54
|
};
|
55
55
|
export type PaddingProps = {
|
56
|
-
paddingTop?: Properties["paddingTop"]
|
57
|
-
paddingLeft?: Properties["paddingLeft"]
|
58
|
-
paddingBottom?: Properties["paddingBottom"]
|
59
|
-
paddingRight?: Properties["paddingRight"]
|
56
|
+
paddingTop?: Properties["paddingTop"];
|
57
|
+
paddingLeft?: Properties["paddingLeft"];
|
58
|
+
paddingBottom?: Properties["paddingBottom"];
|
59
|
+
paddingRight?: Properties["paddingRight"];
|
60
60
|
};
|
61
61
|
export type RadiusProps = {
|
62
|
-
borderTopLeftRadius?: Properties["borderTopLeftRadius"]
|
63
|
-
borderTopRightRadius?: Properties["borderTopRightRadius"]
|
64
|
-
borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
|
65
|
-
borderBottomRightRadius?: Properties["borderBottomRightRadius"]
|
62
|
+
borderTopLeftRadius?: Properties["borderTopLeftRadius"];
|
63
|
+
borderTopRightRadius?: Properties["borderTopRightRadius"];
|
64
|
+
borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
|
65
|
+
borderBottomRightRadius?: Properties["borderBottomRightRadius"];
|
66
66
|
};
|
67
67
|
export type ColorProps = {
|
68
|
-
color?: Properties["color"]
|
69
|
-
colorVariant?: keyof typeof TEXT_THEME
|
68
|
+
color?: Properties["color"];
|
69
|
+
colorVariant?: keyof typeof TEXT_THEME;
|
70
70
|
};
|
71
71
|
export type BackgroundColorProps = {
|
72
|
-
backgroundColor?: Properties["backgroundColor"]
|
73
|
-
backgroundColorVariant?: BackgroundColorVariantCode
|
72
|
+
backgroundColor?: Properties["backgroundColor"];
|
73
|
+
backgroundColorVariant?: BackgroundColorVariantCode;
|
74
74
|
};
|
75
75
|
export type BackgroundImageProps = {
|
76
|
-
backgroundImageUrl?: string
|
77
|
-
backgroundSize?: Properties["backgroundSize"]
|
78
|
-
backgroundPositionX?: Properties["backgroundPositionX"]
|
79
|
-
backgroundPositionY?: Properties["backgroundPositionY"]
|
80
|
-
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
81
|
-
backgroundBlendColor?: Properties["backgroundColor"]
|
76
|
+
backgroundImageUrl?: string;
|
77
|
+
backgroundSize?: Properties["backgroundSize"];
|
78
|
+
backgroundPositionX?: Properties["backgroundPositionX"];
|
79
|
+
backgroundPositionY?: Properties["backgroundPositionY"];
|
80
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"];
|
81
|
+
backgroundBlendColor?: Properties["backgroundColor"];
|
82
82
|
};
|
83
83
|
export type BackgroundProps = BackgroundColorProps & BackgroundImageProps;
|
84
84
|
export type ShadowProps = {
|
85
|
-
shadow?: Properties["boxShadow"]
|
86
|
-
shadowVariant?: ShadowVariantCode
|
85
|
+
shadow?: Properties["boxShadow"];
|
86
|
+
shadowVariant?: ShadowVariantCode;
|
87
87
|
};
|
88
88
|
export type WithIconProps = {
|
89
|
-
isIcon?: boolean
|
90
|
-
iconVariant?: string
|
91
|
-
iconColor?: Properties["color"]
|
92
|
-
iconAngle?: keyof typeof BUTTON_ICON_ANGLE
|
89
|
+
isIcon?: boolean;
|
90
|
+
iconVariant?: string;
|
91
|
+
iconColor?: Properties["color"];
|
92
|
+
iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
|
93
93
|
};
|
94
94
|
export type LinkProps = {
|
95
|
-
isLink?: boolean
|
96
|
-
linkUrl?: string
|
97
|
-
linkTarget?: keyof typeof BUTTON_LINK_TARGET
|
95
|
+
isLink?: boolean;
|
96
|
+
linkUrl?: string;
|
97
|
+
linkTarget?: keyof typeof BUTTON_LINK_TARGET;
|
98
98
|
};
|
99
99
|
export type AspectProps = {
|
100
|
-
aspectVariant?: AspectVariantCode | string
|
101
|
-
aspect?: Properties["aspectRatio"]
|
100
|
+
aspectVariant?: AspectVariantCode | string;
|
101
|
+
aspect?: Properties["aspectRatio"];
|
102
102
|
};
|
103
103
|
export type FontFamilyProps = {
|
104
|
-
fontFamilyVariant?: FontFamilyVariantCode
|
105
|
-
fontFamily?: Properties["fontFamily"]
|
104
|
+
fontFamilyVariant?: FontFamilyVariantCode;
|
105
|
+
fontFamily?: Properties["fontFamily"];
|
106
106
|
};
|
107
107
|
export {};
|
@@ -7,30 +7,30 @@ type FlexComponentSchemaProp<
|
|
7
7
|
Props extends Record<string, any>,
|
8
8
|
Key extends keyof Props
|
9
9
|
> = {
|
10
|
-
key: Key
|
11
|
-
type: FlexComponentSchemaPropType
|
12
|
-
suggestions: Props[Key][]
|
13
|
-
default?: Props[Key]
|
14
|
-
priority?: number
|
10
|
+
key: Key;
|
11
|
+
type: FlexComponentSchemaPropType;
|
12
|
+
suggestions: Props[Key][];
|
13
|
+
default?: Props[Key];
|
14
|
+
priority?: number;
|
15
15
|
};
|
16
16
|
type FlexComponentSchema<Props extends Record<string, any> = object> = {
|
17
|
-
props: FlexComponentSchemaProp<Props, keyof Props>[]
|
17
|
+
props: FlexComponentSchemaProp<Props, keyof Props>[];
|
18
18
|
};
|
19
19
|
export declare const createProp: <
|
20
20
|
Props extends Record<string, any>,
|
21
21
|
K extends keyof Props
|
22
22
|
>(key: K, type: FlexComponentSchemaPropType, suggestions?: Props[K][], priority?: number, defaultValue?: Props[K]) => FlexComponentSchemaProp<Props, K>;
|
23
23
|
export declare const flexComponentSchemes: {
|
24
|
-
readonly FlexAvatar: FlexComponentSchema<AvatarProps
|
25
|
-
readonly FlexButton: FlexComponentSchema<ButtonProps
|
26
|
-
readonly FlexClipCopy: FlexComponentSchema<ClipboardProps
|
27
|
-
readonly FlexCloseButton: FlexComponentSchema<CloseButtonProps
|
28
|
-
readonly FlexCountDown: FlexComponentSchema<CountDownProps
|
29
|
-
readonly FlexIcon: FlexComponentSchema<IconProps
|
30
|
-
readonly FlexImage: FlexComponentSchema<ImageProps
|
31
|
-
readonly FlexLayout: FlexComponentSchema<LayerLayoutProps
|
32
|
-
readonly FlexList: FlexComponentSchema<ListProps
|
33
|
-
readonly FlexListItem: FlexComponentSchema<ListItemProps
|
34
|
-
readonly FlexText: FlexComponentSchema<LayerTextProps
|
24
|
+
readonly FlexAvatar: FlexComponentSchema<AvatarProps>;
|
25
|
+
readonly FlexButton: FlexComponentSchema<ButtonProps>;
|
26
|
+
readonly FlexClipCopy: FlexComponentSchema<ClipboardProps>;
|
27
|
+
readonly FlexCloseButton: FlexComponentSchema<CloseButtonProps>;
|
28
|
+
readonly FlexCountDown: FlexComponentSchema<CountDownProps>;
|
29
|
+
readonly FlexIcon: FlexComponentSchema<IconProps>;
|
30
|
+
readonly FlexImage: FlexComponentSchema<ImageProps>;
|
31
|
+
readonly FlexLayout: FlexComponentSchema<LayerLayoutProps>;
|
32
|
+
readonly FlexList: FlexComponentSchema<ListProps>;
|
33
|
+
readonly FlexListItem: FlexComponentSchema<ListItemProps>;
|
34
|
+
readonly FlexText: FlexComponentSchema<LayerTextProps>;
|
35
35
|
};
|
36
36
|
export {};
|
@@ -4,10 +4,10 @@ export type PropStyles<
|
|
4
4
|
K extends keyof Props
|
5
5
|
> = Record<NonNullable<Props[K]>, Props | Properties>;
|
6
6
|
export declare const ROUND_VARIANT: {
|
7
|
-
readonly extra_small: "XSmall (2px)"
|
8
|
-
readonly small: "Small (4px)"
|
9
|
-
readonly medium: "Medium (8px)"
|
10
|
-
readonly large: "Large (16px)"
|
11
|
-
readonly extra_large: "Large (24px)"
|
12
|
-
readonly fulled: "Full (100%)"
|
7
|
+
readonly extra_small: "XSmall (2px)";
|
8
|
+
readonly small: "Small (4px)";
|
9
|
+
readonly medium: "Medium (8px)";
|
10
|
+
readonly large: "Large (16px)";
|
11
|
+
readonly extra_large: "Large (24px)";
|
12
|
+
readonly fulled: "Full (100%)";
|
13
13
|
};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import type { CommonProps, ClickableProps } from "../props.js";
|
2
2
|
export type SliderProps = CommonProps & {
|
3
|
-
gap: number
|
4
|
-
itemWidthPercentage: number
|
5
|
-
auto?: boolean
|
6
|
-
loop?: boolean
|
7
|
-
hideIndicator?: boolean
|
8
|
-
interval?: number
|
3
|
+
gap: number;
|
4
|
+
itemWidthPercentage: number;
|
5
|
+
auto?: boolean;
|
6
|
+
loop?: boolean;
|
7
|
+
hideIndicator?: boolean;
|
8
|
+
interval?: number;
|
9
9
|
};
|
10
10
|
export type SliderItemProps = CommonProps & ClickableProps;
|
@@ -4,6 +4,6 @@ export declare const getPropStyles: <
|
|
4
4
|
T extends object = object,
|
5
5
|
R = BrandableStyles<T>
|
6
6
|
>(callback: (args: {
|
7
|
-
brandKit: BrandKit
|
7
|
+
brandKit: BrandKit;
|
8
8
|
}) => R) => (customBrandKit?: Partial<BrandKit>) => R;
|
9
9
|
export type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import type { BrandKit } from "../brand-kit.js";
|
2
2
|
import type { BrandableStyles } from "../styles.js";
|
3
3
|
type TextThemeProps = {
|
4
|
-
color: string
|
4
|
+
color: string;
|
5
5
|
};
|
6
6
|
export declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
|
7
7
|
export {};
|
@@ -1,39 +1,42 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
2
|
import type { BackgroundColorProps, BorderProps, ClickableProps, CommonProps, CustomizeCssProps, LinkProps, PaddingProps, RadiusProps, WithIconProps, FontFamilyProps } from "../props.js";
|
3
3
|
export declare const LAYER_TEXT_SIZE: {
|
4
|
-
|
5
|
-
readonly
|
6
|
-
readonly
|
7
|
-
readonly
|
8
|
-
|
9
|
-
|
10
|
-
readonly
|
4
|
+
// extra_small: 'ExtraSmall',
|
5
|
+
readonly small: "本文 / スモール";
|
6
|
+
readonly medium: "本文 / ミディアム";
|
7
|
+
readonly large: "本文 / ラージ";
|
8
|
+
// extra_large: 'ExtraLarge'
|
9
|
+
// MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
|
10
|
+
readonly heading_extra_small: "見出し / スモール";
|
11
|
+
readonly heading_small: "見出し / ミディアム";
|
12
|
+
readonly heading_medium: "見出し / ラージ";
|
13
|
+
readonly heading_large: "見出し / エクストララージ";
|
11
14
|
};
|
12
15
|
export declare const TEXT_THEME: {
|
13
|
-
readonly default: "デフォルト"
|
14
|
-
readonly gray: "グレー"
|
15
|
-
readonly brand: "ブランド"
|
16
|
-
readonly success: "サクセス"
|
17
|
-
readonly warning: "ワーニング"
|
18
|
-
readonly danger: "アラート"
|
19
|
-
readonly info: "インフォ"
|
20
|
-
readonly white: "ホワイト"
|
16
|
+
readonly default: "デフォルト";
|
17
|
+
readonly gray: "グレー";
|
18
|
+
readonly brand: "ブランド";
|
19
|
+
readonly success: "サクセス";
|
20
|
+
readonly warning: "ワーニング";
|
21
|
+
readonly danger: "アラート";
|
22
|
+
readonly info: "インフォ";
|
23
|
+
readonly white: "ホワイト";
|
21
24
|
};
|
22
25
|
export declare const TEXT_STYLE: {
|
23
|
-
readonly normal: "normal"
|
24
|
-
readonly italic: "italic"
|
26
|
+
readonly normal: "normal";
|
27
|
+
readonly italic: "italic";
|
25
28
|
};
|
26
29
|
export type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & FontFamilyProps & PaddingProps & {
|
27
|
-
content: string
|
28
|
-
theme?: keyof typeof TEXT_THEME
|
29
|
-
size?: keyof typeof LAYER_TEXT_SIZE
|
30
|
-
align?: Properties["textAlign"]
|
31
|
-
fontStyle?: Properties["fontStyle"]
|
32
|
-
fontSize?: Properties["fontSize"]
|
33
|
-
fontWeight?: Properties["fontWeight"]
|
34
|
-
letterSpacing?: Properties["letterSpacing"]
|
35
|
-
lineHeight?: number
|
36
|
-
lineClamp?: number
|
37
|
-
color?: Properties["color"]
|
38
|
-
width?: Properties["width"]
|
30
|
+
content: string;
|
31
|
+
theme?: keyof typeof TEXT_THEME;
|
32
|
+
size?: keyof typeof LAYER_TEXT_SIZE;
|
33
|
+
align?: Properties["textAlign"];
|
34
|
+
fontStyle?: Properties["fontStyle"];
|
35
|
+
fontSize?: Properties["fontSize"];
|
36
|
+
fontWeight?: Properties["fontWeight"];
|
37
|
+
letterSpacing?: Properties["letterSpacing"];
|
38
|
+
lineHeight?: number;
|
39
|
+
lineClamp?: number;
|
40
|
+
color?: Properties["color"];
|
41
|
+
width?: Properties["width"];
|
39
42
|
};
|
@@ -1,31 +1,34 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
2
|
import type { ClickableProps, CommonProps, LinkProps, WithIconProps, FontFamilyProps } from "../props.js";
|
3
3
|
export declare const TEXT_LINK_SIZE: {
|
4
|
-
readonly small: "Small"
|
5
|
-
readonly medium: "Medium"
|
6
|
-
readonly large: "Large"
|
4
|
+
readonly small: "Small";
|
5
|
+
readonly medium: "Medium";
|
6
|
+
readonly large: "Large";
|
7
7
|
};
|
8
8
|
export declare const TEXT_LINK_THEME: {
|
9
|
-
readonly default: "デフォルト"
|
10
|
-
readonly link: "Link"
|
11
|
-
readonly brand: "Brand"
|
12
|
-
readonly alert: "Danger"
|
13
|
-
readonly gray: "Gray"
|
14
|
-
readonly white: "White"
|
9
|
+
readonly default: "デフォルト";
|
10
|
+
readonly link: "Link";
|
11
|
+
readonly brand: "Brand";
|
12
|
+
readonly alert: "Danger";
|
13
|
+
readonly gray: "Gray";
|
14
|
+
readonly white: "White";
|
15
15
|
};
|
16
16
|
export declare const TEXT_LINK_UNDERLINE: {
|
17
|
-
readonly hover_on: "ホバーで表示"
|
18
|
-
readonly hover_off: "ホバーで非表示"
|
19
|
-
readonly on: "常に表示"
|
20
|
-
readonly off: "常に非表示"
|
17
|
+
readonly hover_on: "ホバーで表示";
|
18
|
+
readonly hover_off: "ホバーで非表示";
|
19
|
+
readonly on: "常に表示";
|
20
|
+
readonly off: "常に非表示";
|
21
21
|
};
|
22
22
|
export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
|
23
|
-
label: string
|
24
|
-
size
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
23
|
+
label: string;
|
24
|
+
// size
|
25
|
+
size?: keyof typeof TEXT_LINK_SIZE;
|
26
|
+
lineHeight?: number;
|
27
|
+
fontSize?: Properties["fontSize"];
|
28
|
+
// theme
|
29
|
+
theme?: keyof typeof TEXT_LINK_THEME;
|
30
|
+
color?: Properties["color"];
|
31
|
+
// others
|
32
|
+
underline?: keyof typeof TEXT_LINK_UNDERLINE;
|
33
|
+
fontWeight?: Properties["fontWeight"];
|
31
34
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
export declare function hexToRgb(hex: string): {
|
2
|
-
r: number
|
3
|
-
g: number
|
4
|
-
b: number
|
2
|
+
r: number;
|
3
|
+
g: number;
|
4
|
+
b: number;
|
5
5
|
};
|
6
6
|
export declare function rgbToHex(r: number, g: number, b: number): string;
|
7
7
|
export declare function darkenColor(color: string, percent: number): string;
|