@plaidev/karte-action-sdk 1.1.268-29127137.d0ff6db4 → 1.1.268-29127795.266c63a4
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/components-flex/layout/types.d.ts +2 -2
- package/dist/components-flex/modal/types.d.ts +2 -2
- package/dist/components-flex/props.d.ts +12 -0
- package/dist/components-flex/utils/prop-to-style.d.ts +2 -3
- package/dist/hydrate/components-flex/layout/types.d.ts +2 -2
- package/dist/hydrate/components-flex/modal/types.d.ts +2 -2
- package/dist/hydrate/components-flex/props.d.ts +12 -0
- package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +2 -3
- package/dist/hydrate/index.es.js +10 -11
- package/dist/index.es.js +10 -11
- package/dist/svelte5/components-flex/layout/types.d.ts +2 -2
- package/dist/svelte5/components-flex/modal/types.d.ts +2 -2
- package/dist/svelte5/components-flex/props.d.ts +12 -0
- package/dist/svelte5/components-flex/utils/prop-to-style.d.ts +2 -3
- package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +2 -2
- package/dist/svelte5/hydrate/components-flex/modal/types.d.ts +2 -2
- package/dist/svelte5/hydrate/components-flex/props.d.ts +12 -0
- package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +2 -3
- package/dist/svelte5/hydrate/index.es.js +10 -11
- package/dist/svelte5/index.es.js +10 -11
- package/dist/svelte5/index.front2.es.js +10 -11
- package/package.json +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
|
4
4
|
export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
|
5
5
|
export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
|
@@ -8,7 +8,7 @@ export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end",
|
|
8
8
|
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
|
-
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
11
|
+
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
|
12
12
|
display?: LayoutDisplayType
|
13
13
|
direction?: LayoutFlexDirection
|
14
14
|
align?: LayoutFlexAlign
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps,
|
3
|
-
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
2
|
+
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
|
+
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
|
4
4
|
width?: Properties["width"]
|
5
5
|
};
|
@@ -60,6 +60,18 @@ export type BackgroundColorProps = {
|
|
60
60
|
};
|
61
61
|
export type BackgroundImageProps = {
|
62
62
|
backgroundImageUrl?: string
|
63
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
64
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
65
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
66
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
67
|
+
};
|
68
|
+
export type BackgroundProps = {
|
69
|
+
backgroundColor?: Properties["backgroundColor"]
|
70
|
+
backgroundImageUrl?: string
|
71
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
72
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
73
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
74
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
63
75
|
};
|
64
76
|
export type ShadowProps = {
|
65
77
|
shadow?: Properties["boxShadow"]
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const toCssPosition: (p?: PositionProps) => Properties;
|
4
4
|
export declare const toCssCommon: (p?: CommonProps) => Properties;
|
5
5
|
export declare const toCssBorder: (p?: BorderProps) => Properties;
|
6
6
|
export declare const toCssPadding: (p?: PaddingProps) => Properties;
|
7
|
-
export declare const
|
8
|
-
export declare const toCssBackgroundColor: (p?: BackgroundColorProps) => Properties;
|
7
|
+
export declare const toCssBackground: (p?: BackgroundProps) => Properties;
|
9
8
|
export declare const toCssRadius: (p?: RadiusProps) => Properties;
|
10
9
|
export declare const toCssShadow: (p?: ShadowProps) => Properties;
|
11
10
|
export declare const toCssOverflow: (p?: OverflowProps) => Properties;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
|
4
4
|
export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
|
5
5
|
export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
|
@@ -8,7 +8,7 @@ export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end",
|
|
8
8
|
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
|
-
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
11
|
+
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
|
12
12
|
display?: LayoutDisplayType
|
13
13
|
direction?: LayoutFlexDirection
|
14
14
|
align?: LayoutFlexAlign
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps,
|
3
|
-
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
2
|
+
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
|
+
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
|
4
4
|
width?: Properties["width"]
|
5
5
|
};
|
@@ -60,6 +60,18 @@ export type BackgroundColorProps = {
|
|
60
60
|
};
|
61
61
|
export type BackgroundImageProps = {
|
62
62
|
backgroundImageUrl?: string
|
63
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
64
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
65
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
66
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
67
|
+
};
|
68
|
+
export type BackgroundProps = {
|
69
|
+
backgroundColor?: Properties["backgroundColor"]
|
70
|
+
backgroundImageUrl?: string
|
71
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
72
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
73
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
74
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
63
75
|
};
|
64
76
|
export type ShadowProps = {
|
65
77
|
shadow?: Properties["boxShadow"]
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const toCssPosition: (p?: PositionProps) => Properties;
|
4
4
|
export declare const toCssCommon: (p?: CommonProps) => Properties;
|
5
5
|
export declare const toCssBorder: (p?: BorderProps) => Properties;
|
6
6
|
export declare const toCssPadding: (p?: PaddingProps) => Properties;
|
7
|
-
export declare const
|
8
|
-
export declare const toCssBackgroundColor: (p?: BackgroundColorProps) => Properties;
|
7
|
+
export declare const toCssBackground: (p?: BackgroundProps) => Properties;
|
9
8
|
export declare const toCssRadius: (p?: RadiusProps) => Properties;
|
10
9
|
export declare const toCssShadow: (p?: ShadowProps) => Properties;
|
11
10
|
export declare const toCssOverflow: (p?: OverflowProps) => Properties;
|
package/dist/hydrate/index.es.js
CHANGED
@@ -12905,17 +12905,18 @@ const toCssPadding = (p) => {
|
|
12905
12905
|
paddingBottom: p?.paddingBottom
|
12906
12906
|
};
|
12907
12907
|
};
|
12908
|
-
const
|
12908
|
+
const toCssBackground = (p) => {
|
12909
12909
|
const url = p?.backgroundImageUrl;
|
12910
12910
|
return {
|
12911
12911
|
backgroundImage: url ? `url(${url})` : void 0,
|
12912
12912
|
backgroundSize: url ? "cover" : void 0,
|
12913
|
-
|
12913
|
+
backgroundPositionX: p?.backgroundPositionX ?? "center",
|
12914
|
+
backgroundPositionY: p?.backgroundPositionY ?? "center",
|
12915
|
+
backgroundBlendMode: p?.backgroundBlendMode,
|
12916
|
+
backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
|
12917
|
+
backgroundRepeat: "no-repeat"
|
12914
12918
|
};
|
12915
12919
|
};
|
12916
|
-
const toCssBackgroundColor = (p) => {
|
12917
|
-
return { backgroundColor: p?.backgroundColor };
|
12918
|
-
};
|
12919
12920
|
const toCssRadius = (p) => {
|
12920
12921
|
return {
|
12921
12922
|
borderTopLeftRadius: p?.borderTopLeftRadius,
|
@@ -17859,8 +17860,7 @@ function instance$20($$self, $$props, $$invalidate) {
|
|
17859
17860
|
...toCssOverflow(props),
|
17860
17861
|
...toCssShadow(props),
|
17861
17862
|
...toCssRadius(props),
|
17862
|
-
...
|
17863
|
-
...toCssBackgroundColor(props),
|
17863
|
+
...toCssBackground(props),
|
17864
17864
|
...toCssCommon(props),
|
17865
17865
|
...toCssPadding(props),
|
17866
17866
|
...toCssBorder(props)
|
@@ -18748,7 +18748,7 @@ function instance$17($$self, $$props, $$invalidate) {
|
|
18748
18748
|
color: getColor(),
|
18749
18749
|
...getCssSize(),
|
18750
18750
|
...toCssRadius(props),
|
18751
|
-
...
|
18751
|
+
...toCssBackground(props),
|
18752
18752
|
...toCssCommon(props),
|
18753
18753
|
...toCssPosition(props),
|
18754
18754
|
...toCssPadding(props),
|
@@ -19865,8 +19865,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
19865
19865
|
...toCssOverflow(props),
|
19866
19866
|
...toCssShadow(props),
|
19867
19867
|
...toCssRadius(props),
|
19868
|
-
...
|
19869
|
-
...toCssBackgroundColor(props),
|
19868
|
+
...toCssBackground(props),
|
19870
19869
|
...toCssBorder(props)
|
19871
19870
|
});
|
19872
19871
|
modalStyles.add(propsStyle);
|
@@ -21284,7 +21283,7 @@ const useText = (props) => {
|
|
21284
21283
|
color: getColor(),
|
21285
21284
|
...getCssSize(),
|
21286
21285
|
...toCssRadius(props),
|
21287
|
-
...
|
21286
|
+
...toCssBackground(props),
|
21288
21287
|
...toCssCommon(props),
|
21289
21288
|
...toCssPosition(props),
|
21290
21289
|
...toCssPadding(props),
|
package/dist/index.es.js
CHANGED
@@ -11761,17 +11761,18 @@ const toCssPadding = (p) => {
|
|
11761
11761
|
paddingBottom: p?.paddingBottom
|
11762
11762
|
};
|
11763
11763
|
};
|
11764
|
-
const
|
11764
|
+
const toCssBackground = (p) => {
|
11765
11765
|
const url = p?.backgroundImageUrl;
|
11766
11766
|
return {
|
11767
11767
|
backgroundImage: url ? `url(${url})` : void 0,
|
11768
11768
|
backgroundSize: url ? "cover" : void 0,
|
11769
|
-
|
11769
|
+
backgroundPositionX: p?.backgroundPositionX ?? "center",
|
11770
|
+
backgroundPositionY: p?.backgroundPositionY ?? "center",
|
11771
|
+
backgroundBlendMode: p?.backgroundBlendMode,
|
11772
|
+
backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
|
11773
|
+
backgroundRepeat: "no-repeat"
|
11770
11774
|
};
|
11771
11775
|
};
|
11772
|
-
const toCssBackgroundColor = (p) => {
|
11773
|
-
return { backgroundColor: p?.backgroundColor };
|
11774
|
-
};
|
11775
11776
|
const toCssRadius = (p) => {
|
11776
11777
|
return {
|
11777
11778
|
borderTopLeftRadius: p?.borderTopLeftRadius,
|
@@ -15923,8 +15924,7 @@ function instance$20($$self, $$props, $$invalidate) {
|
|
15923
15924
|
...toCssOverflow(props),
|
15924
15925
|
...toCssShadow(props),
|
15925
15926
|
...toCssRadius(props),
|
15926
|
-
...
|
15927
|
-
...toCssBackgroundColor(props),
|
15927
|
+
...toCssBackground(props),
|
15928
15928
|
...toCssCommon(props),
|
15929
15929
|
...toCssPadding(props),
|
15930
15930
|
...toCssBorder(props)
|
@@ -16737,7 +16737,7 @@ function instance$17($$self, $$props, $$invalidate) {
|
|
16737
16737
|
color: getColor(),
|
16738
16738
|
...getCssSize(),
|
16739
16739
|
...toCssRadius(props),
|
16740
|
-
...
|
16740
|
+
...toCssBackground(props),
|
16741
16741
|
...toCssCommon(props),
|
16742
16742
|
...toCssPosition(props),
|
16743
16743
|
...toCssPadding(props),
|
@@ -17773,8 +17773,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
17773
17773
|
...toCssOverflow(props),
|
17774
17774
|
...toCssShadow(props),
|
17775
17775
|
...toCssRadius(props),
|
17776
|
-
...
|
17777
|
-
...toCssBackgroundColor(props),
|
17776
|
+
...toCssBackground(props),
|
17778
17777
|
...toCssBorder(props)
|
17779
17778
|
});
|
17780
17779
|
modalStyles.add(propsStyle);
|
@@ -19073,7 +19072,7 @@ const useText = (props) => {
|
|
19073
19072
|
color: getColor(),
|
19074
19073
|
...getCssSize(),
|
19075
19074
|
...toCssRadius(props),
|
19076
|
-
...
|
19075
|
+
...toCssBackground(props),
|
19077
19076
|
...toCssCommon(props),
|
19078
19077
|
...toCssPosition(props),
|
19079
19078
|
...toCssPadding(props),
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
|
4
4
|
export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
|
5
5
|
export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
|
@@ -8,7 +8,7 @@ export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end",
|
|
8
8
|
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
|
-
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
11
|
+
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
|
12
12
|
display?: LayoutDisplayType
|
13
13
|
direction?: LayoutFlexDirection
|
14
14
|
align?: LayoutFlexAlign
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps,
|
3
|
-
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
2
|
+
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
|
+
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
|
4
4
|
width?: Properties["width"]
|
5
5
|
};
|
@@ -60,6 +60,18 @@ export type BackgroundColorProps = {
|
|
60
60
|
};
|
61
61
|
export type BackgroundImageProps = {
|
62
62
|
backgroundImageUrl?: string
|
63
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
64
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
65
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
66
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
67
|
+
};
|
68
|
+
export type BackgroundProps = {
|
69
|
+
backgroundColor?: Properties["backgroundColor"]
|
70
|
+
backgroundImageUrl?: string
|
71
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
72
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
73
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
74
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
63
75
|
};
|
64
76
|
export type ShadowProps = {
|
65
77
|
shadow?: Properties["boxShadow"]
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const toCssPosition: (p?: PositionProps) => Properties;
|
4
4
|
export declare const toCssCommon: (p?: CommonProps) => Properties;
|
5
5
|
export declare const toCssBorder: (p?: BorderProps) => Properties;
|
6
6
|
export declare const toCssPadding: (p?: PaddingProps) => Properties;
|
7
|
-
export declare const
|
8
|
-
export declare const toCssBackgroundColor: (p?: BackgroundColorProps) => Properties;
|
7
|
+
export declare const toCssBackground: (p?: BackgroundProps) => Properties;
|
9
8
|
export declare const toCssRadius: (p?: RadiusProps) => Properties;
|
10
9
|
export declare const toCssShadow: (p?: ShadowProps) => Properties;
|
11
10
|
export declare const toCssOverflow: (p?: OverflowProps) => Properties;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
|
4
4
|
export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
|
5
5
|
export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
|
@@ -8,7 +8,7 @@ export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end",
|
|
8
8
|
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
|
-
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
11
|
+
export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
|
12
12
|
display?: LayoutDisplayType
|
13
13
|
direction?: LayoutFlexDirection
|
14
14
|
align?: LayoutFlexAlign
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps,
|
3
|
-
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps &
|
2
|
+
import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
|
+
export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
|
4
4
|
width?: Properties["width"]
|
5
5
|
};
|
@@ -60,6 +60,18 @@ export type BackgroundColorProps = {
|
|
60
60
|
};
|
61
61
|
export type BackgroundImageProps = {
|
62
62
|
backgroundImageUrl?: string
|
63
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
64
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
65
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
66
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
67
|
+
};
|
68
|
+
export type BackgroundProps = {
|
69
|
+
backgroundColor?: Properties["backgroundColor"]
|
70
|
+
backgroundImageUrl?: string
|
71
|
+
backgroundPositionX?: Properties["backgroundPositionX"]
|
72
|
+
backgroundPositionY?: Properties["backgroundPositionY"]
|
73
|
+
backgroundBlendMode?: Properties["backgroundBlendMode"]
|
74
|
+
backgroundBlendColor?: Properties["backgroundColor"]
|
63
75
|
};
|
64
76
|
export type ShadowProps = {
|
65
77
|
shadow?: Properties["boxShadow"]
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import type { Properties } from "csstype";
|
2
|
-
import type {
|
2
|
+
import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
|
3
3
|
export declare const toCssPosition: (p?: PositionProps) => Properties;
|
4
4
|
export declare const toCssCommon: (p?: CommonProps) => Properties;
|
5
5
|
export declare const toCssBorder: (p?: BorderProps) => Properties;
|
6
6
|
export declare const toCssPadding: (p?: PaddingProps) => Properties;
|
7
|
-
export declare const
|
8
|
-
export declare const toCssBackgroundColor: (p?: BackgroundColorProps) => Properties;
|
7
|
+
export declare const toCssBackground: (p?: BackgroundProps) => Properties;
|
9
8
|
export declare const toCssRadius: (p?: RadiusProps) => Properties;
|
10
9
|
export declare const toCssShadow: (p?: ShadowProps) => Properties;
|
11
10
|
export declare const toCssOverflow: (p?: OverflowProps) => Properties;
|
@@ -3230,17 +3230,18 @@ const toCssPadding = (p) => {
|
|
3230
3230
|
paddingBottom: p?.paddingBottom
|
3231
3231
|
};
|
3232
3232
|
};
|
3233
|
-
const
|
3233
|
+
const toCssBackground = (p) => {
|
3234
3234
|
const url = p?.backgroundImageUrl;
|
3235
3235
|
return {
|
3236
3236
|
backgroundImage: url ? `url(${url})` : void 0,
|
3237
3237
|
backgroundSize: url ? "cover" : void 0,
|
3238
|
-
|
3238
|
+
backgroundPositionX: p?.backgroundPositionX ?? "center",
|
3239
|
+
backgroundPositionY: p?.backgroundPositionY ?? "center",
|
3240
|
+
backgroundBlendMode: p?.backgroundBlendMode,
|
3241
|
+
backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
|
3242
|
+
backgroundRepeat: "no-repeat"
|
3239
3243
|
};
|
3240
3244
|
};
|
3241
|
-
const toCssBackgroundColor = (p) => {
|
3242
|
-
return { backgroundColor: p?.backgroundColor };
|
3243
|
-
};
|
3244
3245
|
const toCssRadius = (p) => {
|
3245
3246
|
return {
|
3246
3247
|
borderTopLeftRadius: p?.borderTopLeftRadius,
|
@@ -5051,8 +5052,7 @@ function Layout($$anchor, $$props) {
|
|
5051
5052
|
...toCssOverflow(props()),
|
5052
5053
|
...toCssShadow(props()),
|
5053
5054
|
...toCssRadius(props()),
|
5054
|
-
...
|
5055
|
-
...toCssBackgroundColor(props()),
|
5055
|
+
...toCssBackground(props()),
|
5056
5056
|
...toCssCommon(props()),
|
5057
5057
|
...toCssPadding(props()),
|
5058
5058
|
...toCssBorder(props())
|
@@ -5468,7 +5468,7 @@ function Text($$anchor, $$props) {
|
|
5468
5468
|
color: getColor(),
|
5469
5469
|
...getCssSize(),
|
5470
5470
|
...toCssRadius(props()),
|
5471
|
-
...
|
5471
|
+
...toCssBackground(props()),
|
5472
5472
|
...toCssCommon(props()),
|
5473
5473
|
...toCssPosition(props()),
|
5474
5474
|
...toCssPadding(props()),
|
@@ -5910,8 +5910,7 @@ function Modal($$anchor, $$props) {
|
|
5910
5910
|
...toCssOverflow(props()),
|
5911
5911
|
...toCssShadow(props()),
|
5912
5912
|
...toCssRadius(props()),
|
5913
|
-
...
|
5914
|
-
...toCssBackgroundColor(props()),
|
5913
|
+
...toCssBackground(props()),
|
5915
5914
|
...toCssBorder(props())
|
5916
5915
|
});
|
5917
5916
|
modalStyles.add(propsStyle);
|
@@ -6562,7 +6561,7 @@ const useText = (props) => {
|
|
6562
6561
|
color: getColor(),
|
6563
6562
|
...getCssSize(),
|
6564
6563
|
...toCssRadius(props),
|
6565
|
-
...
|
6564
|
+
...toCssBackground(props),
|
6566
6565
|
...toCssCommon(props),
|
6567
6566
|
...toCssPosition(props),
|
6568
6567
|
...toCssPadding(props),
|
package/dist/svelte5/index.es.js
CHANGED
@@ -3199,17 +3199,18 @@ const toCssPadding = (p) => {
|
|
3199
3199
|
paddingBottom: p?.paddingBottom
|
3200
3200
|
};
|
3201
3201
|
};
|
3202
|
-
const
|
3202
|
+
const toCssBackground = (p) => {
|
3203
3203
|
const url = p?.backgroundImageUrl;
|
3204
3204
|
return {
|
3205
3205
|
backgroundImage: url ? `url(${url})` : void 0,
|
3206
3206
|
backgroundSize: url ? "cover" : void 0,
|
3207
|
-
|
3207
|
+
backgroundPositionX: p?.backgroundPositionX ?? "center",
|
3208
|
+
backgroundPositionY: p?.backgroundPositionY ?? "center",
|
3209
|
+
backgroundBlendMode: p?.backgroundBlendMode,
|
3210
|
+
backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
|
3211
|
+
backgroundRepeat: "no-repeat"
|
3208
3212
|
};
|
3209
3213
|
};
|
3210
|
-
const toCssBackgroundColor = (p) => {
|
3211
|
-
return { backgroundColor: p?.backgroundColor };
|
3212
|
-
};
|
3213
3214
|
const toCssRadius = (p) => {
|
3214
3215
|
return {
|
3215
3216
|
borderTopLeftRadius: p?.borderTopLeftRadius,
|
@@ -5020,8 +5021,7 @@ function Layout($$anchor, $$props) {
|
|
5020
5021
|
...toCssOverflow(props()),
|
5021
5022
|
...toCssShadow(props()),
|
5022
5023
|
...toCssRadius(props()),
|
5023
|
-
...
|
5024
|
-
...toCssBackgroundColor(props()),
|
5024
|
+
...toCssBackground(props()),
|
5025
5025
|
...toCssCommon(props()),
|
5026
5026
|
...toCssPadding(props()),
|
5027
5027
|
...toCssBorder(props())
|
@@ -5437,7 +5437,7 @@ function Text($$anchor, $$props) {
|
|
5437
5437
|
color: getColor(),
|
5438
5438
|
...getCssSize(),
|
5439
5439
|
...toCssRadius(props()),
|
5440
|
-
...
|
5440
|
+
...toCssBackground(props()),
|
5441
5441
|
...toCssCommon(props()),
|
5442
5442
|
...toCssPosition(props()),
|
5443
5443
|
...toCssPadding(props()),
|
@@ -5879,8 +5879,7 @@ function Modal($$anchor, $$props) {
|
|
5879
5879
|
...toCssOverflow(props()),
|
5880
5880
|
...toCssShadow(props()),
|
5881
5881
|
...toCssRadius(props()),
|
5882
|
-
...
|
5883
|
-
...toCssBackgroundColor(props()),
|
5882
|
+
...toCssBackground(props()),
|
5884
5883
|
...toCssBorder(props())
|
5885
5884
|
});
|
5886
5885
|
modalStyles.add(propsStyle);
|
@@ -6531,7 +6530,7 @@ const useText = (props) => {
|
|
6531
6530
|
color: getColor(),
|
6532
6531
|
...getCssSize(),
|
6533
6532
|
...toCssRadius(props),
|
6534
|
-
...
|
6533
|
+
...toCssBackground(props),
|
6535
6534
|
...toCssCommon(props),
|
6536
6535
|
...toCssPosition(props),
|
6537
6536
|
...toCssPadding(props),
|
@@ -3200,17 +3200,18 @@ const toCssPadding = (p) => {
|
|
3200
3200
|
paddingBottom: p?.paddingBottom
|
3201
3201
|
};
|
3202
3202
|
};
|
3203
|
-
const
|
3203
|
+
const toCssBackground = (p) => {
|
3204
3204
|
const url = p?.backgroundImageUrl;
|
3205
3205
|
return {
|
3206
3206
|
backgroundImage: url ? `url(${url})` : void 0,
|
3207
3207
|
backgroundSize: url ? "cover" : void 0,
|
3208
|
-
|
3208
|
+
backgroundPositionX: p?.backgroundPositionX ?? "center",
|
3209
|
+
backgroundPositionY: p?.backgroundPositionY ?? "center",
|
3210
|
+
backgroundBlendMode: p?.backgroundBlendMode,
|
3211
|
+
backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
|
3212
|
+
backgroundRepeat: "no-repeat"
|
3209
3213
|
};
|
3210
3214
|
};
|
3211
|
-
const toCssBackgroundColor = (p) => {
|
3212
|
-
return { backgroundColor: p?.backgroundColor };
|
3213
|
-
};
|
3214
3215
|
const toCssRadius = (p) => {
|
3215
3216
|
return {
|
3216
3217
|
borderTopLeftRadius: p?.borderTopLeftRadius,
|
@@ -5021,8 +5022,7 @@ function Layout($$anchor, $$props) {
|
|
5021
5022
|
...toCssOverflow(props()),
|
5022
5023
|
...toCssShadow(props()),
|
5023
5024
|
...toCssRadius(props()),
|
5024
|
-
...
|
5025
|
-
...toCssBackgroundColor(props()),
|
5025
|
+
...toCssBackground(props()),
|
5026
5026
|
...toCssCommon(props()),
|
5027
5027
|
...toCssPadding(props()),
|
5028
5028
|
...toCssBorder(props())
|
@@ -5438,7 +5438,7 @@ function Text($$anchor, $$props) {
|
|
5438
5438
|
color: getColor(),
|
5439
5439
|
...getCssSize(),
|
5440
5440
|
...toCssRadius(props()),
|
5441
|
-
...
|
5441
|
+
...toCssBackground(props()),
|
5442
5442
|
...toCssCommon(props()),
|
5443
5443
|
...toCssPosition(props()),
|
5444
5444
|
...toCssPadding(props()),
|
@@ -5880,8 +5880,7 @@ function Modal($$anchor, $$props) {
|
|
5880
5880
|
...toCssOverflow(props()),
|
5881
5881
|
...toCssShadow(props()),
|
5882
5882
|
...toCssRadius(props()),
|
5883
|
-
...
|
5884
|
-
...toCssBackgroundColor(props()),
|
5883
|
+
...toCssBackground(props()),
|
5885
5884
|
...toCssBorder(props())
|
5886
5885
|
});
|
5887
5886
|
modalStyles.add(propsStyle);
|
@@ -6532,7 +6531,7 @@ const useText = (props) => {
|
|
6532
6531
|
color: getColor(),
|
6533
6532
|
...getCssSize(),
|
6534
6533
|
...toCssRadius(props),
|
6535
|
-
...
|
6534
|
+
...toCssBackground(props),
|
6536
6535
|
...toCssCommon(props),
|
6537
6536
|
...toCssPosition(props),
|
6538
6537
|
...toCssPadding(props),
|