@plaidev/karte-action-sdk 1.1.268-29127338.e0debfc5 → 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 +8 -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 +8 -0
  8. package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +2 -3
  9. package/dist/hydrate/index.es.js +7 -11
  10. package/dist/index.es.js +7 -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 +8 -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 +8 -0
  18. package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +2 -3
  19. package/dist/svelte5/hydrate/index.es.js +7 -11
  20. package/dist/svelte5/index.es.js +7 -11
  21. package/dist/svelte5/index.front2.es.js +7 -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
@@ -65,6 +65,14 @@ export type BackgroundImageProps = {
65
65
  backgroundBlendMode?: Properties["backgroundBlendMode"]
66
66
  backgroundBlendColor?: Properties["backgroundColor"]
67
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"]
75
+ };
68
76
  export type ShadowProps = {
69
77
  shadow?: Properties["boxShadow"]
70
78
  shadowVariant?: ShadowVariantCode
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
@@ -65,6 +65,14 @@ export type BackgroundImageProps = {
65
65
  backgroundBlendMode?: Properties["backgroundBlendMode"]
66
66
  backgroundBlendColor?: Properties["backgroundColor"]
67
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"]
75
+ };
68
76
  export type ShadowProps = {
69
77
  shadow?: Properties["boxShadow"]
70
78
  shadowVariant?: ShadowVariantCode
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,7 +12905,7 @@ 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,
@@ -12913,12 +12913,10 @@ const toCssBackgroundImage = (p) => {
12913
12913
  backgroundPositionX: p?.backgroundPositionX ?? "center",
12914
12914
  backgroundPositionY: p?.backgroundPositionY ?? "center",
12915
12915
  backgroundBlendMode: p?.backgroundBlendMode,
12916
- backgroundColor: p?.backgroundBlendColor
12916
+ backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
12917
+ backgroundRepeat: "no-repeat"
12917
12918
  };
12918
12919
  };
12919
- const toCssBackgroundColor = (p) => {
12920
- return { backgroundColor: p?.backgroundColor };
12921
- };
12922
12920
  const toCssRadius = (p) => {
12923
12921
  return {
12924
12922
  borderTopLeftRadius: p?.borderTopLeftRadius,
@@ -17862,8 +17860,7 @@ function instance$20($$self, $$props, $$invalidate) {
17862
17860
  ...toCssOverflow(props),
17863
17861
  ...toCssShadow(props),
17864
17862
  ...toCssRadius(props),
17865
- ...toCssBackgroundColor(props),
17866
- ...toCssBackgroundImage(props),
17863
+ ...toCssBackground(props),
17867
17864
  ...toCssCommon(props),
17868
17865
  ...toCssPadding(props),
17869
17866
  ...toCssBorder(props)
@@ -18751,7 +18748,7 @@ function instance$17($$self, $$props, $$invalidate) {
18751
18748
  color: getColor(),
18752
18749
  ...getCssSize(),
18753
18750
  ...toCssRadius(props),
18754
- ...toCssBackgroundColor(props),
18751
+ ...toCssBackground(props),
18755
18752
  ...toCssCommon(props),
18756
18753
  ...toCssPosition(props),
18757
18754
  ...toCssPadding(props),
@@ -19868,8 +19865,7 @@ function instance$13($$self, $$props, $$invalidate) {
19868
19865
  ...toCssOverflow(props),
19869
19866
  ...toCssShadow(props),
19870
19867
  ...toCssRadius(props),
19871
- ...toCssBackgroundImage(props),
19872
- ...toCssBackgroundColor(props),
19868
+ ...toCssBackground(props),
19873
19869
  ...toCssBorder(props)
19874
19870
  });
19875
19871
  modalStyles.add(propsStyle);
@@ -21287,7 +21283,7 @@ const useText = (props) => {
21287
21283
  color: getColor(),
21288
21284
  ...getCssSize(),
21289
21285
  ...toCssRadius(props),
21290
- ...toCssBackgroundColor(props),
21286
+ ...toCssBackground(props),
21291
21287
  ...toCssCommon(props),
21292
21288
  ...toCssPosition(props),
21293
21289
  ...toCssPadding(props),
package/dist/index.es.js CHANGED
@@ -11761,7 +11761,7 @@ 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,
@@ -11769,12 +11769,10 @@ const toCssBackgroundImage = (p) => {
11769
11769
  backgroundPositionX: p?.backgroundPositionX ?? "center",
11770
11770
  backgroundPositionY: p?.backgroundPositionY ?? "center",
11771
11771
  backgroundBlendMode: p?.backgroundBlendMode,
11772
- backgroundColor: p?.backgroundBlendColor
11772
+ backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
11773
+ backgroundRepeat: "no-repeat"
11773
11774
  };
11774
11775
  };
11775
- const toCssBackgroundColor = (p) => {
11776
- return { backgroundColor: p?.backgroundColor };
11777
- };
11778
11776
  const toCssRadius = (p) => {
11779
11777
  return {
11780
11778
  borderTopLeftRadius: p?.borderTopLeftRadius,
@@ -15926,8 +15924,7 @@ function instance$20($$self, $$props, $$invalidate) {
15926
15924
  ...toCssOverflow(props),
15927
15925
  ...toCssShadow(props),
15928
15926
  ...toCssRadius(props),
15929
- ...toCssBackgroundColor(props),
15930
- ...toCssBackgroundImage(props),
15927
+ ...toCssBackground(props),
15931
15928
  ...toCssCommon(props),
15932
15929
  ...toCssPadding(props),
15933
15930
  ...toCssBorder(props)
@@ -16740,7 +16737,7 @@ function instance$17($$self, $$props, $$invalidate) {
16740
16737
  color: getColor(),
16741
16738
  ...getCssSize(),
16742
16739
  ...toCssRadius(props),
16743
- ...toCssBackgroundColor(props),
16740
+ ...toCssBackground(props),
16744
16741
  ...toCssCommon(props),
16745
16742
  ...toCssPosition(props),
16746
16743
  ...toCssPadding(props),
@@ -17776,8 +17773,7 @@ function instance$13($$self, $$props, $$invalidate) {
17776
17773
  ...toCssOverflow(props),
17777
17774
  ...toCssShadow(props),
17778
17775
  ...toCssRadius(props),
17779
- ...toCssBackgroundImage(props),
17780
- ...toCssBackgroundColor(props),
17776
+ ...toCssBackground(props),
17781
17777
  ...toCssBorder(props)
17782
17778
  });
17783
17779
  modalStyles.add(propsStyle);
@@ -19076,7 +19072,7 @@ const useText = (props) => {
19076
19072
  color: getColor(),
19077
19073
  ...getCssSize(),
19078
19074
  ...toCssRadius(props),
19079
- ...toCssBackgroundColor(props),
19075
+ ...toCssBackground(props),
19080
19076
  ...toCssCommon(props),
19081
19077
  ...toCssPosition(props),
19082
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
@@ -65,6 +65,14 @@ export type BackgroundImageProps = {
65
65
  backgroundBlendMode?: Properties["backgroundBlendMode"]
66
66
  backgroundBlendColor?: Properties["backgroundColor"]
67
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"]
75
+ };
68
76
  export type ShadowProps = {
69
77
  shadow?: Properties["boxShadow"]
70
78
  shadowVariant?: ShadowVariantCode
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
@@ -65,6 +65,14 @@ export type BackgroundImageProps = {
65
65
  backgroundBlendMode?: Properties["backgroundBlendMode"]
66
66
  backgroundBlendColor?: Properties["backgroundColor"]
67
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"]
75
+ };
68
76
  export type ShadowProps = {
69
77
  shadow?: Properties["boxShadow"]
70
78
  shadowVariant?: ShadowVariantCode
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,7 +3230,7 @@ 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,
@@ -3238,12 +3238,10 @@ const toCssBackgroundImage = (p) => {
3238
3238
  backgroundPositionX: p?.backgroundPositionX ?? "center",
3239
3239
  backgroundPositionY: p?.backgroundPositionY ?? "center",
3240
3240
  backgroundBlendMode: p?.backgroundBlendMode,
3241
- backgroundColor: p?.backgroundBlendColor
3241
+ backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
3242
+ backgroundRepeat: "no-repeat"
3242
3243
  };
3243
3244
  };
3244
- const toCssBackgroundColor = (p) => {
3245
- return { backgroundColor: p?.backgroundColor };
3246
- };
3247
3245
  const toCssRadius = (p) => {
3248
3246
  return {
3249
3247
  borderTopLeftRadius: p?.borderTopLeftRadius,
@@ -5054,8 +5052,7 @@ function Layout($$anchor, $$props) {
5054
5052
  ...toCssOverflow(props()),
5055
5053
  ...toCssShadow(props()),
5056
5054
  ...toCssRadius(props()),
5057
- ...toCssBackgroundColor(props()),
5058
- ...toCssBackgroundImage(props()),
5055
+ ...toCssBackground(props()),
5059
5056
  ...toCssCommon(props()),
5060
5057
  ...toCssPadding(props()),
5061
5058
  ...toCssBorder(props())
@@ -5471,7 +5468,7 @@ function Text($$anchor, $$props) {
5471
5468
  color: getColor(),
5472
5469
  ...getCssSize(),
5473
5470
  ...toCssRadius(props()),
5474
- ...toCssBackgroundColor(props()),
5471
+ ...toCssBackground(props()),
5475
5472
  ...toCssCommon(props()),
5476
5473
  ...toCssPosition(props()),
5477
5474
  ...toCssPadding(props()),
@@ -5913,8 +5910,7 @@ function Modal($$anchor, $$props) {
5913
5910
  ...toCssOverflow(props()),
5914
5911
  ...toCssShadow(props()),
5915
5912
  ...toCssRadius(props()),
5916
- ...toCssBackgroundImage(props()),
5917
- ...toCssBackgroundColor(props()),
5913
+ ...toCssBackground(props()),
5918
5914
  ...toCssBorder(props())
5919
5915
  });
5920
5916
  modalStyles.add(propsStyle);
@@ -6565,7 +6561,7 @@ const useText = (props) => {
6565
6561
  color: getColor(),
6566
6562
  ...getCssSize(),
6567
6563
  ...toCssRadius(props),
6568
- ...toCssBackgroundColor(props),
6564
+ ...toCssBackground(props),
6569
6565
  ...toCssCommon(props),
6570
6566
  ...toCssPosition(props),
6571
6567
  ...toCssPadding(props),
package/dist/svelte5/index.es.js CHANGED
@@ -3199,7 +3199,7 @@ 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,
@@ -3207,12 +3207,10 @@ const toCssBackgroundImage = (p) => {
3207
3207
  backgroundPositionX: p?.backgroundPositionX ?? "center",
3208
3208
  backgroundPositionY: p?.backgroundPositionY ?? "center",
3209
3209
  backgroundBlendMode: p?.backgroundBlendMode,
3210
- backgroundColor: p?.backgroundBlendColor
3210
+ backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
3211
+ backgroundRepeat: "no-repeat"
3211
3212
  };
3212
3213
  };
3213
- const toCssBackgroundColor = (p) => {
3214
- return { backgroundColor: p?.backgroundColor };
3215
- };
3216
3214
  const toCssRadius = (p) => {
3217
3215
  return {
3218
3216
  borderTopLeftRadius: p?.borderTopLeftRadius,
@@ -5023,8 +5021,7 @@ function Layout($$anchor, $$props) {
5023
5021
  ...toCssOverflow(props()),
5024
5022
  ...toCssShadow(props()),
5025
5023
  ...toCssRadius(props()),
5026
- ...toCssBackgroundColor(props()),
5027
- ...toCssBackgroundImage(props()),
5024
+ ...toCssBackground(props()),
5028
5025
  ...toCssCommon(props()),
5029
5026
  ...toCssPadding(props()),
5030
5027
  ...toCssBorder(props())
@@ -5440,7 +5437,7 @@ function Text($$anchor, $$props) {
5440
5437
  color: getColor(),
5441
5438
  ...getCssSize(),
5442
5439
  ...toCssRadius(props()),
5443
- ...toCssBackgroundColor(props()),
5440
+ ...toCssBackground(props()),
5444
5441
  ...toCssCommon(props()),
5445
5442
  ...toCssPosition(props()),
5446
5443
  ...toCssPadding(props()),
@@ -5882,8 +5879,7 @@ function Modal($$anchor, $$props) {
5882
5879
  ...toCssOverflow(props()),
5883
5880
  ...toCssShadow(props()),
5884
5881
  ...toCssRadius(props()),
5885
- ...toCssBackgroundImage(props()),
5886
- ...toCssBackgroundColor(props()),
5882
+ ...toCssBackground(props()),
5887
5883
  ...toCssBorder(props())
5888
5884
  });
5889
5885
  modalStyles.add(propsStyle);
@@ -6534,7 +6530,7 @@ const useText = (props) => {
6534
6530
  color: getColor(),
6535
6531
  ...getCssSize(),
6536
6532
  ...toCssRadius(props),
6537
- ...toCssBackgroundColor(props),
6533
+ ...toCssBackground(props),
6538
6534
  ...toCssCommon(props),
6539
6535
  ...toCssPosition(props),
6540
6536
  ...toCssPadding(props),
package/dist/svelte5/index.front2.es.js CHANGED
@@ -3200,7 +3200,7 @@ 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,
@@ -3208,12 +3208,10 @@ const toCssBackgroundImage = (p) => {
3208
3208
  backgroundPositionX: p?.backgroundPositionX ?? "center",
3209
3209
  backgroundPositionY: p?.backgroundPositionY ?? "center",
3210
3210
  backgroundBlendMode: p?.backgroundBlendMode,
3211
- backgroundColor: p?.backgroundBlendColor
3211
+ backgroundColor: p?.backgroundBlendColor ?? p?.backgroundColor,
3212
+ backgroundRepeat: "no-repeat"
3212
3213
  };
3213
3214
  };
3214
- const toCssBackgroundColor = (p) => {
3215
- return { backgroundColor: p?.backgroundColor };
3216
- };
3217
3215
  const toCssRadius = (p) => {
3218
3216
  return {
3219
3217
  borderTopLeftRadius: p?.borderTopLeftRadius,
@@ -5024,8 +5022,7 @@ function Layout($$anchor, $$props) {
5024
5022
  ...toCssOverflow(props()),
5025
5023
  ...toCssShadow(props()),
5026
5024
  ...toCssRadius(props()),
5027
- ...toCssBackgroundColor(props()),
5028
- ...toCssBackgroundImage(props()),
5025
+ ...toCssBackground(props()),
5029
5026
  ...toCssCommon(props()),
5030
5027
  ...toCssPadding(props()),
5031
5028
  ...toCssBorder(props())
@@ -5441,7 +5438,7 @@ function Text($$anchor, $$props) {
5441
5438
  color: getColor(),
5442
5439
  ...getCssSize(),
5443
5440
  ...toCssRadius(props()),
5444
- ...toCssBackgroundColor(props()),
5441
+ ...toCssBackground(props()),
5445
5442
  ...toCssCommon(props()),
5446
5443
  ...toCssPosition(props()),
5447
5444
  ...toCssPadding(props()),
@@ -5883,8 +5880,7 @@ function Modal($$anchor, $$props) {
5883
5880
  ...toCssOverflow(props()),
5884
5881
  ...toCssShadow(props()),
5885
5882
  ...toCssRadius(props()),
5886
- ...toCssBackgroundImage(props()),
5887
- ...toCssBackgroundColor(props()),
5883
+ ...toCssBackground(props()),
5888
5884
  ...toCssBorder(props())
5889
5885
  });
5890
5886
  modalStyles.add(propsStyle);
@@ -6535,7 +6531,7 @@ const useText = (props) => {
6535
6531
  color: getColor(),
6536
6532
  ...getCssSize(),
6537
6533
  ...toCssRadius(props),
6538
- ...toCssBackgroundColor(props),
6534
+ ...toCssBackground(props),
6539
6535
  ...toCssCommon(props),
6540
6536
  ...toCssPosition(props),
6541
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-29127338.e0debfc5",
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",