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

Sign up to get free protection for your applications and to get access to all the features.
@@ -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;
@@ -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,
@@ -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",