@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.
Files changed (22) hide show
  1. package/dist/components-flex/layout/types.d.ts +2 -2
  2. package/dist/components-flex/modal/types.d.ts +2 -2
  3. package/dist/components-flex/props.d.ts +12 -0
  4. package/dist/components-flex/utils/prop-to-style.d.ts +2 -3
  5. package/dist/hydrate/components-flex/layout/types.d.ts +2 -2
  6. package/dist/hydrate/components-flex/modal/types.d.ts +2 -2
  7. package/dist/hydrate/components-flex/props.d.ts +12 -0
  8. package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +2 -3
  9. package/dist/hydrate/index.es.js +10 -11
  10. package/dist/index.es.js +10 -11
  11. package/dist/svelte5/components-flex/layout/types.d.ts +2 -2
  12. package/dist/svelte5/components-flex/modal/types.d.ts +2 -2
  13. package/dist/svelte5/components-flex/props.d.ts +12 -0
  14. package/dist/svelte5/components-flex/utils/prop-to-style.d.ts +2 -3
  15. package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +2 -2
  16. package/dist/svelte5/hydrate/components-flex/modal/types.d.ts +2 -2
  17. package/dist/svelte5/hydrate/components-flex/props.d.ts +12 -0
  18. package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +2 -3
  19. package/dist/svelte5/hydrate/index.es.js +10 -11
  20. package/dist/svelte5/index.es.js +10 -11
  21. package/dist/svelte5/index.front2.es.js +10 -11
  22. package/package.json +1 -1
package/dist/components-flex/layout/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps } from "../props.js";
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 & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
11
+ export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
12
12
  display?: LayoutDisplayType
13
13
  direction?: LayoutFlexDirection
14
14
  align?: LayoutFlexAlign
package/dist/components-flex/modal/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundColorProps, BackgroundImageProps } from "../props.js";
3
- export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & {
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
  };
package/dist/components-flex/props.d.ts CHANGED
@@ -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"]
package/dist/components-flex/utils/prop-to-style.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps } from "../props.js";
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 toCssBackgroundImage: (p?: BackgroundImageProps) => Properties;
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/components-flex/layout/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps } from "../props.js";
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 & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
11
+ export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
12
12
  display?: LayoutDisplayType
13
13
  direction?: LayoutFlexDirection
14
14
  align?: LayoutFlexAlign
package/dist/hydrate/components-flex/modal/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundColorProps, BackgroundImageProps } from "../props.js";
3
- export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & {
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
  };
package/dist/hydrate/components-flex/props.d.ts CHANGED
@@ -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"]
package/dist/hydrate/components-flex/utils/prop-to-style.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps } from "../props.js";
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 toCssBackgroundImage: (p?: BackgroundImageProps) => Properties;
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 toCssBackgroundImage = (p) => {
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
- backgroundPosition: "center"
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
- ...toCssBackgroundImage(props),
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
- ...toCssBackgroundColor(props),
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
- ...toCssBackgroundImage(props),
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
- ...toCssBackgroundColor(props),
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 toCssBackgroundImage = (p) => {
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
- backgroundPosition: "center"
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
- ...toCssBackgroundImage(props),
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
- ...toCssBackgroundColor(props),
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
- ...toCssBackgroundImage(props),
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
- ...toCssBackgroundColor(props),
19075
+ ...toCssBackground(props),
19077
19076
  ...toCssCommon(props),
19078
19077
  ...toCssPosition(props),
19079
19078
  ...toCssPadding(props),
package/dist/svelte5/components-flex/layout/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps } from "../props.js";
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 & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
11
+ export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
12
12
  display?: LayoutDisplayType
13
13
  direction?: LayoutFlexDirection
14
14
  align?: LayoutFlexAlign
package/dist/svelte5/components-flex/modal/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundColorProps, BackgroundImageProps } from "../props.js";
3
- export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & {
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
  };
package/dist/svelte5/components-flex/props.d.ts CHANGED
@@ -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"]
package/dist/svelte5/components-flex/utils/prop-to-style.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps } from "../props.js";
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 toCssBackgroundImage: (p?: BackgroundImageProps) => Properties;
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/svelte5/hydrate/components-flex/layout/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps } from "../props.js";
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 & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
11
+ export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
12
12
  display?: LayoutDisplayType
13
13
  direction?: LayoutFlexDirection
14
14
  align?: LayoutFlexAlign
package/dist/svelte5/hydrate/components-flex/modal/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
- import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundColorProps, BackgroundImageProps } from "../props.js";
3
- export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & {
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
  };
package/dist/svelte5/hydrate/components-flex/props.d.ts CHANGED
@@ -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"]
package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import type { Properties } from "csstype";
2
- import type { BackgroundColorProps, BackgroundImageProps, BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps } from "../props.js";
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 toCssBackgroundImage: (p?: BackgroundImageProps) => Properties;
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/svelte5/hydrate/index.es.js CHANGED
@@ -3230,17 +3230,18 @@ const toCssPadding = (p) => {
3230
3230
  paddingBottom: p?.paddingBottom
3231
3231
  };
3232
3232
  };
3233
- const toCssBackgroundImage = (p) => {
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
- backgroundPosition: "center"
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
- ...toCssBackgroundImage(props()),
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
- ...toCssBackgroundColor(props()),
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
- ...toCssBackgroundImage(props()),
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
- ...toCssBackgroundColor(props),
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 toCssBackgroundImage = (p) => {
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
- backgroundPosition: "center"
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
- ...toCssBackgroundImage(props()),
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
- ...toCssBackgroundColor(props()),
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
- ...toCssBackgroundImage(props()),
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
- ...toCssBackgroundColor(props),
6533
+ ...toCssBackground(props),
6535
6534
  ...toCssCommon(props),
6536
6535
  ...toCssPosition(props),
6537
6536
  ...toCssPadding(props),
package/dist/svelte5/index.front2.es.js CHANGED
@@ -3200,17 +3200,18 @@ const toCssPadding = (p) => {
3200
3200
  paddingBottom: p?.paddingBottom
3201
3201
  };
3202
3202
  };
3203
- const toCssBackgroundImage = (p) => {
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
- backgroundPosition: "center"
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
- ...toCssBackgroundImage(props()),
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
- ...toCssBackgroundColor(props()),
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
- ...toCssBackgroundImage(props()),
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
- ...toCssBackgroundColor(props),
6534
+ ...toCssBackground(props),
6536
6535
  ...toCssCommon(props),
6537
6536
  ...toCssPosition(props),
6538
6537
  ...toCssPadding(props),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.268-29127137.d0ff6db4",
3
+ "version": "1.1.268-29127795.266c63a4",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",