@plaidev/karte-action-sdk 1.1.242-28708542.18985484 → 1.1.242-28709353.8f816485

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 +1 -1
  2. package/dist/hydrate/index.es.js +14 -10
  3. package/dist/index.es.d.ts +1 -1
  4. package/dist/index.es.js +14 -10
  5. package/package.json +1 -1
package/dist/hydrate/index.es.d.ts CHANGED
@@ -2542,7 +2542,7 @@ declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
2542
2542
  right: string;
2543
2543
  left: string;
2544
2544
  };
2545
- type CloseButtonProps = CommonProps & {
2545
+ type CloseButtonProps = CommonProps & BorderProps & {
2546
2546
  size?: number;
2547
2547
  placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
2548
2548
  round?: keyof typeof CLOSE_BUTTON_ROUND;
package/dist/hydrate/index.es.js CHANGED
@@ -14969,7 +14969,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
14969
14969
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14970
14970
 
14971
14971
  function add_css$5(target) {
14972
- append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
14972
+ append_styles(target, "svelte-sbhaxh", ".close.svelte-sbhaxh{position:absolute;top:8px;right:8px}.close-button-row.svelte-sbhaxh{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-sbhaxh{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-sbhaxh:hover{transform:rotate(90deg)}.close-button-order-one.svelte-sbhaxh{order:1}.close-button-order-two.svelte-sbhaxh{order:2}.close-button-label.svelte-sbhaxh{color:var(--close-button-label-color, '#ccc')}");
14973
14973
  }
14974
14974
 
14975
14975
  // (99:4) {#if hasLabel}
@@ -14995,7 +14995,7 @@ function create_if_block$2(ctx) {
14995
14995
 
14996
14996
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
14997
14997
  ? 'close-button-order-one'
14998
- : '') + " svelte-1l8m1e9");
14998
+ : '') + " svelte-sbhaxh");
14999
14999
  },
15000
15000
  m(target, anchor) {
15001
15001
  insert_hydration(target, span, anchor);
@@ -15086,16 +15086,16 @@ function create_fragment$5(ctx) {
15086
15086
  this.h();
15087
15087
  },
15088
15088
  h() {
15089
- attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
15089
+ attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
15090
15090
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
15091
15091
  set_style(svg, "width", "75%");
15092
15092
  set_style(svg, "height", "75%");
15093
- attr(svg, "viewBox", "0 0 50 50");
15093
+ attr(svg, "viewBox", "0 0 384 512");
15094
15094
  attr(svg, "fill", /*color*/ ctx[6]);
15095
15095
  set_attributes(button, button_data);
15096
- toggle_class(button, "svelte-1l8m1e9", true);
15097
- attr(div0, "class", "close-button-row svelte-1l8m1e9");
15098
- attr(div1, "class", "close svelte-1l8m1e9");
15096
+ toggle_class(button, "svelte-sbhaxh", true);
15097
+ attr(div0, "class", "close-button-row svelte-sbhaxh");
15098
+ attr(div1, "class", "close svelte-sbhaxh");
15099
15099
  attr(div1, "style", /*rootStyle*/ ctx[3]);
15100
15100
  },
15101
15101
  m(target, anchor) {
@@ -15121,7 +15121,7 @@ function create_fragment$5(ctx) {
15121
15121
  dataAttrStopPropagation('click')
15122
15122
  ]));
15123
15123
 
15124
- toggle_class(button, "svelte-1l8m1e9", true);
15124
+ toggle_class(button, "svelte-sbhaxh", true);
15125
15125
 
15126
15126
  if (/*hasLabel*/ ctx[4]) {
15127
15127
  if (if_block) {
@@ -15216,6 +15216,10 @@ function instance$5($$self, $$props, $$invalidate) {
15216
15216
  }));
15217
15217
  }
15218
15218
 
15219
+ if ($$self.$$.dirty & /*props*/ 512) {
15220
+ $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
15221
+ }
15222
+
15219
15223
  if ($$self.$$.dirty & /*props*/ 512) {
15220
15224
  $$invalidate(1, style = objToStyle({
15221
15225
  width: `${size}px`,
@@ -15223,13 +15227,13 @@ function instance$5($$self, $$props, $$invalidate) {
15223
15227
  ...props.bordered && { border: '1px solid #666' },
15224
15228
  backgroundColor: props.backgroundColor ?? 'transparent',
15225
15229
  ...VARIANTS.round[props.round ?? 'default'],
15226
- ...toCssCommon(props)
15230
+ ...toCssCommon(props),
15231
+ ...toCssBorder(props)
15227
15232
  }));
15228
15233
  }
15229
15234
  };
15230
15235
 
15231
15236
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
15232
- $$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
15233
15237
 
