@plaidev/karte-action-sdk 1.1.239-28699462.30f6c30b → 1.1.239-28699594.d1f0249e

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/hydrate/index.es.d.ts +2 -9
  2. package/dist/hydrate/index.es.js +109 -200
  3. package/dist/index.es.d.ts +2 -9
  4. package/dist/index.es.js +109 -200
  5. package/package.json +1 -1
package/dist/hydrate/index.es.d.ts CHANGED
@@ -2443,12 +2443,6 @@ declare const BUTTON_THEME: {
2443
2443
  readonly alert: "\u30A2\u30E9\u30FC\u30C8";
2444
2444
  readonly transparent: "\u80CC\u666F\u306A\u3057";
2445
2445
  };
2446
- declare const BUTTON_COLOR: {
2447
- readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
2448
- readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
2449
- readonly alert: "\u30A2\u30E9\u30FC\u30C8";
2450
- readonly transparent: "\u80CC\u666F\u306A\u3057";
2451
- };
2452
2446
  declare const BUTTON_ROUND: {
2453
2447
  readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
2454
2448
  readonly none: "\u306A\u3057";
@@ -2465,7 +2459,6 @@ declare const BUTTON_ICON_ANGLE: {
2465
2459
  type ButtonProps = CommonProps & {
2466
2460
  label?: string;
2467
2461
  size?: keyof typeof BUTTON_SIZE;
2468
- color?: keyof typeof BUTTON_COLOR;
2469
2462
  theme?: keyof typeof BUTTON_THEME;
2470
2463
  round?: keyof typeof BUTTON_ROUND;
2471
2464
  isLink?: boolean;
@@ -2477,7 +2470,7 @@ type ButtonProps = CommonProps & {
2477
2470
  width?: Properties["width"];
2478
2471
  wrap?: "wrap" | "nowrap";
2479
2472
  fontWeight?: Properties["fontWeight"];
2480
- fontColor?: Properties["color"];
2473
+ color?: Properties["color"];
2481
2474
  backgroundColor?: Properties["backgroundColor"];
2482
2475
  };
2483
2476
  declare const BUTTON_VARIANTS: {
@@ -2741,7 +2734,7 @@ declare const TEXT_VARIANTS: {
2741
2734
  };
2742
2735
  };
2743
2736
  };
2744
- export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS };
2737
+ export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS };
2745
2738
  export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
2746
2739
  export { default as State } from './components/State.svelte';
2747
2740
  export { default as StateItem } from './components/StateItem.svelte';
package/dist/hydrate/index.es.js CHANGED
@@ -14176,13 +14176,102 @@ class Icon extends SvelteComponent {
14176
14176
  }
14177
14177
  }
14178
14178
 
