@shoplflow/base 0.24.28 → 0.24.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +88 -42
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +19 -319
- package/dist/index.d.ts +19 -319
- package/dist/index.js +59 -13
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ElementType, ComponentPropsWithoutRef, ReactNode, ReactElement, ImgHTMLAttributes, ComponentPropsWithRef, CSSProperties, HTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
|
|
3
|
+
import React__default, { ElementType, ComponentPropsWithoutRef, ReactNode, ReactElement, ImgHTMLAttributes, ComponentPropsWithRef, CSSProperties, HTMLAttributes, InputHTMLAttributes, MouseEvent, Ref } from 'react';
|
|
4
4
|
import { $Values } from '@shoplflow/utils';
|
|
5
5
|
import { IconSource } from '@shoplflow/shopl-assets';
|
|
6
6
|
import { IconSource as IconSource$1 } from '@shoplflow/hada-assets';
|
|
7
|
-
import * as framer_motion from 'framer-motion';
|
|
8
7
|
import { CustomDomComponent } from 'framer-motion';
|
|
9
8
|
import * as _emotion_styled from '@emotion/styled';
|
|
10
9
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -622,11 +621,6 @@ declare const Popper: {
|
|
|
622
621
|
declare const PopperTrigger: React__default.ForwardRefExoticComponent<PopperTriggerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
623
622
|
declare const PopperPortal: React__default.ForwardRefExoticComponent<PopperPortalProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
624
623
|
|
|
625
|
-
declare const StyledPopper: _emotion_styled.StyledComponent<{
|
|
626
|
-
theme?: _emotion_react.Theme | undefined;
|
|
627
|
-
as?: React$1.ElementType<any> | undefined;
|
|
628
|
-
} & Pick<PopperTriggerProps, "height" | "width">, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
629
|
-
|
|
630
624
|
interface ScrollAreaProps extends ScrollAreaOptionProps, ChildrenProps {
|
|
631
625
|
}
|
|
632
626
|
interface ScrollAreaOptionProps {
|
|
@@ -775,291 +769,6 @@ declare const Dropdown: {
|
|
|
775
769
|
Content: ({ children, width: initialWidth, type, onClick, ...rest }: DropdownContentProps) => react_jsx_runtime.JSX.Element;
|
|
776
770
|
};
|
|
777
771
|
|
|
778
|
-
declare const getDropdownHeightBySizeVar: (size: DropdownSizeVariantType) => "32px" | "40px";
|
|
779
|
-
declare const getDropdownFontSizeBySizeVar: (size: DropdownSizeVariantType) => "body1_400" | "body2_400";
|
|
780
|
-
declare const getDropdownStyleBySizeVar: (size: DropdownSizeVariantType) => _emotion_react.SerializedStyles;
|
|
781
|
-
declare const getDropdownIconSizeBySizeVar: (size: DropdownSizeVariantType) => _emotion_react.SerializedStyles;
|
|
782
|
-
declare const StyledDropdown: _emotion_styled.StyledComponent<{
|
|
783
|
-
theme?: _emotion_react.Theme | undefined;
|
|
784
|
-
as?: React$1.ElementType<any> | undefined;
|
|
785
|
-
} & {
|
|
786
|
-
width: CSSProperties['width'];
|
|
787
|
-
}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
788
|
-
declare const StyledDropdownContent: _emotion_styled.StyledComponent<{
|
|
789
|
-
theme?: _emotion_react.Theme | undefined;
|
|
790
|
-
as?: React$1.ElementType<any> | undefined;
|
|
791
|
-
} & DropdownContentProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
792
|
-
declare const StyledDropdownButton: _emotion_styled.StyledComponent<{
|
|
793
|
-
theme?: _emotion_react.Theme | undefined;
|
|
794
|
-
as?: React$1.ElementType<any> | undefined;
|
|
795
|
-
} & DropdownButtonProps, React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
796
|
-
declare const DropdownButtonIcon: _emotion_styled.StyledComponent<{
|
|
797
|
-
slot?: string | undefined;
|
|
798
|
-
title?: string | undefined;
|
|
799
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
800
|
-
className?: string | undefined;
|
|
801
|
-
color?: string | undefined;
|
|
802
|
-
id?: string | undefined;
|
|
803
|
-
lang?: string | undefined;
|
|
804
|
-
role?: React$1.AriaRole | undefined;
|
|
805
|
-
tabIndex?: number | undefined;
|
|
806
|
-
"aria-activedescendant"?: string | undefined;
|
|
807
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
808
|
-
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
809
|
-
"aria-braillelabel"?: string | undefined;
|
|
810
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
811
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
812
|
-
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
813
|
-
"aria-colcount"?: number | undefined;
|
|
814
|
-
"aria-colindex"?: number | undefined;
|
|
815
|
-
"aria-colindextext"?: string | undefined;
|
|
816
|
-
"aria-colspan"?: number | undefined;
|
|
817
|
-
"aria-controls"?: string | undefined;
|
|
818
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
|
|
819
|
-
"aria-describedby"?: string | undefined;
|
|
820
|
-
"aria-description"?: string | undefined;
|
|
821
|
-
"aria-details"?: string | undefined;
|
|
822
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
823
|
-
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
824
|
-
"aria-errormessage"?: string | undefined;
|
|
825
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
826
|
-
"aria-flowto"?: string | undefined;
|
|
827
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
828
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
|
|
829
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
830
|
-
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
831
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
832
|
-
"aria-label"?: string | undefined;
|
|
833
|
-
"aria-labelledby"?: string | undefined;
|
|
834
|
-
"aria-level"?: number | undefined;
|
|
835
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
836
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
837
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
838
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
839
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
840
|
-
"aria-owns"?: string | undefined;
|
|
841
|
-
"aria-placeholder"?: string | undefined;
|
|
842
|
-
"aria-posinset"?: number | undefined;
|
|
843
|
-
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
844
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
845
|
-
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
846
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
847
|
-
"aria-roledescription"?: string | undefined;
|
|
848
|
-
"aria-rowcount"?: number | undefined;
|
|
849
|
-
"aria-rowindex"?: number | undefined;
|
|
850
|
-
"aria-rowindextext"?: string | undefined;
|
|
851
|
-
"aria-rowspan"?: number | undefined;
|
|
852
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
853
|
-
"aria-setsize"?: number | undefined;
|
|
854
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
855
|
-
"aria-valuemax"?: number | undefined;
|
|
856
|
-
"aria-valuemin"?: number | undefined;
|
|
857
|
-
"aria-valuenow"?: number | undefined;
|
|
858
|
-
"aria-valuetext"?: string | undefined;
|
|
859
|
-
dangerouslySetInnerHTML?: {
|
|
860
|
-
__html: string | TrustedHTML;
|
|
861
|
-
} | undefined;
|
|
862
|
-
onCopy?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
863
|
-
onCopyCapture?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
864
|
-
onCut?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
865
|
-
onCutCapture?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
866
|
-
onPaste?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
867
|
-
onPasteCapture?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
868
|
-
onCompositionEnd?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
869
|
-
onCompositionEndCapture?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
870
|
-
onCompositionStart?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
871
|
-
onCompositionStartCapture?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
872
|
-
onCompositionUpdate?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
873
|
-
onCompositionUpdateCapture?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
874
|
-
onFocus?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
875
|
-
onFocusCapture?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
876
|
-
onBlur?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
877
|
-
onBlurCapture?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
878
|
-
onChange?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
879
|
-
onChangeCapture?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
880
|
-
onBeforeInput?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
881
|
-
onBeforeInputCapture?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
882
|
-
onInput?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
883
|
-
onInputCapture?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
884
|
-
onReset?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
885
|
-
onResetCapture?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
886
|
-
onSubmit?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
887
|
-
onSubmitCapture?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
888
|
-
onInvalid?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
889
|
-
onInvalidCapture?: React$1.FormEventHandler<HTMLDivElement> | undefined;
|
|
890
|
-
onLoad?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
891
|
-
onLoadCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
892
|
-
onError?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
893
|
-
onErrorCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
894
|
-
onKeyDown?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
895
|
-
onKeyDownCapture?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
896
|
-
onKeyPress?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
897
|
-
onKeyPressCapture?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
898
|
-
onKeyUp?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
899
|
-
onKeyUpCapture?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
900
|
-
onAbort?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
901
|
-
onAbortCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
902
|
-
onCanPlay?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
903
|
-
onCanPlayCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
904
|
-
onCanPlayThrough?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
905
|
-
onCanPlayThroughCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
906
|
-
onDurationChange?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
907
|
-
onDurationChangeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
908
|
-
onEmptied?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
909
|
-
onEmptiedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
910
|
-
onEncrypted?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
911
|
-
onEncryptedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
912
|
-
onEnded?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
913
|
-
onEndedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
914
|
-
onLoadedData?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
915
|
-
onLoadedDataCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
916
|
-
onLoadedMetadata?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
917
|
-
onLoadedMetadataCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
918
|
-
onLoadStart?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
919
|
-
onLoadStartCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
920
|
-
onPause?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
921
|
-
onPauseCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
922
|
-
onPlay?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
923
|
-
onPlayCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
924
|
-
onPlaying?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
925
|
-
onPlayingCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
926
|
-
onProgress?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
927
|
-
onProgressCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
928
|
-
onRateChange?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
929
|
-
onRateChangeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
930
|
-
onResize?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
931
|
-
onResizeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
932
|
-
onSeeked?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
933
|
-
onSeekedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
934
|
-
onSeeking?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
935
|
-
onSeekingCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
936
|
-
onStalled?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
937
|
-
onStalledCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
938
|
-
onSuspend?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
939
|
-
onSuspendCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
940
|
-
onTimeUpdate?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
941
|
-
onTimeUpdateCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
942
|
-
onVolumeChange?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
943
|
-
onVolumeChangeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
944
|
-
onWaiting?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
945
|
-
onWaitingCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
946
|
-
onAuxClick?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
947
|
-
onAuxClickCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
948
|
-
onClick?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
949
|
-
onClickCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
950
|
-
onContextMenu?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
951
|
-
onContextMenuCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
952
|
-
onDoubleClick?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
953
|
-
onDoubleClickCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
954
|
-
onDragCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
955
|
-
onDragEndCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
956
|
-
onDragEnter?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
957
|
-
onDragEnterCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
958
|
-
onDragExit?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
959
|
-
onDragExitCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
960
|
-
onDragLeave?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
961
|
-
onDragLeaveCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
962
|
-
onDragOver?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
963
|
-
onDragOverCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
964
|
-
onDragStartCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
965
|
-
onDrop?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
966
|
-
onDropCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
967
|
-
onMouseDown?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
968
|
-
onMouseDownCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
969
|
-
onMouseEnter?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
970
|
-
onMouseLeave?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
971
|
-
onMouseMove?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
972
|
-
onMouseMoveCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
973
|
-
onMouseOut?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
974
|
-
onMouseOutCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
975
|
-
onMouseOver?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
976
|
-
onMouseOverCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
977
|
-
onMouseUp?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
978
|
-
onMouseUpCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
979
|
-
onSelect?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
980
|
-
onSelectCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
981
|
-
onTouchCancel?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
982
|
-
onTouchCancelCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
983
|
-
onTouchEnd?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
984
|
-
onTouchEndCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
985
|
-
onTouchMove?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
986
|
-
onTouchMoveCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
987
|
-
onTouchStart?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
988
|
-
onTouchStartCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
989
|
-
onPointerDown?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
990
|
-
onPointerDownCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
991
|
-
onPointerMove?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
992
|
-
onPointerMoveCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
993
|
-
onPointerUp?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
994
|
-
onPointerUpCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
995
|
-
onPointerCancel?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
996
|
-
onPointerCancelCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
997
|
-
onPointerEnter?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
998
|
-
onPointerEnterCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
999
|
-
onPointerLeave?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1000
|
-
onPointerLeaveCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1001
|
-
onPointerOver?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1002
|
-
onPointerOverCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1003
|
-
onPointerOut?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1004
|
-
onPointerOutCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1005
|
-
onGotPointerCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1006
|
-
onGotPointerCaptureCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1007
|
-
onLostPointerCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1008
|
-
onLostPointerCaptureCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1009
|
-
onScroll?: React$1.UIEventHandler<HTMLDivElement> | undefined;
|
|
1010
|
-
onScrollCapture?: React$1.UIEventHandler<HTMLDivElement> | undefined;
|
|
1011
|
-
onWheel?: React$1.WheelEventHandler<HTMLDivElement> | undefined;
|
|
1012
|
-
onWheelCapture?: React$1.WheelEventHandler<HTMLDivElement> | undefined;
|
|
1013
|
-
onAnimationStartCapture?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1014
|
-
onAnimationEnd?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1015
|
-
onAnimationEndCapture?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1016
|
-
onAnimationIteration?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1017
|
-
onAnimationIterationCapture?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1018
|
-
onTransitionEnd?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1019
|
-
onTransitionEndCapture?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1020
|
-
defaultChecked?: boolean | undefined;
|
|
1021
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
1022
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
1023
|
-
accessKey?: string | undefined;
|
|
1024
|
-
autoFocus?: boolean | undefined;
|
|
1025
|
-
contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
|
|
1026
|
-
contextMenu?: string | undefined;
|
|
1027
|
-
dir?: string | undefined;
|
|
1028
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
1029
|
-
hidden?: boolean | undefined;
|
|
1030
|
-
nonce?: string | undefined;
|
|
1031
|
-
placeholder?: string | undefined;
|
|
1032
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
1033
|
-
translate?: "no" | "yes" | undefined;
|
|
1034
|
-
radioGroup?: string | undefined;
|
|
1035
|
-
about?: string | undefined;
|
|
1036
|
-
content?: string | undefined;
|
|
1037
|
-
datatype?: string | undefined;
|
|
1038
|
-
inlist?: any;
|
|
1039
|
-
prefix?: string | undefined;
|
|
1040
|
-
property?: string | undefined;
|
|
1041
|
-
rel?: string | undefined;
|
|
1042
|
-
resource?: string | undefined;
|
|
1043
|
-
rev?: string | undefined;
|
|
1044
|
-
typeof?: string | undefined;
|
|
1045
|
-
vocab?: string | undefined;
|
|
1046
|
-
autoCapitalize?: string | undefined;
|
|
1047
|
-
autoCorrect?: string | undefined;
|
|
1048
|
-
autoSave?: string | undefined;
|
|
1049
|
-
itemProp?: string | undefined;
|
|
1050
|
-
itemScope?: boolean | undefined;
|
|
1051
|
-
itemType?: string | undefined;
|
|
1052
|
-
itemID?: string | undefined;
|
|
1053
|
-
itemRef?: string | undefined;
|
|
1054
|
-
results?: number | undefined;
|
|
1055
|
-
security?: string | undefined;
|
|
1056
|
-
unselectable?: "on" | "off" | undefined;
|
|
1057
|
-
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
1058
|
-
is?: string | undefined;
|
|
1059
|
-
} & framer_motion.MotionProps & React$1.RefAttributes<HTMLDivElement> & {
|
|
1060
|
-
theme?: _emotion_react.Theme | undefined;
|
|
1061
|
-
} & DropdownButtonProps, {}, {}>;
|
|
1062
|
-
|
|
1063
772
|
declare const MenuSizeVariants: {
|
|
1064
773
|
readonly XS: "XS";
|
|
1065
774
|
readonly S: "S";
|
|
@@ -1073,12 +782,6 @@ interface MenuOptionProps extends ChildrenProps, DisableProps, RightElementProps
|
|
|
1073
782
|
|
|
1074
783
|
declare const Menu: ({ leftSource, rightSource, children, isSelected, defaultSelected, onClick, sizeVar, disabled, ...rest }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
1075
784
|
|
|
1076
|
-
declare const getFontStylesBySizeVar: (sizeVar: MenuOptionProps['sizeVar']) => "body1_400" | "body2_400";
|
|
1077
|
-
declare const StyledMenu: _emotion_styled.StyledComponent<{
|
|
1078
|
-
theme?: _emotion_react.Theme | undefined;
|
|
1079
|
-
as?: React$1.ElementType<any> | undefined;
|
|
1080
|
-
} & MenuOptionProps, React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
|
|
1081
|
-
|
|
1082
785
|
interface ListProps extends ListOptionProps {
|
|
1083
786
|
}
|
|
1084
787
|
interface ListOptionProps extends ChildrenProps, DisableProps, SelectedProps, LeftNodeProps, RightNodeProps, HTMLAttributes<HTMLLIElement> {
|
|
@@ -1096,15 +799,6 @@ declare const List: {
|
|
|
1096
799
|
};
|
|
1097
800
|
declare const Text2Rows: ({ title, subTitle }: ListText2RowsProps) => react_jsx_runtime.JSX.Element;
|
|
1098
801
|
|
|
1099
|
-
declare const StyledList: _emotion_styled.StyledComponent<{
|
|
1100
|
-
theme?: _emotion_react.Theme | undefined;
|
|
1101
|
-
as?: React$1.ElementType<any> | undefined;
|
|
1102
|
-
} & ListOptionProps, React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
|
|
1103
|
-
declare const StyledText2Rows: _emotion_styled.StyledComponent<{
|
|
1104
|
-
theme?: _emotion_react.Theme | undefined;
|
|
1105
|
-
as?: React$1.ElementType<any> | undefined;
|
|
1106
|
-
}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1107
|
-
|
|
1108
802
|
declare const TagStyleVariants: {
|
|
1109
803
|
readonly SOLID: "SOLID";
|
|
1110
804
|
readonly TINT: "TINT";
|
|
@@ -1187,17 +881,6 @@ interface InputButtonOptionProps extends Omit<HTMLAttributes<HTMLInputElement>,
|
|
|
1187
881
|
|
|
1188
882
|
declare const InputButton: React__default.ForwardRefExoticComponent<InputButtonProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1189
883
|
|
|
1190
|
-
declare const StyledInputButton: _emotion_styled.StyledComponent<{
|
|
1191
|
-
theme?: _emotion_react.Theme | undefined;
|
|
1192
|
-
as?: React$1.ElementType<any> | undefined;
|
|
1193
|
-
} & {
|
|
1194
|
-
disabled?: boolean | undefined;
|
|
1195
|
-
}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1196
|
-
declare const StyledInputButtonContent: _emotion_styled.StyledComponent<{
|
|
1197
|
-
theme?: _emotion_react.Theme | undefined;
|
|
1198
|
-
as?: React$1.ElementType<any> | undefined;
|
|
1199
|
-
}, React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
1200
|
-
|
|
1201
884
|
interface TextAreaOptionProps extends DisableProps, ErrorProps {
|
|
1202
885
|
width?: string;
|
|
1203
886
|
/**
|
|
@@ -1281,4 +964,21 @@ interface RadioOptionProps extends SelectedProps, DefaultSelectedProps, DisableP
|
|
|
1281
964
|
declare const RADIO_SYMBOL_KEY: unique symbol;
|
|
1282
965
|
declare const Radio: ({ isSelected, defaultSelected, disabled, onClick, onMouseEnter, onMouseLeave, ...rest }: RadioProps) => react_jsx_runtime.JSX.Element;
|
|
1283
966
|
|
|
1284
|
-
|
|
967
|
+
interface TooltipProps extends TooltipOptionProps, Omit<PopperProps, 'autoPlacement'> {
|
|
968
|
+
}
|
|
969
|
+
interface TooltipOptionProps {
|
|
970
|
+
trigger: React.ReactNode;
|
|
971
|
+
popper: React.ReactNode;
|
|
972
|
+
triggerRef?: Ref<HTMLDivElement>;
|
|
973
|
+
portalRef?: Ref<HTMLDivElement>;
|
|
974
|
+
}
|
|
975
|
+
interface TooltipContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
976
|
+
content: string;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
declare const Tooltip: {
|
|
980
|
+
({ trigger, popper, placement, offset, triggerRef, portalRef, ...popperProps }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
981
|
+
Content: ({ content, ...args }: TooltipContentProps) => react_jsx_runtime.JSX.Element;
|
|
982
|
+
};
|
|
983
|
+
|
|
984
|
+
export { Avatar, AvatarOptionProps, AvatarProps, AvatarSizeVariantType, AvatarSizeVariants, BackDropOptionProps, BackDropProps, BorderRadiusTokens, BoxShadowTokens, Button, ButtonComponent, ButtonOptionProps, ButtonProps, ButtonSizeVariantType, ButtonSizeVariants, ButtonStyleVariantType, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout, CalloutOptionProps, CalloutProps, CalloutType, CalloutTypes, Checkbox, CheckboxOptionProps, CheckboxProps, CheckboxStyleVariantType, CheckboxStyleVariants, ChipButton, ChipButtonOptionProps, ChipButtonProps, ChipButtonSizeVariantType, ChipButtonSizeVariants, ChipButtonStyleVariantType, ChipButtonStyleVariants, ChipToggle, ChipToggleOptionProps, ChipToggleProps, ChipToggleSizeVariantType, ChipToggleSizeVariants, ChipToggleStyleVariantType, ChipToggleStyleVariants, ColorTokens, DangerouslySetInnerHTML, Dropdown, DropdownButtonProps, DropdownContentProps, DropdownOptionProps, DropdownOptionVariantType, DropdownProps, DropdownSizeVariantType, FontWeightTokens, Icon, IconButton, IconButtonComponent, IconButtonOptionProps, IconButtonProps, IconButtonSizeVariantType, IconButtonSizeVariants, IconButtonStyleVariantType, IconButtonStyleVariants, IconOptionProps, IconProps, IconSizeVariants, IconSizeVariantsType, Input, InputButton, InputButtonOptionProps, InputButtonProps, InputOptionProps, InputProps, List, ListContent2ColumnsProps, ListOptionProps, ListProps, ListText2RowsProps, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu, MenuOptionProps, MenuProps, MenuSizeVariantType, MenuSizeVariants, MinusBoxOptionProps, MinusBoxProps, MinusButton, Modal, ModalBodyOptionProps, ModalBodyProps, ModalContainerOptionProps, ModalContainerProps, ModalContext, ModalFooterOptionProps, ModalFooterProps, ModalFooterType, ModalHandlerContext, ModalHeaderOptionProps, ModalHeaderProps, ModalHeaderType, ModalPortal as ModalProvider, ModalSize, ModalSizeType, ModalStateType, MotionStack, MotionStackComponentType, Popper, PopperOptionProps, PopperPortal, PopperPortalProps, PopperProps, PopperTrigger, PopperTriggerProps, RADIO_SYMBOL_KEY, Radio, RadioOptionProps, RadioProps, RemoveModalProps, ScrollArea, ScrollAreaOptionProps, ScrollAreaProps, SelectInputButton, SelectInputButtonOptionProps, SelectInputButtonProps, ShoplflowProvider, ShoplflowProviderProps, SpacingTokens, Stack, StackComponentType, StackGenericProps, StackOptionProps, StackProps, StyledIcon, StyledStack, Switch, SwitchOptionProps, SwitchProps, Tag, TagOptionProps, TagProps, TagSizeVariantType, TagSizeVariants, TagStyleVariantType, TagStyleVariants, Text, Text2Rows, TextArea, TextAreaOptionProps, TextAreaProps, TextOptionProps, TextProps, Tooltip, TooltipContentProps, TooltipOptionProps, TooltipProps, TypographyTokens, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };
|
package/dist/index.js
CHANGED
|
@@ -13,6 +13,7 @@ import { useFloating } from '@floating-ui/react-dom';
|
|
|
13
13
|
import * as ShoplAssets from '@shoplflow/shopl-assets';
|
|
14
14
|
import { DownArrowSolidXsmallIcon } from '@shoplflow/shopl-assets';
|
|
15
15
|
import * as HadaAssets from '@shoplflow/hada-assets';
|
|
16
|
+
import { flip, shift } from '@floating-ui/core';
|
|
16
17
|
|
|
17
18
|
var __create = Object.create;
|
|
18
19
|
var __defProp = Object.defineProperty;
|
|
@@ -1849,19 +1850,13 @@ var getStyleByType = ({
|
|
|
1849
1850
|
height: 32px;
|
|
1850
1851
|
`;
|
|
1851
1852
|
}
|
|
1852
|
-
if (type === "text" || type === "password") {
|
|
1853
|
-
return css`
|
|
1854
|
-
width: ${width != null ? width : "100%"};
|
|
1855
|
-
min-width: ${minWidth != null ? minWidth : "initial"};
|
|
1856
|
-
max-width: ${maxWidth != null ? maxWidth : "initial"};
|
|
1857
|
-
height: ${height != null ? height : "initial"};
|
|
1858
|
-
min-height: ${minHeight != null ? minHeight : "initial"};
|
|
1859
|
-
max-height: ${maxHeight != null ? maxHeight : "initial"};
|
|
1860
|
-
`;
|
|
1861
|
-
}
|
|
1862
1853
|
return css`
|
|
1863
|
-
width:
|
|
1864
|
-
|
|
1854
|
+
width: ${width != null ? width : "100%"};
|
|
1855
|
+
min-width: ${minWidth != null ? minWidth : "initial"};
|
|
1856
|
+
max-width: ${maxWidth != null ? maxWidth : "initial"};
|
|
1857
|
+
height: ${height != null ? height : "initial"};
|
|
1858
|
+
min-height: ${minHeight != null ? minHeight : "initial"};
|
|
1859
|
+
max-height: ${maxHeight != null ? maxHeight : "initial"};
|
|
1865
1860
|
`;
|
|
1866
1861
|
};
|
|
1867
1862
|
var InputWrapper = styled5.label`
|
|
@@ -3193,6 +3188,57 @@ var SelectInputButton = (_a) => {
|
|
|
3193
3188
|
);
|
|
3194
3189
|
};
|
|
3195
3190
|
var SelectInputButton_default = SelectInputButton;
|
|
3191
|
+
var StyledTooltipContent = styled5.div`
|
|
3192
|
+
background-color: ${colorTokens.neutral700};
|
|
3193
|
+
padding: 4px 8px;
|
|
3194
|
+
max-width: 240px;
|
|
3195
|
+
border-radius: 4px;
|
|
3196
|
+
`;
|
|
3197
|
+
var TooltipContent = (_a) => {
|
|
3198
|
+
var _b = _a, { content } = _b, args = __objRest(_b, ["content"]);
|
|
3199
|
+
return /* @__PURE__ */ jsx(StyledTooltipContent, __spreadProps(__spreadValues({}, args), { children: /* @__PURE__ */ jsx(Text_default, { typography: "caption_400", color: "neutral0", wordBreak: "break-all", children: content }) }));
|
|
3200
|
+
};
|
|
3201
|
+
var Tooltip = (_a) => {
|
|
3202
|
+
var _b = _a, {
|
|
3203
|
+
trigger,
|
|
3204
|
+
popper,
|
|
3205
|
+
placement = "bottom-start",
|
|
3206
|
+
offset: offset3 = 4,
|
|
3207
|
+
triggerRef,
|
|
3208
|
+
portalRef
|
|
3209
|
+
} = _b, popperProps = __objRest(_b, [
|
|
3210
|
+
"trigger",
|
|
3211
|
+
"popper",
|
|
3212
|
+
"placement",
|
|
3213
|
+
"offset",
|
|
3214
|
+
"triggerRef",
|
|
3215
|
+
"portalRef"
|
|
3216
|
+
]);
|
|
3217
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
3218
|
+
const showHandler = useCallback(() => {
|
|
3219
|
+
setIsOpen(true);
|
|
3220
|
+
}, []);
|
|
3221
|
+
const hideHandler = useCallback(() => {
|
|
3222
|
+
setIsOpen(false);
|
|
3223
|
+
}, []);
|
|
3224
|
+
return /* @__PURE__ */ jsxs(Popper_default, __spreadProps(__spreadValues({ offset: offset3, placement, middlewares: [flip(), shift({ padding: 5 })] }, popperProps), { children: [
|
|
3225
|
+
/* @__PURE__ */ jsx(
|
|
3226
|
+
Popper_default.Trigger,
|
|
3227
|
+
{
|
|
3228
|
+
ref: triggerRef,
|
|
3229
|
+
isOpen,
|
|
3230
|
+
onMouseOver: showHandler,
|
|
3231
|
+
onMouseLeave: hideHandler,
|
|
3232
|
+
onFocus: showHandler,
|
|
3233
|
+
onBlur: hideHandler,
|
|
3234
|
+
children: trigger
|
|
3235
|
+
}
|
|
3236
|
+
),
|
|
3237
|
+
/* @__PURE__ */ jsx(Popper_default.Portal, { ref: portalRef, children: popper })
|
|
3238
|
+
] }));
|
|
3239
|
+
};
|
|
3240
|
+
Tooltip.Content = TooltipContent;
|
|
3241
|
+
var Tooltip_default = Tooltip;
|
|
3196
3242
|
var SpaceMarginWrapper = styled5(motion.div)`
|
|
3197
3243
|
position: relative;
|
|
3198
3244
|
display: flex;
|
|
@@ -3247,6 +3293,6 @@ classnames/index.js:
|
|
|
3247
3293
|
*)
|
|
3248
3294
|
*/
|
|
3249
3295
|
|
|
3250
|
-
export { Avatar_default as Avatar, AvatarSizeVariants, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, Dropdown_default as Dropdown,
|
|
3296
|
+
export { Avatar_default as Avatar, AvatarSizeVariants, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, Dropdown_default as Dropdown, Icon_default as Icon, IconButton_default as IconButton, IconButtonSizeVariants, IconButtonStyleVariants, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, List_default as List, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu_default as Menu, MenuSizeVariants, MinusButton_default as MinusButton, Modal, ModalContext, ModalHandlerContext, ModalPortal_default as ModalProvider, ModalSize, MotionStack, Popper_default as Popper, PopperPortal, PopperTrigger, RADIO_SYMBOL_KEY, Radio_default as Radio, ScrollArea_default as ScrollArea, SelectInputButton_default as SelectInputButton, ShoplflowProvider_default as ShoplflowProvider, Stack_default as Stack, StyledIcon, StyledStack, Switch_default as Switch, Tag_default as Tag, TagSizeVariants, TagStyleVariants, Text_default as Text, Text2Rows, TextArea_default as TextArea, Tooltip_default as Tooltip, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useHandleModal, useModalValue };
|
|
3251
3297
|
//# sourceMappingURL=out.js.map
|
|
3252
3298
|
//# sourceMappingURL=index.js.map
|