@plaidev/karte-action-sdk 1.1.253-28790175.283df2c9 → 1.1.253-28798893.ff28cf85
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/hydrate/index.es.d.ts +1 -1
- package/dist/hydrate/index.es.js +31 -34
- package/dist/index.es.d.ts +1 -1
- package/dist/index.es.js +31 -34
- package/package.json +1 -1
@@ -2493,7 +2493,7 @@ declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
|
|
2493
2493
|
declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
|
2494
2494
|
declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
|
2495
2495
|
declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
|
2496
|
-
type ButtonOutlinedProps = CommonProps & ClickableProps & WithIconProps & LinkProps & BorderProps & {
|
2496
|
+
type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
|
2497
2497
|
label?: string;
|
2498
2498
|
// size
|
2499
2499
|
size?: keyof typeof BUTTON_SIZE;
|
package/dist/hydrate/index.es.js
CHANGED
@@ -15058,44 +15058,34 @@ const buttonOutlinedPropsDefault = {
|
|
15058
15058
|
|
15059
15059
|
const BUTTON_OUTLINED_SIZE_STYLES = {
|
15060
15060
|
extra_small: {
|
15061
|
-
|
15062
|
-
|
15061
|
+
height: '32px',
|
15062
|
+
paddingLeft: '12px',
|
15063
|
+
paddingRight: '12px',
|
15063
15064
|
fontSize: '12px',
|
15064
|
-
paddingBlock: '8px',
|
15065
|
-
lineHeight: 1.5,
|
15066
|
-
borderRadius: '4px',
|
15067
15065
|
},
|
15068
15066
|
small: {
|
15069
|
-
|
15070
|
-
|
15067
|
+
height: '36px',
|
15068
|
+
paddingLeft: '16px',
|
15069
|
+
paddingRight: '16px',
|
15071
15070
|
fontSize: '13px',
|
15072
|
-
paddingBlock: '8px',
|
15073
|
-
lineHeight: 1.5,
|
15074
|
-
borderRadius: '4px',
|
15075
15071
|
},
|
15076
15072
|
medium: {
|
15077
|
-
|
15078
|
-
|
15073
|
+
height: '40px',
|
15074
|
+
paddingLeft: '24px',
|
15075
|
+
paddingRight: '24px',
|
15079
15076
|
fontSize: '14px',
|
15080
|
-
paddingBlock: '8px',
|
15081
|
-
lineHeight: 1.5,
|
15082
|
-
borderRadius: '4px',
|
15083
15077
|
},
|
15084
15078
|
large: {
|
15085
|
-
|
15086
|
-
|
15079
|
+
height: '48px',
|
15080
|
+
paddingLeft: '32px',
|
15081
|
+
paddingRight: '32px',
|
15087
15082
|
fontSize: '14px',
|
15088
|
-
paddingBlock: '10px',
|
15089
|
-
lineHeight: 1.5,
|
15090
|
-
borderRadius: '4px',
|
15091
15083
|
},
|
15092
15084
|
extra_large: {
|
15093
|
-
|
15094
|
-
|
15095
|
-
|
15096
|
-
|
15097
|
-
lineHeight: 1.5,
|
15098
|
-
borderRadius: '4px',
|
15085
|
+
height: '56px',
|
15086
|
+
paddingLeft: '40px',
|
15087
|
+
paddingRight: '40px',
|
15088
|
+
fontSize: '16px',
|
15099
15089
|
},
|
15100
15090
|
};
|
15101
15091
|
const BUTTON_OUTLINED_THEME_STYLES = {
|
@@ -15132,7 +15122,9 @@ const BUTTON_OUTLINED_ROUND_STYLES = {
|
|
15132
15122
|
none: {
|
15133
15123
|
borderRadius: 0,
|
15134
15124
|
},
|
15135
|
-
default: {
|
15125
|
+
default: {
|
15126
|
+
borderRadius: '4px',
|
15127
|
+
},
|
15136
15128
|
fulled: {
|
15137
15129
|
borderRadius: '56px',
|
15138
15130
|
},
|
@@ -15152,7 +15144,7 @@ function add_css$9(target) {
|
|
15152
15144
|
append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
15153
15145
|
}
|
15154
15146
|
|
15155
|
-
// (
|
15147
|
+
// (42:2) {#if props.isIcon && props.iconVariant}
|
15156
15148
|
function create_if_block$5(ctx) {
|
15157
15149
|
let div;
|
15158
15150
|
let icon;
|
@@ -15218,7 +15210,7 @@ function create_if_block$5(ctx) {
|
|
15218
15210
|
};
|
15219
15211
|
}
|
15220
15212
|
|
15221
|
-
// (
|
15213
|
+
// (34:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
15222
15214
|
function create_dynamic_element$5(ctx) {
|
15223
15215
|
let svelte_element;
|
15224
15216
|
let t0;
|
@@ -15408,6 +15400,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
15408
15400
|
let { layerId = '' } = $$props;
|
15409
15401
|
const { attributes, element, handleClick } = useClickable(props);
|
15410
15402
|
const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
|
15403
|
+
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
15411
15404
|
|
15412
15405
|
$$self.$$set = $$props => {
|
15413
15406
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
@@ -15421,14 +15414,18 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
15421
15414
|
color: props.color ?? buttonThemeStyle.backgroundColor,
|
15422
15415
|
borderColor: props.color ?? buttonThemeStyle.backgroundColor,
|
15423
15416
|
fontWeight: props.fontWeight ?? 'bold',
|
15424
|
-
...BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size],
|
15425
15417
|
...BUTTON_OUTLINED_WRAP_STYLES[props.wrap ?? buttonOutlinedPropsDefault.wrap],
|
15426
15418
|
...BUTTON_OUTLINED_ROUND_STYLES[props.round ?? buttonOutlinedPropsDefault.round],
|
15427
15419
|
...props.iconAngle
|
15428
15420
|
? { flexDirection: props.iconAngle }
|
15429
15421
|
: {},
|
15422
|
+
height: props.height ?? buttonSizeStyle.height,
|
15423
|
+
paddingLeft: props.paddingLeft ?? buttonSizeStyle.paddingLeft,
|
15424
|
+
paddingRight: props.paddingRight ?? buttonSizeStyle.paddingRight,
|
15425
|
+
fontSize: props.fontSize ?? buttonSizeStyle.fontSize,
|
15430
15426
|
...toCssCommon(props),
|
15431
|
-
...toCssBorder(props)
|
15427
|
+
...toCssBorder(props),
|
15428
|
+
...toCssShadow(props)
|
15432
15429
|
}));
|
15433
15430
|
}
|
15434
15431
|
};
|
@@ -16390,7 +16387,7 @@ class Image extends SvelteComponent {
|
|
16390
16387
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
16391
16388
|
|
16392
16389
|
function add_css$5(target) {
|
16393
|
-
append_styles(target, "svelte-
|
16390
|
+
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
16394
16391
|
}
|
16395
16392
|
|
16396
16393
|
// (27:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
@@ -16440,7 +16437,7 @@ function create_dynamic_element$1(ctx) {
|
|
16440
16437
|
set_attributes(svelte_element, svelte_element_data);
|
16441
16438
|
}
|
16442
16439
|
|
16443
|
-
toggle_class(svelte_element, "svelte-
|
16440
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
16444
16441
|
},
|
16445
16442
|
m(target, anchor) {
|
16446
16443
|
insert_hydration(target, svelte_element, anchor);
|
@@ -16485,7 +16482,7 @@ function create_dynamic_element$1(ctx) {
|
|
16485
16482
|
set_attributes(svelte_element, svelte_element_data);
|
16486
16483
|
}
|
16487
16484
|
|
16488
|
-
toggle_class(svelte_element, "svelte-
|
16485
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
16489
16486
|
},
|
16490
16487
|
i(local) {
|
16491
16488
|
if (current) return;
|
package/dist/index.es.d.ts
CHANGED
@@ -2493,7 +2493,7 @@ declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
|
|
2493
2493
|
declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
|
2494
2494
|
declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
|
2495
2495
|
declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
|
2496
|
-
type ButtonOutlinedProps = CommonProps & ClickableProps & WithIconProps & LinkProps & BorderProps & {
|
2496
|
+
type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
|
2497
2497
|
label?: string;
|
2498
2498
|
// size
|
2499
2499
|
size?: keyof typeof BUTTON_SIZE;
|
package/dist/index.es.js
CHANGED
@@ -13967,44 +13967,34 @@ const buttonOutlinedPropsDefault = {
|
|
13967
13967
|
|
13968
13968
|
const BUTTON_OUTLINED_SIZE_STYLES = {
|
13969
13969
|
extra_small: {
|
13970
|
-
|
13971
|
-
|
13970
|
+
height: '32px',
|
13971
|
+
paddingLeft: '12px',
|
13972
|
+
paddingRight: '12px',
|
13972
13973
|
fontSize: '12px',
|
13973
|
-
paddingBlock: '8px',
|
13974
|
-
lineHeight: 1.5,
|
13975
|
-
borderRadius: '4px',
|
13976
13974
|
},
|
13977
13975
|
small: {
|
13978
|
-
|
13979
|
-
|
13976
|
+
height: '36px',
|
13977
|
+
paddingLeft: '16px',
|
13978
|
+
paddingRight: '16px',
|
13980
13979
|
fontSize: '13px',
|
13981
|
-
paddingBlock: '8px',
|
13982
|
-
lineHeight: 1.5,
|
13983
|
-
borderRadius: '4px',
|
13984
13980
|
},
|
13985
13981
|
medium: {
|
13986
|
-
|
13987
|
-
|
13982
|
+
height: '40px',
|
13983
|
+
paddingLeft: '24px',
|
13984
|
+
paddingRight: '24px',
|
13988
13985
|
fontSize: '14px',
|
13989
|
-
paddingBlock: '8px',
|
13990
|
-
lineHeight: 1.5,
|
13991
|
-
borderRadius: '4px',
|
13992
13986
|
},
|
13993
13987
|
large: {
|
13994
|
-
|
13995
|
-
|
13988
|
+
height: '48px',
|
13989
|
+
paddingLeft: '32px',
|
13990
|
+
paddingRight: '32px',
|
13996
13991
|
fontSize: '14px',
|
13997
|
-
paddingBlock: '10px',
|
13998
|
-
lineHeight: 1.5,
|
13999
|
-
borderRadius: '4px',
|
14000
13992
|
},
|
14001
13993
|
extra_large: {
|
14002
|
-
|
14003
|
-
|
14004
|
-
|
14005
|
-
|
14006
|
-
lineHeight: 1.5,
|
14007
|
-
borderRadius: '4px',
|
13994
|
+
height: '56px',
|
13995
|
+
paddingLeft: '40px',
|
13996
|
+
paddingRight: '40px',
|
13997
|
+
fontSize: '16px',
|
14008
13998
|
},
|
14009
13999
|
};
|
14010
14000
|
const BUTTON_OUTLINED_THEME_STYLES = {
|
@@ -14041,7 +14031,9 @@ const BUTTON_OUTLINED_ROUND_STYLES = {
|
|
14041
14031
|
none: {
|
14042
14032
|
borderRadius: 0,
|
14043
14033
|
},
|
14044
|
-
default: {
|
14034
|
+
default: {
|
14035
|
+
borderRadius: '4px',
|
14036
|
+
},
|
14045
14037
|
fulled: {
|
14046
14038
|
borderRadius: '56px',
|
14047
14039
|
},
|
@@ -14061,7 +14053,7 @@ function add_css$9(target) {
|
|
14061
14053
|
append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
14062
14054
|
}
|
14063
14055
|
|
14064
|
-
// (
|
14056
|
+
// (42:2) {#if props.isIcon && props.iconVariant}
|
14065
14057
|
function create_if_block$5(ctx) {
|
14066
14058
|
let div;
|
14067
14059
|
let icon;
|
@@ -14117,7 +14109,7 @@ function create_if_block$5(ctx) {
|
|
14117
14109
|
};
|
14118
14110
|
}
|
14119
14111
|
|
14120
|
-
// (
|
14112
|
+
// (34:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14121
14113
|
function create_dynamic_element$5(ctx) {
|
14122
14114
|
let svelte_element;
|
14123
14115
|
let t0;
|
@@ -14283,6 +14275,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
14283
14275
|
let { layerId = '' } = $$props;
|
14284
14276
|
const { attributes, element, handleClick } = useClickable(props);
|
14285
14277
|
const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
|
14278
|
+
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
14286
14279
|
|
14287
14280
|
$$self.$$set = $$props => {
|
14288
14281
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
@@ -14296,14 +14289,18 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
14296
14289
|
color: props.color ?? buttonThemeStyle.backgroundColor,
|
14297
14290
|
borderColor: props.color ?? buttonThemeStyle.backgroundColor,
|
14298
14291
|
fontWeight: props.fontWeight ?? 'bold',
|
14299
|
-
...BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size],
|
14300
14292
|
...BUTTON_OUTLINED_WRAP_STYLES[props.wrap ?? buttonOutlinedPropsDefault.wrap],
|
14301
14293
|
...BUTTON_OUTLINED_ROUND_STYLES[props.round ?? buttonOutlinedPropsDefault.round],
|
14302
14294
|
...props.iconAngle
|
14303
14295
|
? { flexDirection: props.iconAngle }
|
14304
14296
|
: {},
|
14297
|
+
height: props.height ?? buttonSizeStyle.height,
|
14298
|
+
paddingLeft: props.paddingLeft ?? buttonSizeStyle.paddingLeft,
|
14299
|
+
paddingRight: props.paddingRight ?? buttonSizeStyle.paddingRight,
|
14300
|
+
fontSize: props.fontSize ?? buttonSizeStyle.fontSize,
|
14305
14301
|
...toCssCommon(props),
|
14306
|
-
...toCssBorder(props)
|
14302
|
+
...toCssBorder(props),
|
14303
|
+
...toCssShadow(props)
|
14307
14304
|
}));
|
14308
14305
|
}
|
14309
14306
|
};
|
@@ -15163,7 +15160,7 @@ class Image extends SvelteComponent {
|
|
15163
15160
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
15164
15161
|
|
15165
15162
|
function add_css$5(target) {
|
15166
|
-
append_styles(target, "svelte-
|
15163
|
+
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
15167
15164
|
}
|
15168
15165
|
|
15169
15166
|
// (27:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
@@ -15199,7 +15196,7 @@ function create_dynamic_element$1(ctx) {
|
|
15199
15196
|
set_attributes(svelte_element, svelte_element_data);
|
15200
15197
|
}
|
15201
15198
|
|
15202
|
-
toggle_class(svelte_element, "svelte-
|
15199
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
15203
15200
|
},
|
15204
15201
|
m(target, anchor) {
|
15205
15202
|
insert(target, svelte_element, anchor);
|
@@ -15244,7 +15241,7 @@ function create_dynamic_element$1(ctx) {
|
|
15244
15241
|
set_attributes(svelte_element, svelte_element_data);
|
15245
15242
|
}
|
15246
15243
|
|
15247
|
-
toggle_class(svelte_element, "svelte-
|
15244
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
15248
15245
|
},
|
15249
15246
|
i(local) {
|
15250
15247
|
if (current) return;
|