14179
+ const BUTTON_VARIANTS = {
14180
+ size: {
14181
+ extra_small: {
14182
+ minHeight: '32px',
14183
+ paddingInline: '12px',
14184
+ fontSize: '12px',
14185
+ paddingBlock: '8px',
14186
+ lineHeight: 1.5,
14187
+ borderRadius: '4px',
14188
+ },
14189
+ small: {
14190
+ minHeight: '36px',
14191
+ paddingInline: '16px',
14192
+ fontSize: '13px',
14193
+ paddingBlock: '8px',
14194
+ lineHeight: 1.5,
14195
+ borderRadius: '4px',
14196
+ },
14197
+ // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
14198
+ medium: {
14199
+ minHeight: '40px',
14200
+ paddingInline: '24px',
14201
+ fontSize: '14px',
14202
+ paddingBlock: '8px',
14203
+ lineHeight: 1.5,
14204
+ borderRadius: '4px',
14205
+ },
14206
+ // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
14207
+ large: {
14208
+ minHeight: '48px',
14209
+ paddingInline: '32px',
14210
+ fontSize: '14px',
14211
+ paddingBlock: '10px',
14212
+ lineHeight: 1.5,
14213
+ borderRadius: '4px',
14214
+ },
14215
+ extra_large: {
14216
+ minHeight: '56px',
14217
+ paddingInline: '40px',
14218
+ fontSize: '17px',
14219
+ paddingBlock: '12px',
14220
+ lineHeight: 1.5,
14221
+ borderRadius: '4px',
14222
+ },
14223
+ },
14224
+ theme: {
14225
+ theme: {
14226
+ backgroundColor: 'rgba(18,160,160,1)',
14227
+ color: '#FFFFFF',
14228
+ fontWeight: 'bold',
14229
+ },
14230
+ default: {
14231
+ backgroundColor: '#33403e',
14232
+ color: '#FFFFFF',
14233
+ fontWeight: 'bold',
14234
+ // 'bg-action-default hover:bg-action-default-hover text-default'
14235
+ },
14236
+ transparent: {
14237
+ backgroundColor: 'rgba(255, 255, 255, 0)',
14238
+ color: '#00100ea1',
14239
+ fontWeight: 'bold',
14240
+ // 'bg-action-default hover:bg-action-default-hover text-default'
14241
+ },
14242
+ alert: {
14243
+ backgroundColor: 'rgb(242,83,32,1)',
14244
+ color: '#FFFFFF',
14245
+ fontWeight: 'bold',
14246
+ // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
14247
+ },
14248
+ },
14249
+ round: {
14250
+ none: {
14251
+ borderRadius: 0,
14252
+ },
14253
+ default: {},
14254
+ fulled: {
14255
+ borderRadius: '56px',
14256
+ },
14257
+ },
14258
+ wrap: {
14259
+ nowrap: {
14260
+ whiteSpace: 'nowrap',
14261
+ },
14262
+ wrap: {
14263
+ whiteSpace: 'pre-wrap',
14264
+ },
14265
+ },
14266
+ };
14267
+
14179
14268
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14180
14269
 
14181
14270
  function add_css$7(target) {
14182
14271
  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}");
14183
14272
  }
14184
14273
 
14185
- // (134:2) {#if (props.isIcon && props.iconVariant)}
14274
+ // (47:2) {#if (props.isIcon && props.iconVariant)}
14186
14275
  function create_if_block$3(ctx) {
14187
14276
  let div;
14188
14277
  let icon;
@@ -14192,7 +14281,7 @@ function create_if_block$3(ctx) {
14192
14281
  props: {
14193
14282
  props: {
14194
14283
  variant: /*props*/ ctx[0].iconVariant,
14195
- color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
14284
+ color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
14196
14285
  }
14197
14286
  }
14198
14287
  });
