@plaidev/karte-action-sdk 1.1.263-29030995.9b8e68df → 1.1.263-29037094.abd4d19e

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.
@@ -15197,13 +15197,22 @@ const BUTTON_SIZE_STYLES = {
15197
15197
  };
15198
15198
  const BUTTON_ROUND_STYLES = {
15199
15199
  none: {
15200
- borderRadius: 0,
15200
+ borderTopLeftRadius: 0,
15201
+ borderTopRightRadius: 0,
15202
+ borderBottomLeftRadius: 0,
15203
+ borderBottomRightRadius: 0,
15201
15204
  },
15202
15205
  default: {
15203
- borderRadius: '4px',
15206
+ borderTopLeftRadius: '4px',
15207
+ borderTopRightRadius: '4px',
15208
+ borderBottomLeftRadius: '4px',
15209
+ borderBottomRightRadius: '4px',
15204
15210
  },
15205
15211
  fulled: {
15206
- borderRadius: '56px',
15212
+ borderTopLeftRadius: '9999px',
15213
+ borderTopRightRadius: '9999px',
15214
+ borderBottomLeftRadius: '9999px',
15215
+ borderBottomRightRadius: '9999px',
15207
15216
  },
15208
15217
  };
15209
15218
  const BUTTON_WRAP_STYLES = {
@@ -15267,7 +15276,7 @@ function add_css$k(target) {
15267
15276
  append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;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;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15268
15277
  }
15269
15278
 
15270
- // (86:2) {#if props.isIcon && props.iconVariant}
15279
+ // (91:2) {#if props.isIcon && props.iconVariant}
15271
15280
  function create_if_block$7(ctx) {
15272
15281
  let div;
15273
15282
  let icon;
@@ -15333,7 +15342,7 @@ function create_if_block$7(ctx) {
15333
15342
  };
15334
15343
  }
15335
15344
 
15336
- // (77:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
15345
+ // (82:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
15337
15346
  function create_dynamic_element$9(ctx) {
15338
15347
  let svelte_element;
15339
15348
  let t0;
@@ -15584,7 +15593,14 @@ function instance$m($$self, $$props, $$invalidate) {
15584
15593
  width: props.width,
15585
15594
  fontWeight: props.fontWeight ?? 'bold',
15586
15595
  ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
15587
- ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
15596
+ ...props.borderTopLeftRadius
15597
+ ? {
15598
+ borderTopLeftRadius: props.borderTopLeftRadius,
15599
+ borderTopRightRadius: props.borderTopRightRadius,
15600
+ borderBottomLeftRadius: props.borderBottomLeftRadius,
15601
+ borderBottomRightRadius: props.borderBottomRightRadius
15602
+ }
15603
+ : BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
15588
15604
  ...props.iconAngle
15589
15605
  ? { flexDirection: props.iconAngle }
15590
15606
  : {},
package/dist/index.es.js CHANGED
@@ -14140,13 +14140,22 @@ const BUTTON_SIZE_STYLES = {
14140
14140
  };
14141
14141
  const BUTTON_ROUND_STYLES = {
14142
14142
  none: {
14143
- borderRadius: 0,
14143
+ borderTopLeftRadius: 0,
14144
+ borderTopRightRadius: 0,
14145
+ borderBottomLeftRadius: 0,
14146
+ borderBottomRightRadius: 0,
14144
14147
  },
14145
14148
  default: {
14146
- borderRadius: '4px',
14149
+ borderTopLeftRadius: '4px',
14150
+ borderTopRightRadius: '4px',
14151
+ borderBottomLeftRadius: '4px',
14152
+ borderBottomRightRadius: '4px',
14147
14153
  },
14148
14154
  fulled: {
14149
- borderRadius: '56px',
14155
+ borderTopLeftRadius: '9999px',
14156
+ borderTopRightRadius: '9999px',
14157
+ borderBottomLeftRadius: '9999px',
14158
+ borderBottomRightRadius: '9999px',
14150
14159
  },
14151
14160
  };
14152
14161
  const BUTTON_WRAP_STYLES = {
@@ -14210,7 +14219,7 @@ function add_css$k(target) {
14210
14219
  append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;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;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
14211
14220
  }
14212
14221
 
14213
- // (86:2) {#if props.isIcon && props.iconVariant}
14222
+ // (91:2) {#if props.isIcon && props.iconVariant}
14214
14223
  function create_if_block$7(ctx) {
14215
14224
  let div;
14216
14225
  let icon;
@@ -14266,7 +14275,7 @@ function create_if_block$7(ctx) {
14266
14275
  };
14267
14276
  }
14268
14277
 
14269
- // (77:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
14278
+ // (82:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
14270
14279
  function create_dynamic_element$9(ctx) {
14271
14280
  let svelte_element;
14272
14281
  let t0;
@@ -14492,7 +14501,14 @@ function instance$m($$self, $$props, $$invalidate) {
14492
14501
  width: props.width,
14493
14502
  fontWeight: props.fontWeight ?? 'bold',
14494
14503
  ...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
14495
- ...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
14504
+ ...props.borderTopLeftRadius
14505
+ ? {
14506
+ borderTopLeftRadius: props.borderTopLeftRadius,
14507
+ borderTopRightRadius: props.borderTopRightRadius,
14508
+ borderBottomLeftRadius: props.borderBottomLeftRadius,
14509
+ borderBottomRightRadius: props.borderBottomRightRadius
14510
+ }
14511
+ : BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
14496
14512
  ...props.iconAngle
14497
14513
  ? { flexDirection: props.iconAngle }
14498
14514
  : {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.263-29030995.9b8e68df",
3
+ "version": "1.1.263-29037094.abd4d19e",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",