@plaidev/karte-action-sdk 1.1.241-28705558.eff03b11 → 1.1.241-28706520.9a16bb68

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.
Files changed (5) hide show
  1. package/dist/hydrate/index.es.d.ts +5 -0
  2. package/dist/hydrate/index.es.js +14 -15
  3. package/dist/index.es.d.ts +5 -0
  4. package/dist/index.es.js +14 -15
  5. package/package.json +1 -1
package/dist/hydrate/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/hydrate/index.es.js CHANGED
@@ -13979,7 +13979,7 @@ function add_css$8(target) {
13979
13979
  append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
13980
13980
  }
13981
13981
 
13982
- // (20:0) {#if (IconComponent)}
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-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}");
14276
14276
  }
14277
14277
 
14278
- // (47:2) {#if (props.isIcon && props.iconVariant)}
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'].theme
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'].theme
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-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
12985
12985
  }
12986
12986
 
12987
- // (20:0) {#if (IconComponent)}
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-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}");
13262
13262
  }
13263
13263
 
13264
- // (47:2) {#if (props.isIcon && props.iconVariant)}
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'].theme
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'].theme
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',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.241-28705558.eff03b11",
3
+ "version": "1.1.241-28706520.9a16bb68",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",