@@ -14223,7 +14312,7 @@ function create_if_block$3(ctx) {
14223
14312
 
14224
14313
  if (dirty & /*props*/ 1) icon_changes.props = {
14225
14314
  variant: /*props*/ ctx[0].iconVariant,
14226
- color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
14315
+ color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
14227
14316
  };
14228
14317
 
14229
14318
  icon.$set(icon_changes);
@@ -14295,7 +14384,7 @@ function create_fragment$7(ctx) {
14295
14384
  current = true;
14296
14385
 
14297
14386
  if (!mounted) {
14298
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
14387
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
14299
14388
  mounted = true;
14300
14389
  }
14301
14390
  },
@@ -14359,96 +14448,11 @@ function instance$7($$self, $$props, $$invalidate) {
14359
14448
  let { props = {} } = $$props;
14360
14449
  let { layerId = '' } = $$props;
14361
14450
 
14362
- const VARIANTS = {
14363
- size: {
14364
- extra_small: {
14365
- minHeight: '32px',
14366
- paddingInline: '12px',
14367
- fontSize: '12px',
14368
- paddingBlock: '8px',
14369
- lineHeight: 1.5,
14370
- borderRadius: '4px'
14371
- },
14372
- small: {
14373
- minHeight: '36px',
14374
- paddingInline: '16px',
14375
- fontSize: '13px',
14376
- paddingBlock: '8px',
14377
- lineHeight: 1.5,
14378
- borderRadius: '4px'
14379
- },
14380
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
14381
- medium: {
14382
- minHeight: '40px',
14383
- paddingInline: '24px',
14384
- fontSize: '14px',
14385
- paddingBlock: '8px',
14386
- lineHeight: 1.5,
14387
- borderRadius: '4px'
14388
- },
14389
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
14390
- large: {
14391
- minHeight: '48px',
14392
- paddingInline: '32px',
14393
- fontSize: '14px',
14394
- paddingBlock: '10px',
14395
- lineHeight: 1.5,
14396
- borderRadius: '4px'
14397
- },
14398
- extra_large: {
14399
- minHeight: '56px',
14400
- paddingInline: '40px',
14401
- fontSize: '17px',
14402
- paddingBlock: '12px',
14403
- lineHeight: 1.5,
14404
- borderRadius: '4px'
14405
- }
14406
- },
14407
- color: {
14408
- theme: {
14409
- backgroundColor: 'rgba(18,160,160,1)',
14410
- color: '#FFFFFF',
14411
- fontWeight: 'bold'
14412
- },
14413
- default: {
14414
- backgroundColor: '#33403e',
14415
- color: '#FFFFFF',
14416
- fontWeight: 'bold'
14417
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
14418
- transparent: {
14419
- backgroundColor: 'rgba(255, 255, 255, 0)',
14420
- color: '#00100ea1',
14421
- fontWeight: 'bold'
14422
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
14423
- alert: {
14424
- backgroundColor: 'rgb(242,83,32,1)',
14425
- color: '#FFFFFF',
14426
- fontWeight: 'bold'
14427
- }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
14428
-
14429
- },
14430
- round: {
14431
- none: { borderRadius: 0 },
14432
- default: {},
14433
- fulled: { borderRadius: '56px' }
14434
- },
14435
- wrap: {
14436
- nowrap: { whiteSpace: 'nowrap' },
14437
- wrap: { whiteSpace: 'pre-wrap' }
14438
- }
14439
- };
14440
-
14441
- const getCssColor = () => {
14451
+ const getCssVariantTheme = () => {
14442
14452
  return {
14443
- backgroundColor: props.backgroundColor
14444
- ? props.backgroundColor
14445
- : VARIANTS.color[props.color ?? 'default'].backgroundColor,
14446
- color: props.fontColor
14447
- ? props.fontColor
14448
- : VARIANTS.color[props.color ?? 'default'].color,
14449
- fontWeight: props.fontWeight
14450
- ? props.fontWeight
14451
- : VARIANTS.color[props.color ?? 'default'].fontWeight
14453
+ backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
14454
+ color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
14455
+ fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
14452
14456
  };
14453
14457
  };
14454
14458
 
@@ -14461,9 +14465,9 @@ function instance$7($$self, $$props, $$invalidate) {
14461
14465
  }
14462
14466
 
14463
14467
  $$self.$$set = $$props => {
14464
- if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
14465
- if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
14466
- if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
14468
+ if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
14469
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
14470
+ if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
14467
14471
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
14468
14472
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
14469
14473
  };
@@ -14479,19 +14483,19 @@ function instance$7($$self, $$props, $$invalidate) {
14479
14483
  border: 0,
14480
14484
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
14481
14485
  width: props.width,
14482
- ...VARIANTS.size[props.size ?? 'medium'],
14483
- ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
14484
- ...VARIANTS.round[props.round ?? 'default'],
14486
+ ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
14487
+ ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
14488
+ ...BUTTON_VARIANTS.round[props.round ?? 'default'],
14485
14489
  ...props.iconAngle
14486
14490
  ? { flexDirection: props.iconAngle }
14487
14491
  : {},
14488
- ...getCssColor(),
14492
+ ...getCssVariantTheme(),
14489
14493
  ...toCssCommon(props)
14490
14494
  }));
14491
14495
  }
14492
14496
  };
14493
14497
 
14494
- return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
14498
+ return [props, layerId, style, handleClick, onClick, eventName, eventValue];
14495
14499
  }
14496
14500
 
