@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.
@@ -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;
@@ -15058,44 +15058,34 @@ const buttonOutlinedPropsDefault = {
15058
15058
 
15059
15059
  const BUTTON_OUTLINED_SIZE_STYLES = {
15060
15060
  extra_small: {
15061
- minHeight: '32px',
15062
- paddingInline: '12px',
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
- minHeight: '36px',
15070
- paddingInline: '16px',
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
- minHeight: '40px',
15078
- paddingInline: '24px',
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
- minHeight: '48px',
15086
- paddingInline: '32px',
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
- minHeight: '56px',
15094
- paddingInline: '40px',
15095
- fontSize: '17px',
15096
- paddingBlock: '12px',
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
- // (37:2) {#if props.isIcon && props.iconVariant}
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
- // (29:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
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-2a0zgd", ".layout.svelte-2a0zgd{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-2a0zgd{cursor:pointer}");
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-2a0zgd", true);
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-2a0zgd", true);
16485
+ toggle_class(svelte_element, "svelte-139vx15", true);
16489
16486
  },
16490
16487
  i(local) {
16491
16488
  if (current) return;
@@ -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
- minHeight: '32px',
13971
- paddingInline: '12px',
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
- minHeight: '36px',
13979
- paddingInline: '16px',
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
- minHeight: '40px',
13987
- paddingInline: '24px',
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
- minHeight: '48px',
13995
- paddingInline: '32px',
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
- minHeight: '56px',
14003
- paddingInline: '40px',
14004
- fontSize: '17px',
14005
- paddingBlock: '12px',
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
- // (37:2) {#if props.isIcon && props.iconVariant}
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
- // (29:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
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-2a0zgd", ".layout.svelte-2a0zgd{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-2a0zgd{cursor:pointer}");
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-2a0zgd", true);
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-2a0zgd", true);
15244
+ toggle_class(svelte_element, "svelte-139vx15", true);
15248
15245
  },
15249
15246
  i(local) {
15250
15247
  if (current) return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.253-28790175.283df2c9",
3
+ "version": "1.1.253-28798893.ff28cf85",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",