@plaidev/karte-action-sdk 1.1.232-28689508.1c550634 → 1.1.232-28694144.4e108779

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/hydrate/index.es.d.ts +16 -10
  2. package/dist/hydrate/index.es.js +52 -37
  3. package/dist/index.es.d.ts +16 -10
  4. package/dist/index.es.js +52 -37
  5. package/dist/templates.cjs.js +7 -7
  6. package/dist/templates.js +7 -7
  7. package/package.json +1 -1
package/dist/hydrate/index.es.d.ts CHANGED
@@ -2590,16 +2590,22 @@ declare const LAYER_TEXT_FONT_WEIGHT_VALUES: readonly [
2590
2590
  "bold",
2591
2591
  "normal"
2592
2592
  ];
2593
+ declare const LAYER_TEXT_SIZE: {
2594
+ readonly small: "Small";
2595
+ readonly medium: "Medium";
2596
+ readonly large: "Large";
2597
+ readonly extra_large: "XLarge";
2598
+ };
2593
2599
  type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & PaddingProps & {
2594
2600
  content: string;
2595
2601
  variant?: string;
2602
+ size?: keyof typeof LAYER_TEXT_SIZE;
2596
2603
  align?: Properties["textAlign"];
2597
- fontSize?: Properties["fontSize"];
2598
2604
  fontWeight?: Properties["fontWeight"];
2599
2605
  color?: Properties["color"];
2600
2606
  width?: Properties["width"];
2601
2607
  };
2602
- 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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, 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, LayerTextProps };
2608
+ 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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, 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 };
2603
2609
  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 };
2604
2610
  export { default as State } from './components/State.svelte';
2605
2611
  export { default as StateItem } from './components/StateItem.svelte';
@@ -2634,11 +2640,11 @@ export { default as GridModalState } from './components/GridModalState.svelte';
2634
2640
  export { default as TextBlock } from './components/TextBlock.svelte';
2635
2641
  export { default as TextButtonBlock } from './components/TextButtonBlock.svelte';
2636
2642
  export { default as ImageBlock } from './components/ImageBlock.svelte';
2637
- export { default as V2Avatar } from './components-v2/avatar/Avatar.svelte';
2638
- export { default as V2Button } from './components-v2/button/Button.svelte';
2639
- export { default as V2CloseButton } from './components-v2/close-button/CloseButton.svelte';
2640
- export { default as V2Icon } from './components-v2/icon/Icon.svelte';
2641
- export { default as V2Image } from './components-v2/image/Image.svelte';
2642
- export { default as V2Layout } from './components-v2/layout/Layout.svelte';
2643
- export { default as V2Text } from './components-v2/text/Text.svelte';
2644
- export { default as V2Modal } from './components-v2/modal/Modal.svelte';
2643
+ export { default as FlexAvatar } from './components-flex/avatar/Avatar.svelte';
2644
+ export { default as FlexButton } from './components-flex/button/Button.svelte';
2645
+ export { default as FlexCloseButton } from './components-flex/close-button/CloseButton.svelte';
2646
+ export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
2647
+ export { default as FlexImage } from './components-flex/image/Image.svelte';
2648
+ export { default as FlexLayout } from './components-flex/layout/Layout.svelte';
2649
+ export { default as FlexText } from './components-flex/text/Text.svelte';
2650
+ export { default as FlexModal } from './components-flex/modal/Modal.svelte';
package/dist/hydrate/index.es.js CHANGED
@@ -12000,7 +12000,7 @@ const toCssShadow = (p) => {
12000
12000
  };
12001
12001
  };
12002
12002
 
12003
- /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12003
+ /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12004
12004
 