14497
14501
  class Button extends SvelteComponent {
@@ -14505,9 +14509,9 @@ class Button extends SvelteComponent {
14505
14509
  create_fragment$7,
14506
14510
  safe_not_equal,
14507
14511
  {
14508
- onClick: 5,
14509
- eventName: 6,
14510
- eventValue: 7,
14512
+ onClick: 4,
14513
+ eventName: 5,
14514
+ eventValue: 6,
14511
14515
  props: 0,
14512
14516
  layerId: 1
14513
14517
  },
@@ -14529,12 +14533,6 @@ const BUTTON_THEME = {
14529
14533
  alert: 'アラート',
14530
14534
  transparent: '背景なし',
14531
14535
  };
14532
- const BUTTON_COLOR = {
14533
- default: 'デフォルト',
14534
- theme: 'テーマカラー',
14535
- alert: 'アラート',
14536
- transparent: '背景なし',
14537
- };
14538
14536
  const BUTTON_ROUND = {
14539
14537
  default: 'デフォルト',
14540
14538
  none: 'なし',
@@ -14549,95 +14547,6 @@ const BUTTON_ICON_ANGLE = {
14549
14547
  'row-reverse': '右側',
14550
14548
  };
14551
14549
 
14552
- const BUTTON_VARIANTS = {
14553
- size: {
14554
- extra_small: {
14555
- minHeight: '32px',
14556
- paddingInline: '12px',
14557
- fontSize: '12px',
14558
- paddingBlock: '8px',
14559
- lineHeight: 1.5,
14560
- borderRadius: '4px',
14561
- },
14562
- small: {
14563
- minHeight: '36px',
14564
- paddingInline: '16px',
14565
- fontSize: '13px',
14566
- paddingBlock: '8px',
14567
- lineHeight: 1.5,
14568
- borderRadius: '4px',
14569
- },
14570
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
14571
- medium: {
14572
- minHeight: '40px',
14573
- paddingInline: '24px',
14574
- fontSize: '14px',
14575
- paddingBlock: '8px',
14576
- lineHeight: 1.5,
14577
- borderRadius: '4px',
14578
- },
14579
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
14580
- large: {
14581
- minHeight: '48px',
14582
- paddingInline: '32px',
14583
- fontSize: '14px',
14584
- paddingBlock: '10px',
14585
- lineHeight: 1.5,
14586
- borderRadius: '4px',
14587
- },
14588
- extra_large: {
14589
- minHeight: '56px',
14590
- paddingInline: '40px',
14591
- fontSize: '17px',
14592
- paddingBlock: '12px',
14593
- lineHeight: 1.5,
14594
- borderRadius: '4px',
14595
- },
14596
- },
14597
- theme: {
14598
- theme: {
14599
- backgroundColor: 'rgba(18,160,160,1)',
14600
- color: '#FFFFFF',
14601
- fontWeight: 'bold',
14602
- },
14603
- default: {
14604
- backgroundColor: '#33403e',
14605
- color: '#FFFFFF',
14606
- fontWeight: 'bold',
14607
- // 'bg-action-default hover:bg-action-default-hover text-default'
14608
- },
14609
- transparent: {
14610
- backgroundColor: 'rgba(255, 255, 255, 0)',
14611
- color: '#00100ea1',
14612
- fontWeight: 'bold',
14613
- // 'bg-action-default hover:bg-action-default-hover text-default'
14614
- },
14615
- alert: {
14616
- backgroundColor: 'rgb(242,83,32,1)',
14617
- color: '#FFFFFF',
14618
- fontWeight: 'bold',
14619
- // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
14620
- },
14621
- },
14622
- round: {
14623
- none: {
14624
- borderRadius: 0,
14625
- },
14626
- default: {},
14627
- fulled: {
14628
- borderRadius: '56px',
14629
- },
14630
- },
14631
- wrap: {
14632
- nowrap: {
14633
- whiteSpace: 'nowrap',
14634
- },
14635
- wrap: {
14636
- whiteSpace: 'pre-wrap',
14637
- },
14638
- },
14639
- };
14640
-
14641
14550
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
14642
14551
 
14643
14552
  function add_css$6(target) {
@@ -16401,4 +16310,4 @@ class Modal extends SvelteComponent {
16401
16310
  }
16402
16311
  }
16403
16312
 
16404
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
16313
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
package/dist/index.es.d.ts CHANGED
@@ -2443,12 +2443,6 @@ declare const BUTTON_THEME: {
2443
2443
  readonly alert: "\u30A2\u30E9\u30FC\u30C8";
2444
2444
  readonly transparent: "\u80CC\u666F\u306A\u3057";
2445
2445
  };
2446
- declare const BUTTON_COLOR: {
2447
- readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
2448
- readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
2449
- readonly alert: "\u30A2\u30E9\u30FC\u30C8";
2450
- readonly transparent: "\u80CC\u666F\u306A\u3057";
2451
- };
2452
2446
  declare const BUTTON_ROUND: {
2453
2447
  readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
2454
2448
  readonly none: "\u306A\u3057";
@@ -2465,7 +2459,6 @@ declare const BUTTON_ICON_ANGLE: {
2465
2459
  type ButtonProps = CommonProps & {
2466
2460
  label?: string;
2467
2461
  size?: keyof typeof BUTTON_SIZE;
2468
- color?: keyof typeof BUTTON_COLOR;
2469
2462
  theme?: keyof typeof BUTTON_THEME;
2470
2463
  round?: keyof typeof BUTTON_ROUND;
2471
2464
  isLink?: boolean;
@@ -2477,7 +2470,7 @@ type ButtonProps = CommonProps & {
2477
2470
  width?: Properties["width"];
2478
2471
  wrap?: "wrap" | "nowrap";
2479
2472
  fontWeight?: Properties["fontWeight"];
2480
- fontColor?: Properties["color"];
2473
+ color?: Properties["color"];
2481
2474
  backgroundColor?: Properties["backgroundColor"];
2482
2475
  };
2483
2476
  declare const BUTTON_VARIANTS: {
@@ -2741,7 +2734,7 @@ declare const TEXT_VARIANTS: {
2741
2734
  };
2742
2735
  };
2743
2736
  };
2744
- export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS };
2737
+ export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS };
2745
2738
  export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
2746
2739
  export { default as State } from './components/State.svelte';
2747
2740
  export { default as StateItem } from './components/StateItem.svelte';
package/dist/index.es.js CHANGED
@@ -13162,13 +13162,102 @@ class Icon extends SvelteComponent {
13162
13162
  }
13163
13163
  }
13164
13164
 
13165
+ const BUTTON_VARIANTS = {
13166
+ size: {
13167
+ extra_small: {
13168
+ minHeight: '32px',
13169
+ paddingInline: '12px',
13170
+ fontSize: '12px',
13171
+ paddingBlock: '8px',
13172
+ lineHeight: 1.5,
13173
+ borderRadius: '4px',
13174
+ },
13175
+ small: {
13176
+ minHeight: '36px',
13177
+ paddingInline: '16px',
13178
+ fontSize: '13px',
13179
+ paddingBlock: '8px',
13180
+ lineHeight: 1.5,
13181
+ borderRadius: '4px',
13182
+ },
13183
+ // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13184
+ medium: {
13185
+ minHeight: '40px',
13186
+ paddingInline: '24px',
13187
+ fontSize: '14px',
13188
+ paddingBlock: '8px',
13189
+ lineHeight: 1.5,
13190
+ borderRadius: '4px',
13191
+ },
13192
+ // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13193
+ large: {
13194
+ minHeight: '48px',
13195
+ paddingInline: '32px',
13196
+ fontSize: '14px',
13197
+ paddingBlock: '10px',
13198
+ lineHeight: 1.5,
13199
+ borderRadius: '4px',
13200
+ },
13201
+ extra_large: {
13202
+ minHeight: '56px',
13203
+ paddingInline: '40px',
13204
+ fontSize: '17px',
13205
+ paddingBlock: '12px',
13206
+ lineHeight: 1.5,
13207
+ borderRadius: '4px',
13208
+ },
13209
+ },
13210
+ theme: {
13211
+ theme: {
13212
+ backgroundColor: 'rgba(18,160,160,1)',
13213
+ color: '#FFFFFF',
13214
+ fontWeight: 'bold',
13215
+ },
13216
+ default: {
13217
+ backgroundColor: '#33403e',
13218
+ color: '#FFFFFF',
13219
+ fontWeight: 'bold',
13220
+ // 'bg-action-default hover:bg-action-default-hover text-default'
13221
+ },
13222
+ transparent: {
13223
+ backgroundColor: 'rgba(255, 255, 255, 0)',
13224
+ color: '#00100ea1',
13225
+ fontWeight: 'bold',
13226
+ // 'bg-action-default hover:bg-action-default-hover text-default'
13227
+ },
13228
+ alert: {
13229
+ backgroundColor: 'rgb(242,83,32,1)',
13230
+ color: '#FFFFFF',
13231
+ fontWeight: 'bold',
13232
+ // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13233
+ },
13234
+ },
13235
+ round: {
13236
+ none: {
13237
+ borderRadius: 0,
13238
+ },
13239
+ default: {},
13240
+ fulled: {
13241
+ borderRadius: '56px',
13242
+ },
13243
+ },
13244
+ wrap: {
13245
+ nowrap: {
13246
+ whiteSpace: 'nowrap',
13247
+ },
13248
+ wrap: {
13249
+ whiteSpace: 'pre-wrap',
13250
+ },
13251
+ },
13252
+ };
13253
+
13165
13254
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13166
13255
 
13167
13256
  function add_css$7(target) {
13168
13257
  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}");
13169
13258
  }
13170
13259
 
13171
- // (134:2) {#if (props.isIcon && props.iconVariant)}
13260
+ // (47:2) {#if (props.isIcon && props.iconVariant)}
13172
13261
  function create_if_block$3(ctx) {
13173
13262
  let div;
13174
13263
  let icon;
@@ -13178,7 +13267,7 @@ function create_if_block$3(ctx) {
13178
13267
  props: {
13179
13268
  props: {
13180
13269
  variant: /*props*/ ctx[0].iconVariant,
13181
- color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13270
+ color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
13182
13271
  }
13183
13272
  }
13184
13273
  });
@@ -13199,7 +13288,7 @@ function create_if_block$3(ctx) {
13199
13288
 
13200
13289
  if (dirty & /*props*/ 1) icon_changes.props = {
13201
13290
  variant: /*props*/ ctx[0].iconVariant,
13202
- color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
13291
+ color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
13203
13292
  };
13204
13293
 
13205
13294
  icon.$set(icon_changes);
@@ -13251,7 +13340,7 @@ function create_fragment$7(ctx) {
13251
13340
  current = true;
13252
13341
 
13253
13342
  if (!mounted) {
13254
- dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
13343
+ dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
13255
13344
  mounted = true;
13256
13345
  }
13257
13346
  },
@@ -13315,96 +13404,11 @@ function instance$7($$self, $$props, $$invalidate) {
13315
13404
  let { props = {} } = $$props;
13316
13405
  let { layerId = '' } = $$props;
13317
13406
 
13318
- const VARIANTS = {
13319
- size: {
13320
- extra_small: {
13321
- minHeight: '32px',
13322
- paddingInline: '12px',
13323
- fontSize: '12px',
13324
- paddingBlock: '8px',
13325
- lineHeight: 1.5,
13326
- borderRadius: '4px'
13327
- },
13328
- small: {
13329
- minHeight: '36px',
13330
- paddingInline: '16px',
13331
- fontSize: '13px',
13332
- paddingBlock: '8px',
13333
- lineHeight: 1.5,
13334
- borderRadius: '4px'
13335
- },
13336
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13337
- medium: {
13338
- minHeight: '40px',
13339
- paddingInline: '24px',
13340
- fontSize: '14px',
13341
- paddingBlock: '8px',
13342
- lineHeight: 1.5,
13343
- borderRadius: '4px'
13344
- },
13345
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13346
- large: {
13347
- minHeight: '48px',
13348
- paddingInline: '32px',
13349
- fontSize: '14px',
13350
- paddingBlock: '10px',
13351
- lineHeight: 1.5,
13352
- borderRadius: '4px'
13353
- },
13354
- extra_large: {
13355
- minHeight: '56px',
13356
- paddingInline: '40px',
13357
- fontSize: '17px',
13358
- paddingBlock: '12px',
13359
- lineHeight: 1.5,
13360
- borderRadius: '4px'
13361
- }
13362
- },
13363
- color: {
13364
- theme: {
13365
- backgroundColor: 'rgba(18,160,160,1)',
13366
- color: '#FFFFFF',
13367
- fontWeight: 'bold'
13368
- },
13369
- default: {
13370
- backgroundColor: '#33403e',
13371
- color: '#FFFFFF',
13372
- fontWeight: 'bold'
13373
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
13374
- transparent: {
13375
- backgroundColor: 'rgba(255, 255, 255, 0)',
13376
- color: '#00100ea1',
13377
- fontWeight: 'bold'
13378
- }, // 'bg-action-default hover:bg-action-default-hover text-default'
13379
- alert: {
13380
- backgroundColor: 'rgb(242,83,32,1)',
13381
- color: '#FFFFFF',
13382
- fontWeight: 'bold'
13383
- }, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13384
-
13385
- },
13386
- round: {
13387
- none: { borderRadius: 0 },
13388
- default: {},
13389
- fulled: { borderRadius: '56px' }
13390
- },
13391
- wrap: {
13392
- nowrap: { whiteSpace: 'nowrap' },
13393
- wrap: { whiteSpace: 'pre-wrap' }
13394
- }
13395
- };
13396
-
13397
- const getCssColor = () => {
13407
+ const getCssVariantTheme = () => {
13398
13408
  return {
13399
- backgroundColor: props.backgroundColor
13400
- ? props.backgroundColor
13401
- : VARIANTS.color[props.color ?? 'default'].backgroundColor,
13402
- color: props.fontColor
13403
- ? props.fontColor
13404
- : VARIANTS.color[props.color ?? 'default'].color,
13405
- fontWeight: props.fontWeight
13406
- ? props.fontWeight
13407
- : VARIANTS.color[props.color ?? 'default'].fontWeight
13409
+ backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
13410
+ color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
13411
+ fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
13408
13412
  };
13409
13413
  };
13410
13414
 
@@ -13417,9 +13421,9 @@ function instance$7($$self, $$props, $$invalidate) {
13417
13421
  }
13418
13422
 
13419
13423
  $$self.$$set = $$props => {
13420
- if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
13421
- if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
13422
- if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
13424
+ if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
13425
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
13426
+ if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
13423
13427
  if ('props' in $$props) $$invalidate(0, props = $$props.props);
13424
13428
  if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
13425
13429
  };
@@ -13435,19 +13439,19 @@ function instance$7($$self, $$props, $$invalidate) {
13435
13439
  border: 0,
13436
13440
  transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
13437
13441
  width: props.width,
13438
- ...VARIANTS.size[props.size ?? 'medium'],
13439
- ...VARIANTS.wrap[props.wrap ?? 'nowrap'],
13440
- ...VARIANTS.round[props.round ?? 'default'],
13442
+ ...BUTTON_VARIANTS.size[props.size ?? 'medium'],
13443
+ ...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
13444
+ ...BUTTON_VARIANTS.round[props.round ?? 'default'],
13441
13445
  ...props.iconAngle
13442
13446
  ? { flexDirection: props.iconAngle }
13443
13447
  : {},
13444
- ...getCssColor(),
13448
+ ...getCssVariantTheme(),
13445
13449
  ...toCssCommon(props)
13446
13450
  }));
13447
13451
  }
13448
13452
  };
13449
13453
 
13450
- return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
13454
+ return [props, layerId, style, handleClick, onClick, eventName, eventValue];
13451
13455
  }
