@plaidev/karte-action-sdk 1.1.241 → 1.1.242
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +5 -0
- package/dist/hydrate/index.es.js +14 -15
- package/dist/index.es.d.ts +5 -0
- package/dist/index.es.js +14 -15
- package/package.json +1 -1
|
@@ -2716,22 +2716,27 @@ declare const TEXT_VARIANTS: {
|
|
|
2716
2716
|
extra_small: {
|
|
2717
2717
|
fontSize: string;
|
|
2718
2718
|
lineHeight: number;
|
|
2719
|
+
fontWeight: string;
|
|
2719
2720
|
};
|
|
2720
2721
|
small: {
|
|
2721
2722
|
fontSize: string;
|
|
2722
2723
|
lineHeight: number;
|
|
2724
|
+
fontWeight: string;
|
|
2723
2725
|
};
|
|
2724
2726
|
medium: {
|
|
2725
2727
|
fontSize: string;
|
|
2726
2728
|
lineHeight: number;
|
|
2729
|
+
fontWeight: string;
|
|
2727
2730
|
};
|
|
2728
2731
|
large: {
|
|
2729
2732
|
fontSize: string;
|
|
2730
2733
|
lineHeight: number;
|
|
2734
|
+
fontWeight: string;
|
|
2731
2735
|
};
|
|
2732
2736
|
extra_large: {
|
|
2733
2737
|
fontSize: string;
|
|
2734
2738
|
lineHeight: number;
|
|
2739
|
+
fontWeight: string;
|
|
2735
2740
|
};
|
|
2736
2741
|
heading_extra_small: {
|
|
2737
2742
|
fontSize: string;
|
package/dist/hydrate/index.es.js
CHANGED
|
@@ -13979,7 +13979,7 @@ function add_css$8(target) {
|
|
|
13979
13979
|
append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
|
13980
13980
|
}
|
|
13981
13981
|
|
|
13982
|
-
// (
|
|
13982
|
+
// (21:0) {#if (IconComponent)}
|
|
13983
13983
|
function create_if_block$5(ctx) {
|
|
13984
13984
|
let div;
|
|
13985
13985
|
let switch_instance;
|
|
@@ -14155,6 +14155,8 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
14155
14155
|
};
|
|
14156
14156
|
};
|
|
14157
14157
|
|
|
14158
|
+
console.log(props.color);
|
|
14159
|
+
|
|
14158
14160
|
$$self.$$set = $$props => {
|
|
14159
14161
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14160
14162
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -14198,7 +14200,6 @@ const BUTTON_VARIANTS = {
|
|
|
14198
14200
|
lineHeight: 1.5,
|
|
14199
14201
|
borderRadius: '4px',
|
|
14200
14202
|
},
|
|
14201
|
-
// 'min-h-10 px-6 text-sm py-2 leading-[150%]'
|
|
14202
14203
|
medium: {
|
|
14203
14204
|
minHeight: '40px',
|
|
14204
14205
|
paddingInline: '24px',
|
|
@@ -14207,7 +14208,6 @@ const BUTTON_VARIANTS = {
|
|
|
14207
14208
|
lineHeight: 1.5,
|
|
14208
14209
|
borderRadius: '4px',
|
|
14209
14210
|
},
|
|
14210
|
-
// 'min-h-14 px-8 text-lg py-3 leading-[150%]'
|
|
14211
14211
|
large: {
|
|
14212
14212
|
minHeight: '48px',
|
|
14213
14213
|
paddingInline: '32px',
|
|
@@ -14275,7 +14275,7 @@ function add_css$7(target) {
|
|
|
14275
14275
|
append_styles(target, "svelte-15m50q3", ".button.svelte-15m50q3{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-15m50q3{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14276
14276
|
}
|
|
14277
14277
|
|
|
14278
|
-
// (
|
|
14278
|
+
// (49:2) {#if (props.isIcon && props.iconVariant)}
|
|
14279
14279
|
function create_if_block$4(ctx) {
|
|
14280
14280
|
let div;
|
|
14281
14281
|
let icon;
|
|
@@ -14285,7 +14285,7 @@ function create_if_block$4(ctx) {
|
|
|
14285
14285
|
props: {
|
|
14286
14286
|
props: {
|
|
14287
14287
|
variant: /*props*/ ctx[0].iconVariant,
|
|
14288
|
-
color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].
|
|
14288
|
+
color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
|
|
14289
14289
|
}
|
|
14290
14290
|
}
|
|
14291
14291
|
});
|
|
@@ -14316,7 +14316,7 @@ function create_if_block$4(ctx) {
|
|
|
14316
14316
|
|
|
14317
14317
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
|
14318
14318
|
variant: /*props*/ ctx[0].iconVariant,
|
|
14319
|
-
color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].
|
|
14319
|
+
color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
|
|
14320
14320
|
};
|
|
14321
14321
|
|
|
14322
14322
|
icon.$set(icon_changes);
|
|
@@ -14452,14 +14452,6 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14452
14452
|
let { props = {} } = $$props;
|
|
14453
14453
|
let { layerId = '' } = $$props;
|
|
14454
14454
|
|
|
14455
|
-
const getCssVariantTheme = () => {
|
|
14456
|
-
return {
|
|
14457
|
-
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
14458
|
-
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
14459
|
-
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
|
|
14460
|
-
};
|
|
14461
|
-
};
|
|
14462
|
-
|
|
14463
14455
|
function handleClick() {
|
|
14464
14456
|
if (eventName) {
|
|
14465
14457
|
send_event(eventName, eventValue);
|
|
@@ -14487,13 +14479,15 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14487
14479
|
border: 0,
|
|
14488
14480
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
14489
14481
|
width: props.width,
|
|
14482
|
+
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
14483
|
+
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
14484
|
+
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
|
|
14490
14485
|
...BUTTON_VARIANTS.size[props.size ?? 'medium'],
|
|
14491
14486
|
...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
|
14492
14487
|
...BUTTON_VARIANTS.round[props.round ?? 'default'],
|
|
14493
14488
|
...props.iconAngle
|
|
14494
14489
|
? { flexDirection: props.iconAngle }
|
|
14495
14490
|
: {},
|
|
14496
|
-
...getCssVariantTheme(),
|
|
14497
14491
|
...toCssCommon(props)
|
|
14498
14492
|
}));
|
|
14499
14493
|
}
|
|
@@ -15446,22 +15440,27 @@ const TEXT_VARIANTS = {
|
|
|
15446
15440
|
extra_small: {
|
|
15447
15441
|
fontSize: '10px',
|
|
15448
15442
|
lineHeight: 1.7,
|
|
15443
|
+
fontWeight: 'normal',
|
|
15449
15444
|
},
|
|
15450
15445
|
small: {
|
|
15451
15446
|
fontSize: '12px',
|
|
15452
15447
|
lineHeight: 1.7,
|
|
15448
|
+
fontWeight: 'normal',
|
|
15453
15449
|
},
|
|
15454
15450
|
medium: {
|
|
15455
15451
|
fontSize: '14px',
|
|
15456
15452
|
lineHeight: 1.7,
|
|
15453
|
+
fontWeight: 'normal',
|
|
15457
15454
|
},
|
|
15458
15455
|
large: {
|
|
15459
15456
|
fontSize: '16px',
|
|
15460
15457
|
lineHeight: 1.7,
|
|
15458
|
+
fontWeight: 'normal',
|
|
15461
15459
|
},
|
|
15462
15460
|
extra_large: {
|
|
15463
15461
|
fontSize: '18px',
|
|
15464
15462
|
lineHeight: 1.7,
|
|
15463
|
+
fontWeight: 'normal',
|
|
15465
15464
|
},
|
|
15466
15465
|
heading_extra_small: {
|
|
15467
15466
|
fontSize: '14px',
|
package/dist/index.es.d.ts
CHANGED
|
@@ -2716,22 +2716,27 @@ declare const TEXT_VARIANTS: {
|
|
|
2716
2716
|
extra_small: {
|
|
2717
2717
|
fontSize: string;
|
|
2718
2718
|
lineHeight: number;
|
|
2719
|
+
fontWeight: string;
|
|
2719
2720
|
};
|
|
2720
2721
|
small: {
|
|
2721
2722
|
fontSize: string;
|
|
2722
2723
|
lineHeight: number;
|
|
2724
|
+
fontWeight: string;
|
|
2723
2725
|
};
|
|
2724
2726
|
medium: {
|
|
2725
2727
|
fontSize: string;
|
|
2726
2728
|
lineHeight: number;
|
|
2729
|
+
fontWeight: string;
|
|
2727
2730
|
};
|
|
2728
2731
|
large: {
|
|
2729
2732
|
fontSize: string;
|
|
2730
2733
|
lineHeight: number;
|
|
2734
|
+
fontWeight: string;
|
|
2731
2735
|
};
|
|
2732
2736
|
extra_large: {
|
|
2733
2737
|
fontSize: string;
|
|
2734
2738
|
lineHeight: number;
|
|
2739
|
+
fontWeight: string;
|
|
2735
2740
|
};
|
|
2736
2741
|
heading_extra_small: {
|
|
2737
2742
|
fontSize: string;
|
package/dist/index.es.js
CHANGED
|
@@ -12984,7 +12984,7 @@ function add_css$8(target) {
|
|
|
12984
12984
|
append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
|
12985
12985
|
}
|
|
12986
12986
|
|
|
12987
|
-
// (
|
|
12987
|
+
// (21:0) {#if (IconComponent)}
|
|
12988
12988
|
function create_if_block$5(ctx) {
|
|
12989
12989
|
let div;
|
|
12990
12990
|
let switch_instance;
|
|
@@ -13141,6 +13141,8 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
13141
13141
|
};
|
|
13142
13142
|
};
|
|
13143
13143
|
|
|
13144
|
+
console.log(props.color);
|
|
13145
|
+
|
|
13144
13146
|
$$self.$$set = $$props => {
|
|
13145
13147
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
13146
13148
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -13184,7 +13186,6 @@ const BUTTON_VARIANTS = {
|
|
|
13184
13186
|
lineHeight: 1.5,
|
|
13185
13187
|
borderRadius: '4px',
|
|
13186
13188
|
},
|
|
13187
|
-
// 'min-h-10 px-6 text-sm py-2 leading-[150%]'
|
|
13188
13189
|
medium: {
|
|
13189
13190
|
minHeight: '40px',
|
|
13190
13191
|
paddingInline: '24px',
|
|
@@ -13193,7 +13194,6 @@ const BUTTON_VARIANTS = {
|
|
|
13193
13194
|
lineHeight: 1.5,
|
|
13194
13195
|
borderRadius: '4px',
|
|
13195
13196
|
},
|
|
13196
|
-
// 'min-h-14 px-8 text-lg py-3 leading-[150%]'
|
|
13197
13197
|
large: {
|
|
13198
13198
|
minHeight: '48px',
|
|
13199
13199
|
paddingInline: '32px',
|
|
@@ -13261,7 +13261,7 @@ function add_css$7(target) {
|
|
|
13261
13261
|
append_styles(target, "svelte-15m50q3", ".button.svelte-15m50q3{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-15m50q3{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
13262
13262
|
}
|
|
13263
13263
|
|
|
13264
|
-
// (
|
|
13264
|
+
// (49:2) {#if (props.isIcon && props.iconVariant)}
|
|
13265
13265
|
function create_if_block$4(ctx) {
|
|
13266
13266
|
let div;
|
|
13267
13267
|
let icon;
|
|
@@ -13271,7 +13271,7 @@ function create_if_block$4(ctx) {
|
|
|
13271
13271
|
props: {
|
|
13272
13272
|
props: {
|
|
13273
13273
|
variant: /*props*/ ctx[0].iconVariant,
|
|
13274
|
-
color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].
|
|
13274
|
+
color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
|
|
13275
13275
|
}
|
|
13276
13276
|
}
|
|
13277
13277
|
});
|
|
@@ -13292,7 +13292,7 @@ function create_if_block$4(ctx) {
|
|
|
13292
13292
|
|
|
13293
13293
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
|
13294
13294
|
variant: /*props*/ ctx[0].iconVariant,
|
|
13295
|
-
color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].
|
|
13295
|
+
color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
|
|
13296
13296
|
};
|
|
13297
13297
|
|
|
13298
13298
|
icon.$set(icon_changes);
|
|
@@ -13408,14 +13408,6 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13408
13408
|
let { props = {} } = $$props;
|
|
13409
13409
|
let { layerId = '' } = $$props;
|
|
13410
13410
|
|
|
13411
|
-
const getCssVariantTheme = () => {
|
|
13412
|
-
return {
|
|
13413
|
-
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
13414
|
-
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
13415
|
-
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
|
|
13416
|
-
};
|
|
13417
|
-
};
|
|
13418
|
-
|
|
13419
13411
|
function handleClick() {
|
|
13420
13412
|
if (eventName) {
|
|
13421
13413
|
send_event(eventName, eventValue);
|
|
@@ -13443,13 +13435,15 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13443
13435
|
border: 0,
|
|
13444
13436
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
13445
13437
|
width: props.width,
|
|
13438
|
+
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
13439
|
+
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
13440
|
+
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
|
|
13446
13441
|
...BUTTON_VARIANTS.size[props.size ?? 'medium'],
|
|
13447
13442
|
...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
|
13448
13443
|
...BUTTON_VARIANTS.round[props.round ?? 'default'],
|
|
13449
13444
|
...props.iconAngle
|
|
13450
13445
|
? { flexDirection: props.iconAngle }
|
|
13451
13446
|
: {},
|
|
13452
|
-
...getCssVariantTheme(),
|
|
13453
13447
|
...toCssCommon(props)
|
|
13454
13448
|
}));
|
|
13455
13449
|
}
|
|
@@ -14294,22 +14288,27 @@ const TEXT_VARIANTS = {
|
|
|
14294
14288
|
extra_small: {
|
|
14295
14289
|
fontSize: '10px',
|
|
14296
14290
|
lineHeight: 1.7,
|
|
14291
|
+
fontWeight: 'normal',
|
|
14297
14292
|
},
|
|
14298
14293
|
small: {
|
|
14299
14294
|
fontSize: '12px',
|
|
14300
14295
|
lineHeight: 1.7,
|
|
14296
|
+
fontWeight: 'normal',
|
|
14301
14297
|
},
|
|
14302
14298
|
medium: {
|
|
14303
14299
|
fontSize: '14px',
|
|
14304
14300
|
lineHeight: 1.7,
|
|
14301
|
+
fontWeight: 'normal',
|
|
14305
14302
|
},
|
|
14306
14303
|
large: {
|
|
14307
14304
|
fontSize: '16px',
|
|
14308
14305
|
lineHeight: 1.7,
|
|
14306
|
+
fontWeight: 'normal',
|
|
14309
14307
|
},
|
|
14310
14308
|
extra_large: {
|
|
14311
14309
|
fontSize: '18px',
|
|
14312
14310
|
lineHeight: 1.7,
|
|
14311
|
+
fontWeight: 'normal',
|
|
14313
14312
|
},
|
|
14314
14313
|
heading_extra_small: {
|
|
14315
14314
|
fontSize: '14px',
|