12005
12005
  function add_css$8(target) {
12006
12006
  append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
@@ -12131,7 +12131,7 @@ const AVATAR_SHAPE = {
12131
12131
  square: 'スクエア',
12132
12132
  };
12133
12133
 
12134
- /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12134
+ /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12135
12135
 
12136
12136
  function create_fragment$x(ctx) {
12137
12137
  let svg;
@@ -12193,7 +12193,7 @@ class IconArrowDown extends SvelteComponent {
12193
12193
  }
12194
12194
  }
12195
12195
 
12196
- /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12196
+ /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12197
12197
 
12198
12198
  function create_fragment$w(ctx) {
12199
12199
  let svg;
@@ -12255,7 +12255,7 @@ class IconArrowUp extends SvelteComponent {
12255
12255
  }
12256
12256
  }
12257
12257
 
12258
- /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12258
+ /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12259
12259
 
12260
12260
  function create_fragment$v(ctx) {
12261
12261
  let svg;
@@ -12317,7 +12317,7 @@ class IconUsers extends SvelteComponent {
12317
12317
  }
12318
12318
  }
12319
12319
 
12320
- /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12320
+ /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
12321
12321
 
12322
12322
  function create_fragment$u(ctx) {
12323
12323
  let svg;
@@ -12379,7 +12379,7 @@ class IconArrowLeft extends SvelteComponent {
12379
12379
  }
12380
12380
  }
12381
12381
 
12382
- /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12382
+ /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
12383
12383
 
12384
12384
  function create_fragment$t(ctx) {
12385
12385
  let svg;
@@ -12441,7 +12441,7 @@ class IconArrowRight extends SvelteComponent {
12441
12441
  }
12442
12442
  }
12443
12443
 
12444
- /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12444
+ /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
12445
12445
 
12446
12446
  function create_fragment$s(ctx) {
12447
12447
  let svg;
@@ -12503,7 +12503,7 @@ class IconBell extends SvelteComponent {
12503
12503
  }
12504
12504
  }
12505
12505
 
12506
- /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12506
+ /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
12507
12507
 
12508
12508
  function create_fragment$r(ctx) {
12509
12509
  let svg;
@@ -12565,7 +12565,7 @@ class IconArrowUpFromSquare extends SvelteComponent {
12565
12565
  }
12566
12566
  }
12567
12567
 
12568
- /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12568
+ /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
12569
12569
 
12570
12570
  function create_fragment$q(ctx) {
12571
12571
  let svg;
@@ -12627,7 +12627,7 @@ class IconTicket extends SvelteComponent {
12627
12627
  }
12628
12628
  }
12629
12629
 
12630
- /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12630
+ /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
12631
12631
 
12632
12632
  function create_fragment$p(ctx) {
12633
12633
  let svg;
@@ -12689,7 +12689,7 @@ class IconTrack extends SvelteComponent {
12689
12689
  }
12690
12690
  }
12691
12691
 
12692
- /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12692
+ /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
12693
12693
 
12694
12694
  function create_fragment$o(ctx) {
12695
12695
  let svg;
@@ -12751,7 +12751,7 @@ class IconCartShopping extends SvelteComponent {
12751
12751
  }
12752
12752
  }
12753
12753
 
12754
- /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12754
+ /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
12755
12755
 
12756
12756
  function create_fragment$n(ctx) {
12757
12757
  let svg;
@@ -12813,7 +12813,7 @@ class IconCircle extends SvelteComponent {
12813
12813
  }
12814
12814
  }
12815
12815
 
12816
- /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12816
+ /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12817
12817
 
12818
12818
  function create_fragment$m(ctx) {
12819
12819
  let svg;
@@ -12875,7 +12875,7 @@ class IconCircleQuestion extends SvelteComponent {
12875
12875
  }
12876
12876
  }
12877
12877
 
12878
- /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12878
+ /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12879
12879
 
12880
12880
  function create_fragment$l(ctx) {
12881
12881
  let svg;
@@ -12937,7 +12937,7 @@ class IconCheck extends SvelteComponent {
12937
12937
  }
12938
12938
  }
12939
12939
 
12940
- /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12940
+ /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12941
12941
 
12942
12942
  function create_fragment$k(ctx) {
12943
12943
  let svg;
@@ -12999,7 +12999,7 @@ class IconXMark extends SvelteComponent {
12999
12999
  }
13000
13000
  }
13001
13001
 
13002
- /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13002
+ /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13003
13003
 
13004
13004
  function create_fragment$j(ctx) {
13005
13005
  let svg;
@@ -13061,7 +13061,7 @@ class IconPaperPlane extends SvelteComponent {
13061
13061
  }
13062
13062
  }
13063
13063
 
13064
- /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13064
+ /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13065
13065
 
13066
13066
  function create_fragment$i(ctx) {
13067
13067
  let svg;
@@ -13123,7 +13123,7 @@ class IconCopy extends SvelteComponent {
13123
13123
  }
13124
13124
  }
13125
13125
 
13126
- /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13126
+ /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13127
13127
 
13128
13128
  function create_fragment$h(ctx) {
13129
13129
  let svg;
@@ -13185,7 +13185,7 @@ class IconCircleXMark extends SvelteComponent {
13185
13185
  }
13186
13186
  }
13187
13187
 
13188
- /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13188
+ /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13189
13189
 
13190
13190
  function create_fragment$g(ctx) {
13191
13191
  let svg;
@@ -13247,7 +13247,7 @@ class IconHeart extends SvelteComponent {
13247
13247
  }
13248
13248
  }
13249
13249
 
13250
- /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13250
+ /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13251
13251
 
13252
13252
  function create_fragment$f(ctx) {
13253
13253
  let svg;
@@ -13309,7 +13309,7 @@ class IconMagnifyingGrass extends SvelteComponent {
13309
13309
  }
13310
13310
  }
13311
13311
 
13312
- /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13312
+ /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
13313
13313
 
13314
13314
  function create_fragment$e(ctx) {
13315
13315
  let svg;
@@ -13371,7 +13371,7 @@ class IconStar extends SvelteComponent {
13371
13371
  }
13372
13372
  }
13373
13373
 
13374
- /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13374
+ /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
13375
13375
 
13376
13376
  function create_fragment$d(ctx) {
13377
13377
  let svg;
@@ -13433,7 +13433,7 @@ class IconCircleInfo extends SvelteComponent {
13433
13433
  }
13434
13434
  }
13435
13435
 
13436
- /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13436
+ /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
13437
13437
 
13438
13438
  function create_fragment$c(ctx) {
13439
13439
  let svg;
@@ -13495,7 +13495,7 @@ class IconEnvelope extends SvelteComponent {
13495
13495
  }
13496
13496
  }
13497
13497
 
13498
- /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13498
+ /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
13499
13499
 
13500
13500
  function create_fragment$b(ctx) {
13501
13501
  let svg;
@@ -13557,7 +13557,7 @@ class IconGift extends SvelteComponent {
13557
13557
  }
13558
13558
  }
13559
13559
 
13560
- /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13560
+ /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
13561
13561
 
13562
13562
  function create_fragment$a(ctx) {
13563
13563
  let svg;
@@ -13625,7 +13625,7 @@ class IconPaperclip extends SvelteComponent {
13625
13625
  }
13626
13626
  }
13627
13627
 
13628
- /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13628
+ /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
13629
13629
 
13630
13630
  function create_fragment$9(ctx) {
13631
13631
  let svg;
@@ -13693,7 +13693,7 @@ class IconFire extends SvelteComponent {
13693
13693
  }
13694
13694
  }
13695
13695
 
13696
- /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13696
+ /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
13697
13697
 
13698
13698
  function create_fragment$8(ctx) {
13699
13699
  let svg;
@@ -13843,7 +13843,7 @@ const ICON_PARAMS = [
13843
13843
  },
13844
13844
  ];
13845
13845
 
13846
- /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
13846
+ /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
13847
13847
 
13848
13848
  function add_css$7(target) {
13849
13849
  append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
@@ -14041,7 +14041,7 @@ class Icon extends SvelteComponent {
14041
14041
  }
14042
14042
  }
14043
14043
 
14044
- /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
14044
+ /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
14045
14045
 
14046
14046
  function add_css$6(target) {
14047
14047
  append_styles(target, "svelte-kz1c6t", ".v2-button.svelte-kz1c6t{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}.v2-button-icon.svelte-kz1c6t{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
@@ -14396,7 +14396,7 @@ const BUTTON_ICON_ANGLE = {
14396
14396
  'row-reverse': '右側',
14397
14397
  };
14398
14398
 
14399
- /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14399
+ /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
14400
14400
 
14401
14401
  function add_css$5(target) {
14402
14402
  append_styles(target, "svelte-1dgpo5m", ".close-button.svelte-1dgpo5m{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
@@ -14502,7 +14502,7 @@ class CloseButton extends SvelteComponent {
14502
14502
  }
14503
14503
  }
14504
14504
 
14505
- /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
14505
+ /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
14506
14506
 
14507
14507
  function add_css$4(target) {
14508
14508
  append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
@@ -14615,7 +14615,7 @@ class Image extends SvelteComponent {
14615
14615
  }
14616
14616
  }
14617
14617
 
14618
- /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
14618
+ /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
14619
14619
 
14620
14620
  function add_css$3(target) {
14621
14621
  append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
@@ -14747,7 +14747,7 @@ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
14747
14747
  const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
14748
14748
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
14749
14749
 
14750
- /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
14750
+ /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
14751
14751
 
14752
14752
  function add_css$2(target) {
14753
14753
  append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
@@ -14805,6 +14805,15 @@ function instance$2($$self, $$props, $$invalidate) {
14805
14805
  let { props = { content: '' } } = $$props;
14806
14806
  let { layerId = '' } = $$props;
14807
14807
 
14808
+ const VARIANTS = {
14809
+ size: {
14810
+ small: { fontSize: '10px', lineHeight: 1.5 },
14811
+ medium: { fontSize: '12px', lineHeight: 2.0 },
14812
+ large: { fontSize: '14px', lineHeight: 2.0 },
14813
+ extra_large: { fontSize: '16px', lineHeight: 2.0 }
14814
+ }
14815
+ };
14816
+
14808
14817
  $$self.$$set = $$props => {
14809
14818
  if ('props' in $$props) $$invalidate(3, props = $$props.props);
14810
14819
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -14819,10 +14828,10 @@ function instance$2($$self, $$props, $$invalidate) {
14819
14828
  $$invalidate(1, style = objToStyle({
14820
14829
  position: props?.position ?? 'static',
14821
14830
  fontWeight: props.fontWeight,
14822
- fontSize: props.fontSize,
14823
14831
  color: props.color,
14824
14832
  textAlign: props.align,
14825
14833
  width: props.width,
14834
+ ...VARIANTS.size[props.size ?? 'medium'],
14826
14835
  ...toCssRadius(props),
14827
14836
  ...toCssBackgroundColor(props),
14828
14837
  ...toCssCommon(props),
@@ -14844,8 +14853,14 @@ class Text extends SvelteComponent {
14844
14853
 
14845
14854
  const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
14846
14855
  const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
14856
+ const LAYER_TEXT_SIZE = {
14857
+ small: 'Small',
14858
+ medium: 'Medium',
14859
+ large: 'Large',
14860
+ extra_large: 'XLarge',
14861
+ };
14847
14862
 
14848
- /* src/components-v2/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14863
+ /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
14849
14864
 
14850
14865
  function add_css$1(target) {
14851
14866
  append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
@@ -14953,7 +14968,7 @@ class BackgroundOverlay extends SvelteComponent {
14953
14968
  }
14954
14969
  }
14955
14970
 
14956
- /* src/components-v2/modal/Modal.svelte generated by Svelte v3.53.1 */
14971
+ /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
14957
14972
 
14958
14973
  function add_css(target) {
14959
14974
  append_styles(target, "svelte-1fow8xp", ".v2-modal.svelte-1fow8xp{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-1fow8xp > .button{flex:auto;display:flex}.v2-close.svelte-1fow8xp{position:absolute;top:8px;right:8px}.v2-close.svelte-1fow8xp > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-1fow8xp > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
@@ -15708,4 +15723,4 @@ class Modal extends SvelteComponent {
15708
15723
  }
15709
15724
  }
15710
15725
 
15711
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, 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, FlexDirections, FlexItem, 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, 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, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Modal as V2Modal, Text as V2Text, 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 };
15726
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, 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, 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, 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
@@ -2590,16 +2590,22 @@ declare const LAYER_TEXT_FONT_WEIGHT_VALUES: readonly [
2590
2590
  "bold",
2591
2591
  "normal"
2592
2592
  ];
2593
+ declare const LAYER_TEXT_SIZE: {
2594
+ readonly small: "Small";
2595
+ readonly medium: "Medium";
2596
+ readonly large: "Large";
2597
+ readonly extra_large: "XLarge";
2598
+ };
2593
2599
  type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & PaddingProps & {
2594
2600
  content: string;
2595
2601
  variant?: string;
2602
+ size?: keyof typeof LAYER_TEXT_SIZE;
2596
2603
  align?: Properties["textAlign"];
2597
- fontSize?: Properties["fontSize"];
2598
2604
  fontWeight?: Properties["fontWeight"];
2599
2605
  color?: Properties["color"];
2600
2606
  width?: Properties["width"];
2601
2607
  };
2602
- 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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, 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, LayerTextProps };
2608
+ 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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, 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 };
2603
2609
  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 };
2604
2610
  export { default as State } from './components/State.svelte';
2605
2611
  export { default as StateItem } from './components/StateItem.svelte';
@@ -2634,11 +2640,11 @@ export { default as GridModalState } from './components/GridModalState.svelte';
2634
2640
  export { default as TextBlock } from './components/TextBlock.svelte';
2635
2641
  export { default as TextButtonBlock } from './components/TextButtonBlock.svelte';
2636
2642
  export { default as ImageBlock } from './components/ImageBlock.svelte';
2637
- export { default as V2Avatar } from './components-v2/avatar/Avatar.svelte';
2638
- export { default as V2Button } from './components-v2/button/Button.svelte';
2639
- export { default as V2CloseButton } from './components-v2/close-button/CloseButton.svelte';
2640
- export { default as V2Icon } from './components-v2/icon/Icon.svelte';
2641
- export { default as V2Image } from './components-v2/image/Image.svelte';
2642
- export { default as V2Layout } from './components-v2/layout/Layout.svelte';
2643
- export { default as V2Text } from './components-v2/text/Text.svelte';
2644
- export { default as V2Modal } from './components-v2/modal/Modal.svelte';
2643
+ export { default as FlexAvatar } from './components-flex/avatar/Avatar.svelte';
2644
+ export { default as FlexButton } from './components-flex/button/Button.svelte';
2645
+ export { default as FlexCloseButton } from './components-flex/close-button/CloseButton.svelte';
2646
+ export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
2647
+ export { default as FlexImage } from './components-flex/image/Image.svelte';
2648
+ export { default as FlexLayout } from './components-flex/layout/Layout.svelte';
2649
+ export { default as FlexText } from './components-flex/text/Text.svelte';
2650
+ export { default as FlexModal } from './components-flex/modal/Modal.svelte';
package/dist/index.es.js CHANGED
@@ -11346,7 +11346,7 @@ const toCssShadow = (p) => {
11346
11346
  };
11347
11347
  };
11348
11348
 
11349
- /* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11349
+ /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
11350
11350
 
11351
11351
  function add_css$8(target) {
11352
11352
  append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
@@ -11462,7 +11462,7 @@ const AVATAR_SHAPE = {
11462
11462
  square: 'スクエア',
11463
11463
  };
11464
11464
 
11465
- /* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11465
+ /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
11466
11466
 
11467
11467
  function create_fragment$x(ctx) {
11468
11468
  let svg;
@@ -11513,7 +11513,7 @@ class IconArrowDown extends SvelteComponent {
11513
11513
  }
11514
11514
  }
11515
11515
 
11516
- /* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11516
+ /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
11517
11517
 
11518
11518
  function create_fragment$w(ctx) {
11519
11519
  let svg;
@@ -11564,7 +11564,7 @@ class IconArrowUp extends SvelteComponent {
11564
11564
  }
11565
11565
  }
11566
11566
 
11567
- /* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11567
+ /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
11568
11568
 
11569
11569
  function create_fragment$v(ctx) {
11570
11570
  let svg;
@@ -11615,7 +11615,7 @@ class IconUsers extends SvelteComponent {
11615
11615
  }
11616
11616
  }
11617
11617
 
11618
- /* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11618
+ /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
11619
11619
 
11620
11620
  function create_fragment$u(ctx) {
11621
11621
  let svg;
@@ -11666,7 +11666,7 @@ class IconArrowLeft extends SvelteComponent {
11666
11666
  }
11667
11667
  }
11668
11668
 
11669
- /* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11669
+ /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
11670
11670
 
11671
11671
  function create_fragment$t(ctx) {
11672
11672
  let svg;
@@ -11717,7 +11717,7 @@ class IconArrowRight extends SvelteComponent {
11717
11717
  }
11718
11718
  }
11719
11719
 
11720
- /* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11720
+ /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
11721
11721
 
11722
11722
  function create_fragment$s(ctx) {
11723
11723
  let svg;
@@ -11768,7 +11768,7 @@ class IconBell extends SvelteComponent {
11768
11768
  }
11769
11769
  }
11770
11770
 
11771
- /* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11771
+ /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
11772
11772
 
11773
11773
  function create_fragment$r(ctx) {
11774
11774
  let svg;
@@ -11819,7 +11819,7 @@ class IconArrowUpFromSquare extends SvelteComponent {
11819
11819
  }
11820
11820
  }
11821
11821
 
11822
- /* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11822
+ /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
11823
11823
 
11824
11824
  function create_fragment$q(ctx) {
11825
11825
  let svg;
@@ -11870,7 +11870,7 @@ class IconTicket extends SvelteComponent {
11870
11870
  }
11871
11871
  }
11872
11872
 
11873
- /* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11873
+ /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
11874
11874
 
11875
11875
  function create_fragment$p(ctx) {
11876
11876
  let svg;
@@ -11921,7 +11921,7 @@ class IconTrack extends SvelteComponent {
11921
11921
  }
11922
11922
  }
11923
11923
 
11924
- /* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11924
+ /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
11925
11925
 
11926
11926
  function create_fragment$o(ctx) {
11927
11927
  let svg;
@@ -11972,7 +11972,7 @@ class IconCartShopping extends SvelteComponent {
11972
11972
  }
11973
11973
  }
11974
11974
 
11975
- /* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11975
+ /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
11976
11976
 
11977
11977
  function create_fragment$n(ctx) {
11978
11978
  let svg;
@@ -12023,7 +12023,7 @@ class IconCircle extends SvelteComponent {
12023
12023
  }
12024
12024
  }
12025
12025
 
12026
- /* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12026
+ /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
12027
12027
 
12028
12028
  function create_fragment$m(ctx) {
12029
12029
  let svg;
@@ -12074,7 +12074,7 @@ class IconCircleQuestion extends SvelteComponent {
12074
12074
  }
12075
12075
  }
12076
12076
 
12077
- /* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12077
+ /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
12078
12078
 
12079
12079
  function create_fragment$l(ctx) {
12080
12080
  let svg;
@@ -12125,7 +12125,7 @@ class IconCheck extends SvelteComponent {
12125
12125
  }
12126
12126
  }
12127
12127
 
12128
- /* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12128
+ /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
12129
12129
 
12130
12130
  function create_fragment$k(ctx) {
12131
12131
  let svg;
@@ -12176,7 +12176,7 @@ class IconXMark extends SvelteComponent {
12176
12176
  }
12177
12177
  }
12178
12178
 
12179
- /* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12179
+ /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
12180
12180
 
12181
12181
  function create_fragment$j(ctx) {
12182
12182
  let svg;
@@ -12227,7 +12227,7 @@ class IconPaperPlane extends SvelteComponent {
12227
12227
  }
12228
12228
  }
12229
12229
 
12230
- /* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12230
+ /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
12231
12231
 
12232
12232
  function create_fragment$i(ctx) {
12233
12233
  let svg;
@@ -12278,7 +12278,7 @@ class IconCopy extends SvelteComponent {
12278
12278
  }
12279
12279
  }
12280
12280
 
12281
- /* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12281
+ /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
12282
12282
 
12283
12283
  function create_fragment$h(ctx) {
12284
12284
  let svg;
@@ -12329,7 +12329,7 @@ class IconCircleXMark extends SvelteComponent {
12329
12329
  }
12330
12330
  }
12331
12331
 
12332
- /* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12332
+ /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
12333
12333
 
12334
12334
  function create_fragment$g(ctx) {
12335
12335
  let svg;
@@ -12380,7 +12380,7 @@ class IconHeart extends SvelteComponent {
12380
12380
  }
12381
12381
  }
12382
12382
 
12383
- /* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12383
+ /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
12384
12384
 
12385
12385
  function create_fragment$f(ctx) {
12386
12386
  let svg;
@@ -12431,7 +12431,7 @@ class IconMagnifyingGrass extends SvelteComponent {
12431
12431
  }
12432
12432
  }
12433
12433
 
12434
- /* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12434
+ /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
12435
12435
 
12436
12436
  function create_fragment$e(ctx) {
12437
12437
  let svg;
@@ -12482,7 +12482,7 @@ class IconStar extends SvelteComponent {
12482
12482
  }
12483
12483
  }
12484
12484
 
12485
- /* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12485
+ /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
12486
12486
 
12487
12487
  function create_fragment$d(ctx) {
12488
12488
  let svg;
@@ -12533,7 +12533,7 @@ class IconCircleInfo extends SvelteComponent {
12533
12533
  }
12534
12534
  }
12535
12535
 
12536
- /* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12536
+ /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
12537
12537
 
12538
12538
  function create_fragment$c(ctx) {
12539
12539
  let svg;
@@ -12584,7 +12584,7 @@ class IconEnvelope extends SvelteComponent {
12584
12584
  }
12585
12585
  }
12586
12586
 
12587
- /* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12587
+ /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
12588
12588
 
12589
12589
  function create_fragment$b(ctx) {
12590
12590
  let svg;
@@ -12635,7 +12635,7 @@ class IconGift extends SvelteComponent {
12635
12635
  }
12636
12636
  }
12637
12637
 
12638
- /* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12638
+ /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
12639
12639
 
12640
12640
  function create_fragment$a(ctx) {
12641
12641
  let svg;
@@ -12686,7 +12686,7 @@ class IconPaperclip extends SvelteComponent {
12686
12686
  }
12687
12687
  }
12688
12688
 
12689
- /* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12689
+ /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
12690
12690
 
12691
12691
  function create_fragment$9(ctx) {
12692
12692
  let svg;
@@ -12737,7 +12737,7 @@ class IconFire extends SvelteComponent {
12737
12737
  }
12738
12738
  }
12739
12739
 
12740
- /* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12740
+ /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
12741
12741
 
12742
12742
  function create_fragment$8(ctx) {
12743
12743
  let svg;
@@ -12870,7 +12870,7 @@ const ICON_PARAMS = [
12870
12870
  },
12871
12871
  ];
12872
12872
 
12873
- /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
12873
+ /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
12874
12874
 
12875
12875
  function add_css$7(target) {
12876
12876
  append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
@@ -13049,7 +13049,7 @@ class Icon extends SvelteComponent {
13049
13049
  }
13050
13050
  }
13051
13051
 
13052
- /* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
13052
+ /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
13053
13053
 
13054
13054
  function add_css$6(target) {
13055
13055
  append_styles(target, "svelte-kz1c6t", ".v2-button.svelte-kz1c6t{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}.v2-button-icon.svelte-kz1c6t{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
@@ -13374,7 +13374,7 @@ const BUTTON_ICON_ANGLE = {
13374
13374
  'row-reverse': '右側',
13375
13375
  };
13376
13376
 
13377
- /* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13377
+ /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
13378
13378
 
13379
13379
  function add_css$5(target) {
13380
13380
  append_styles(target, "svelte-1dgpo5m", ".close-button.svelte-1dgpo5m{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
@@ -13454,7 +13454,7 @@ class CloseButton extends SvelteComponent {
13454
13454
  }
13455
13455
  }
13456
13456
 
13457
- /* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
13457
+ /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
13458
13458
 
13459
13459
  function add_css$4(target) {
13460
13460
  append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
@@ -13549,7 +13549,7 @@ class Image extends SvelteComponent {
13549
13549
  }
13550
13550
  }
13551
13551
 
13552
- /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
13552
+ /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
13553
13553
 
13554
13554
  function add_css$3(target) {
13555
13555
  append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
@@ -13666,7 +13666,7 @@ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
13666
13666
  const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
13667
13667
  const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
13668
13668
 
13669
- /* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
13669
+ /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
13670
13670
 
13671
13671
  function add_css$2(target) {
13672
13672
  append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
@@ -13710,6 +13710,15 @@ function instance$2($$self, $$props, $$invalidate) {
13710
13710
  let { props = { content: '' } } = $$props;
13711
13711
  let { layerId = '' } = $$props;
13712
13712
 
13713
+ const VARIANTS = {
13714
+ size: {
13715
+ small: { fontSize: '10px', lineHeight: 1.5 },
13716
+ medium: { fontSize: '12px', lineHeight: 2.0 },
13717
+ large: { fontSize: '14px', lineHeight: 2.0 },
13718
+ extra_large: { fontSize: '16px', lineHeight: 2.0 }
13719
+ }
13720
+ };
13721
+
13713
13722
  $$self.$$set = $$props => {
13714
13723
  if ('props' in $$props) $$invalidate(3, props = $$props.props);
13715
13724
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -13724,10 +13733,10 @@ function instance$2($$self, $$props, $$invalidate) {
13724
13733
  $$invalidate(1, style = objToStyle({
13725
13734
  position: props?.position ?? 'static',
13726
13735
  fontWeight: props.fontWeight,
13727
- fontSize: props.fontSize,
13728
13736
  color: props.color,
13729
13737
  textAlign: props.align,
13730
13738
  width: props.width,
13739
+ ...VARIANTS.size[props.size ?? 'medium'],
13731
13740
  ...toCssRadius(props),
13732
13741
  ...toCssBackgroundColor(props),
13733
13742
  ...toCssCommon(props),
@@ -13749,8 +13758,14 @@ class Text extends SvelteComponent {
13749
13758
 
13750
13759
  const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
13751
13760
  const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
13761
+ const LAYER_TEXT_SIZE = {
13762
+ small: 'Small',
13763
+ medium: 'Medium',
13764
+ large: 'Large',
13765
+ extra_large: 'XLarge',
13766
+ };
13752
13767
 
13753
- /* src/components-v2/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
13768
+ /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
13754
13769
 
13755
13770
  function add_css$1(target) {
13756
13771
  append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
@@ -13846,7 +13861,7 @@ class BackgroundOverlay extends SvelteComponent {
13846
13861
  }
13847
13862
  }
13848
13863
 
13849
- /* src/components-v2/modal/Modal.svelte generated by Svelte v3.53.1 */
13864
+ /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
13850
13865
 
13851
13866
  function add_css(target) {
13852
13867
  append_styles(target, "svelte-1fow8xp", ".v2-modal.svelte-1fow8xp{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-1fow8xp > .button{flex:auto;display:flex}.v2-close.svelte-1fow8xp{position:absolute;top:8px;right:8px}.v2-close.svelte-1fow8xp > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-1fow8xp > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
@@ -14584,4 +14599,4 @@ class Modal extends SvelteComponent {
14584
14599
  }
14585
14600
  }
14586
14601
 
14587
- export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, 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, FlexDirections, FlexItem, 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, 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, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Modal as V2Modal, Text as V2Text, 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 };
14602
+ export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, 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, 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, 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/templates.cjs.js CHANGED
@@ -48,13 +48,13 @@ import {
48
48
  Box,
49
49
  IconElement,
50
50
  CodeElement,
51
- V2Button,
52
- V2Icon,
53
- V2Layout,
54
- V2Text,
55
- V2Avatar,
56
- V2Image,
57
- V2Modal,
51
+ FlexButton,
52
+ FlexIcon,
53
+ FlexLayout,
54
+ FlexText,
55
+ FlexAvatar,
56
+ FlexImage,
57
+ FlexModal,
58
58
  } from '@plaidev/karte-action-sdk';
59
59
 
60
60
  ${icons.length > 0
package/dist/templates.js CHANGED
@@ -46,13 +46,13 @@ import {
46
46
  Box,
47
47
  IconElement,
48
48
  CodeElement,
49
- V2Button,
50
- V2Icon,
51
- V2Layout,
52
- V2Text,
53
- V2Avatar,
54
- V2Image,
55
- V2Modal,
49
+ FlexButton,
50
+ FlexIcon,
51
+ FlexLayout,
52
+ FlexText,
53
+ FlexAvatar,
54
+ FlexImage,
55
+ FlexModal,
56
56
  } from '@plaidev/karte-action-sdk';
57
57
 
58
58
  ${icons.length > 0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.232-28689508.1c550634",
3
+ "version": "1.1.232-28694144.4e108779",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",