13452
13456
 
13453
13457
  class Button extends SvelteComponent {
@@ -13461,9 +13465,9 @@ class Button extends SvelteComponent {
13461
13465
  create_fragment$7,
13462
13466
  safe_not_equal,
13463
13467
  {
13464
- onClick: 5,
13465
- eventName: 6,
13466
- eventValue: 7,
13468
+ onClick: 4,
13469
+ eventName: 5,
13470
+ eventValue: 6,
13467
13471
  props: 0,
13468
13472
  layerId: 1
13469
13473
  },
@@ -13485,12 +13489,6 @@ const BUTTON_THEME = {
13485
13489
  alert: 'アラート',
13486
13490
  transparent: '背景なし',
13487
13491
  };
13488
- const BUTTON_COLOR = {
13489
- default: 'デフォルト',
13490
- theme: 'テーマカラー',
13491
- alert: 'アラート',
13492
- transparent: '背景なし',
13493
- };
13494
13492
  const BUTTON_ROUND = {
13495
13493
  default: 'デフォルト',
13496
13494
  none: 'なし',
@@ -13505,95 +13503,6 @@ const BUTTON_ICON_ANGLE = {
13505
13503
  'row-reverse': '右側',
13506
13504
  };
13507
13505
 
13508
- const BUTTON_VARIANTS = {
13509
- size: {
13510
- extra_small: {
13511
- minHeight: '32px',
13512
- paddingInline: '12px',
13513
- fontSize: '12px',
13514
- paddingBlock: '8px',
13515
- lineHeight: 1.5,
13516
- borderRadius: '4px',
13517
- },
13518
- small: {
13519
- minHeight: '36px',
13520
- paddingInline: '16px',
13521
- fontSize: '13px',
13522
- paddingBlock: '8px',
13523
- lineHeight: 1.5,
13524
- borderRadius: '4px',
13525
- },
13526
- // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
13527
- medium: {
13528
- minHeight: '40px',
13529
- paddingInline: '24px',
13530
- fontSize: '14px',
13531
- paddingBlock: '8px',
13532
- lineHeight: 1.5,
13533
- borderRadius: '4px',
13534
- },
13535
- // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
13536
- large: {
13537
- minHeight: '48px',
13538
- paddingInline: '32px',
13539
- fontSize: '14px',
13540
- paddingBlock: '10px',
13541
- lineHeight: 1.5,
13542
- borderRadius: '4px',
13543
- },
13544
- extra_large: {
13545
- minHeight: '56px',
13546
- paddingInline: '40px',
13547
- fontSize: '17px',
13548
- paddingBlock: '12px',
13549
- lineHeight: 1.5,
13550
- borderRadius: '4px',
13551
- },
13552
- },
13553
- theme: {
13554
- theme: {
13555
- backgroundColor: 'rgba(18,160,160,1)',
13556
- color: '#FFFFFF',
13557
- fontWeight: 'bold',
13558
- },
13559
- default: {
13560
- backgroundColor: '#33403e',
13561
- color: '#FFFFFF',
13562
- fontWeight: 'bold',
13563
- // 'bg-action-default hover:bg-action-default-hover text-default'
13564
- },
13565
- transparent: {
13566
- backgroundColor: 'rgba(255, 255, 255, 0)',
13567
- color: '#00100ea1',
13568
- fontWeight: 'bold',
13569
- // 'bg-action-default hover:bg-action-default-hover text-default'
13570
- },
13571
- alert: {
13572
- backgroundColor: 'rgb(242,83,32,1)',
13573
- color: '#FFFFFF',
13574
- fontWeight: 'bold',
13575
- // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
13576
- },
13577
- },
13578
- round: {
13579
- none: {
13580
- borderRadius: 0,
13581
- },
13582
- default: {},
13583
- fulled: {
13584
- borderRadius: '56px',
13585
- },
13586
- },
13587
- wrap: {
13588
- nowrap: {
13589
- whiteSpace: 'nowrap',
13590
- },
13591
- wrap: {
13592
- whiteSpace: 'pre-wrap',
13593
- },
13594
- },
13595
- };
13596
-
13597
13506
  /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
13598
13507
 
13599
13508
  function add_css$6(target) {
@@ -15228,4 +15137,4 @@ class Modal extends SvelteComponent {
15228
15137
  }
15229
15138
  }
15230
15139
 
15231
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
15140
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.239-28699462.30f6c30b",
3
+ "version": "1.1.239-28699594.d1f0249e",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",