@plaidev/karte-action-sdk 1.1.238-28697831.6177a2a4 → 1.1.238-28698010.a9ad3193
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 +3 -0
- package/dist/hydrate/index.es.js +16 -2
- package/dist/index.es.d.ts +3 -0
- package/dist/index.es.js +16 -2
- package/package.json +1 -1
|
@@ -2469,6 +2469,9 @@ type ButtonProps = CommonProps & {
|
|
|
2469
2469
|
iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
|
|
2470
2470
|
width?: Properties["width"];
|
|
2471
2471
|
wrap?: "wrap" | "nowrap";
|
|
2472
|
+
fontWeight?: Properties["fontWeight"];
|
|
2473
|
+
fontColor?: Properties["color"];
|
|
2474
|
+
backgroundColor?: Properties["backgroundColor"];
|
|
2472
2475
|
};
|
|
2473
2476
|
declare const TEXT_BUTTON_SIZE: {
|
|
2474
2477
|
readonly extra_small: "XSmall";
|
package/dist/hydrate/index.es.js
CHANGED
|
@@ -14182,7 +14182,7 @@ function add_css$7(target) {
|
|
|
14182
14182
|
append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{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-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14183
14183
|
}
|
|
14184
14184
|
|
|
14185
|
-
// (
|
|
14185
|
+
// (134:2) {#if (props.isIcon && props.iconVariant)}
|
|
14186
14186
|
function create_if_block$3(ctx) {
|
|
14187
14187
|
let div;
|
|
14188
14188
|
let icon;
|
|
@@ -14440,6 +14440,20 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14440
14440
|
}
|
|
14441
14441
|
};
|
|
14442
14442
|
|
|
14443
|
+
const getCssColor = () => {
|
|
14444
|
+
return {
|
|
14445
|
+
backgroundColor: props.backgroundColor
|
|
14446
|
+
? props.backgroundColor
|
|
14447
|
+
: VARIANTS.color[props.color ?? 'default'].backgroundColor,
|
|
14448
|
+
color: props.fontColor
|
|
14449
|
+
? props.fontColor
|
|
14450
|
+
: VARIANTS.color[props.color ?? 'default'].color,
|
|
14451
|
+
fontWeight: props.fontWeight
|
|
14452
|
+
? props.fontWeight
|
|
14453
|
+
: VARIANTS.color[props.color ?? 'default'].fontWeight
|
|
14454
|
+
};
|
|
14455
|
+
};
|
|
14456
|
+
|
|
14443
14457
|
function handleClick() {
|
|
14444
14458
|
if (eventName) {
|
|
14445
14459
|
send_event(eventName, eventValue);
|
|
@@ -14468,12 +14482,12 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14468
14482
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
14469
14483
|
width: props.width,
|
|
14470
14484
|
...VARIANTS.size[props.size ?? 'medium'],
|
|
14471
|
-
...VARIANTS.color[props.color ?? 'default'],
|
|
14472
14485
|
...VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
|
14473
14486
|
...VARIANTS.round[props.round ?? 'default'],
|
|
14474
14487
|
...props.iconAngle
|
|
14475
14488
|
? { flexDirection: props.iconAngle }
|
|
14476
14489
|
: {},
|
|
14490
|
+
...getCssColor(),
|
|
14477
14491
|
...toCssCommon(props)
|
|
14478
14492
|
}));
|
|
14479
14493
|
}
|
package/dist/index.es.d.ts
CHANGED
|
@@ -2469,6 +2469,9 @@ type ButtonProps = CommonProps & {
|
|
|
2469
2469
|
iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
|
|
2470
2470
|
width?: Properties["width"];
|
|
2471
2471
|
wrap?: "wrap" | "nowrap";
|
|
2472
|
+
fontWeight?: Properties["fontWeight"];
|
|
2473
|
+
fontColor?: Properties["color"];
|
|
2474
|
+
backgroundColor?: Properties["backgroundColor"];
|
|
2472
2475
|
};
|
|
2473
2476
|
declare const TEXT_BUTTON_SIZE: {
|
|
2474
2477
|
readonly extra_small: "XSmall";
|
package/dist/index.es.js
CHANGED
|
@@ -13168,7 +13168,7 @@ function add_css$7(target) {
|
|
|
13168
13168
|
append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{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-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
13169
13169
|
}
|
|
13170
13170
|
|
|
13171
|
-
// (
|
|
13171
|
+
// (134:2) {#if (props.isIcon && props.iconVariant)}
|
|
13172
13172
|
function create_if_block$3(ctx) {
|
|
13173
13173
|
let div;
|
|
13174
13174
|
let icon;
|
|
@@ -13396,6 +13396,20 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13396
13396
|
}
|
|
13397
13397
|
};
|
|
13398
13398
|
|
|
13399
|
+
const getCssColor = () => {
|
|
13400
|
+
return {
|
|
13401
|
+
backgroundColor: props.backgroundColor
|
|
13402
|
+
? props.backgroundColor
|
|
13403
|
+
: VARIANTS.color[props.color ?? 'default'].backgroundColor,
|
|
13404
|
+
color: props.fontColor
|
|
13405
|
+
? props.fontColor
|
|
13406
|
+
: VARIANTS.color[props.color ?? 'default'].color,
|
|
13407
|
+
fontWeight: props.fontWeight
|
|
13408
|
+
? props.fontWeight
|
|
13409
|
+
: VARIANTS.color[props.color ?? 'default'].fontWeight
|
|
13410
|
+
};
|
|
13411
|
+
};
|
|
13412
|
+
|
|
13399
13413
|
function handleClick() {
|
|
13400
13414
|
if (eventName) {
|
|
13401
13415
|
send_event(eventName, eventValue);
|
|
@@ -13424,12 +13438,12 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13424
13438
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
13425
13439
|
width: props.width,
|
|
13426
13440
|
...VARIANTS.size[props.size ?? 'medium'],
|
|
13427
|
-
...VARIANTS.color[props.color ?? 'default'],
|
|
13428
13441
|
...VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
|
13429
13442
|
...VARIANTS.round[props.round ?? 'default'],
|
|
13430
13443
|
...props.iconAngle
|
|
13431
13444
|
? { flexDirection: props.iconAngle }
|
|
13432
13445
|
: {},
|
|
13446
|
+
...getCssColor(),
|
|
13433
13447
|
...toCssCommon(props)
|
|
13434
13448
|
}));
|
|
13435
13449
|
}
|