15234
15238
  return [
15235
15239
  layerId,
package/dist/index.es.d.ts CHANGED
@@ -2542,7 +2542,7 @@ declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
2542
2542
  right: string;
2543
2543
  left: string;
2544
2544
  };
2545
- type CloseButtonProps = CommonProps & {
2545
+ type CloseButtonProps = CommonProps & BorderProps & {
2546
2546
  size?: number;
2547
2547
  placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
2548
2548
  round?: keyof typeof CLOSE_BUTTON_ROUND;
package/dist/index.es.js CHANGED
@@ -13895,7 +13895,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
13895
13895
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13896
13896
 
13897
13897
  function add_css$5(target) {
13898
- append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
13898
+ append_styles(target, "svelte-sbhaxh", ".close.svelte-sbhaxh{position:absolute;top:8px;right:8px}.close-button-row.svelte-sbhaxh{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-sbhaxh{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-sbhaxh:hover{transform:rotate(90deg)}.close-button-order-one.svelte-sbhaxh{order:1}.close-button-order-two.svelte-sbhaxh{order:2}.close-button-label.svelte-sbhaxh{color:var(--close-button-label-color, '#ccc')}");
13899
13899
  }
13900
13900
 
13901
13901
  // (99:4) {#if hasLabel}
@@ -13911,7 +13911,7 @@ function create_if_block$2(ctx) {
13911
13911
 
13912
13912
  attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
13913
13913
  ? 'close-button-order-one'
13914
- : '') + " svelte-1l8m1e9");
13914
+ : '') + " svelte-sbhaxh");
13915
13915
  },
13916
13916
  m(target, anchor) {
13917
13917
  insert(target, span, anchor);
@@ -13967,16 +13967,16 @@ function create_fragment$5(ctx) {
13967
13967
  path = svg_element("path");
13968
13968
  t = space();
13969
13969
  if (if_block) if_block.c();
13970
- attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
13970
+ attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
13971
13971
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
13972
13972
  set_style(svg, "width", "75%");
13973
13973
  set_style(svg, "height", "75%");
13974
- attr(svg, "viewBox", "0 0 50 50");
13974
+ attr(svg, "viewBox", "0 0 384 512");
13975
13975
  attr(svg, "fill", /*color*/ ctx[6]);
13976
13976
  set_attributes(button, button_data);
13977
- toggle_class(button, "svelte-1l8m1e9", true);
13978
- attr(div0, "class", "close-button-row svelte-1l8m1e9");
13979
- attr(div1, "class", "close svelte-1l8m1e9");
13977
+ toggle_class(button, "svelte-sbhaxh", true);
13978
+ attr(div0, "class", "close-button-row svelte-sbhaxh");
13979
+ attr(div1, "class", "close svelte-sbhaxh");
13980
13980
  attr(div1, "style", /*rootStyle*/ ctx[3]);
13981
13981
  },
13982
13982
  m(target, anchor) {
@@ -14002,7 +14002,7 @@ function create_fragment$5(ctx) {
14002
14002
  dataAttrStopPropagation('click')
14003
14003
  ]));
14004
14004
 
14005
- toggle_class(button, "svelte-1l8m1e9", true);
14005
+ toggle_class(button, "svelte-sbhaxh", true);
14006
14006
 
14007
14007
  if (/*hasLabel*/ ctx[4]) {
14008
14008
  if (if_block) {
@@ -14097,6 +14097,10 @@ function instance$5($$self, $$props, $$invalidate) {
14097
14097
  }));
14098
14098
  }
14099
14099
 
14100
+ if ($$self.$$.dirty & /*props*/ 512) {
14101
+ $$invalidate(2, labelCssVariable = `--close-button-label-color: ${props.labelColor}`);
14102
+ }
14103
+
14100
14104
  if ($$self.$$.dirty & /*props*/ 512) {
14101
14105
  $$invalidate(1, style = objToStyle({
14102
14106
  width: `${size}px`,
@@ -14104,13 +14108,13 @@ function instance$5($$self, $$props, $$invalidate) {
14104
14108
  ...props.bordered && { border: '1px solid #666' },
14105
14109
  backgroundColor: props.backgroundColor ?? 'transparent',
14106
14110
  ...VARIANTS.round[props.round ?? 'default'],
14107
- ...toCssCommon(props)
14111
+ ...toCssCommon(props),
14112
+ ...toCssBorder(props)
14108
14113
  }));
14109
14114
  }
14110
14115
  };
14111
14116
 
14112
14117
  $$invalidate(4, hasLabel = label !== undefined && label !== '');
14113
- $$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
14114
14118
 
14115
14119
  return [
14116
14120
  layerId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.242-28708542.18985484",
3
+ "version": "1.1.242-28709353.8f816485",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",