@lets-events/react 11.0.1 → 11.0.2
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/.turbo/turbo-build.log +8 -8
- package/CHANGELOG.md +6 -0
- package/dist/index.d.mts +1 -371
- package/dist/index.d.ts +1 -371
- package/dist/index.js +16 -32
- package/dist/index.mjs +3 -18
- package/package.json +1 -1
- package/src/components/Card.tsx +39 -60
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @lets-events/react@11.0.
|
|
2
|
+
> @lets-events/react@11.0.2 build
|
|
3
3
|
> tsup src/index.tsx --format esm,cjs --dts --external react
|
|
4
4
|
|
|
5
5
|
[34mCLI[39m Building entry: src/index.tsx
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
[34mCLI[39m Target: es6
|
|
9
9
|
[34mESM[39m Build start
|
|
10
10
|
[34mCJS[39m Build start
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[
|
|
11
|
+
[32mESM[39m [1mdist\index.mjs [22m[32m275.12 KB[39m
|
|
12
|
+
[32mESM[39m ⚡️ Build success in 224ms
|
|
13
|
+
[32mCJS[39m [1mdist\index.js [22m[32m283.47 KB[39m
|
|
14
|
+
[32mCJS[39m ⚡️ Build success in 225ms
|
|
15
15
|
[34mDTS[39m Build start
|
|
16
|
-
[32mDTS[39m ⚡️ Build success in
|
|
17
|
-
[32mDTS[39m [1mdist\index.d.mts [22m[
|
|
18
|
-
[32mDTS[39m [1mdist\index.d.ts [22m[
|
|
16
|
+
[32mDTS[39m ⚡️ Build success in 3530ms
|
|
17
|
+
[32mDTS[39m [1mdist\index.d.mts [22m[32m338.30 KB[39m
|
|
18
|
+
[32mDTS[39m [1mdist\index.d.ts [22m[32m338.30 KB[39m
|
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -10641,376 +10641,6 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
10641
10641
|
transition: "transitions";
|
|
10642
10642
|
zIndex: "zIndices";
|
|
10643
10643
|
}, {}>>;
|
|
10644
|
-
declare const CardContainer: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react__default.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
10645
|
-
colors: {
|
|
10646
|
-
brand50: string;
|
|
10647
|
-
brand100: string;
|
|
10648
|
-
brand200: string;
|
|
10649
|
-
brand300: string;
|
|
10650
|
-
brand400: string;
|
|
10651
|
-
brand500: string;
|
|
10652
|
-
brand600: string;
|
|
10653
|
-
brand700: string;
|
|
10654
|
-
brand800: string;
|
|
10655
|
-
brand900: string;
|
|
10656
|
-
brand950: string;
|
|
10657
|
-
blue50: string;
|
|
10658
|
-
blue100: string;
|
|
10659
|
-
blue200: string;
|
|
10660
|
-
blue300: string;
|
|
10661
|
-
blue400: string;
|
|
10662
|
-
blue500: string;
|
|
10663
|
-
blue600: string;
|
|
10664
|
-
blue700: string;
|
|
10665
|
-
blue800: string;
|
|
10666
|
-
blue900: string;
|
|
10667
|
-
blue950: string;
|
|
10668
|
-
red50: string;
|
|
10669
|
-
red100: string;
|
|
10670
|
-
red200: string;
|
|
10671
|
-
red300: string;
|
|
10672
|
-
red400: string;
|
|
10673
|
-
red500: string;
|
|
10674
|
-
red600: string;
|
|
10675
|
-
red700: string;
|
|
10676
|
-
red800: string;
|
|
10677
|
-
red900: string;
|
|
10678
|
-
red950: string;
|
|
10679
|
-
purple50: string;
|
|
10680
|
-
purple100: string;
|
|
10681
|
-
purple200: string;
|
|
10682
|
-
purple300: string;
|
|
10683
|
-
purple400: string;
|
|
10684
|
-
purple500: string;
|
|
10685
|
-
purple600: string;
|
|
10686
|
-
purple700: string;
|
|
10687
|
-
purple800: string;
|
|
10688
|
-
purple900: string;
|
|
10689
|
-
purple950: string;
|
|
10690
|
-
yellow50: string;
|
|
10691
|
-
yellow100: string;
|
|
10692
|
-
yellow200: string;
|
|
10693
|
-
yellow300: string;
|
|
10694
|
-
yellow400: string;
|
|
10695
|
-
yellow500: string;
|
|
10696
|
-
yellow600: string;
|
|
10697
|
-
yellow700: string;
|
|
10698
|
-
yellow800: string;
|
|
10699
|
-
yellow900: string;
|
|
10700
|
-
yellow950: string;
|
|
10701
|
-
dark50: string;
|
|
10702
|
-
dark100: string;
|
|
10703
|
-
dark200: string;
|
|
10704
|
-
dark300: string;
|
|
10705
|
-
dark400: string;
|
|
10706
|
-
dark500: string;
|
|
10707
|
-
dark600: string;
|
|
10708
|
-
dark700: string;
|
|
10709
|
-
dark800: string;
|
|
10710
|
-
dark900: string;
|
|
10711
|
-
dark950: string;
|
|
10712
|
-
neutral50: string;
|
|
10713
|
-
neutral100: string;
|
|
10714
|
-
neutral200: string;
|
|
10715
|
-
neutral300: string;
|
|
10716
|
-
neutral400: string;
|
|
10717
|
-
neutral500: string;
|
|
10718
|
-
neutral600: string;
|
|
10719
|
-
neutral700: string;
|
|
10720
|
-
neutral800: string;
|
|
10721
|
-
neutral900: string;
|
|
10722
|
-
neutral950: string;
|
|
10723
|
-
green50: string;
|
|
10724
|
-
green100: string;
|
|
10725
|
-
green200: string;
|
|
10726
|
-
green300: string;
|
|
10727
|
-
green400: string;
|
|
10728
|
-
green500: string;
|
|
10729
|
-
green600: string;
|
|
10730
|
-
green700: string;
|
|
10731
|
-
green800: string;
|
|
10732
|
-
green900: string;
|
|
10733
|
-
green950: string;
|
|
10734
|
-
grey50: string;
|
|
10735
|
-
grey100: string;
|
|
10736
|
-
grey200: string;
|
|
10737
|
-
grey300: string;
|
|
10738
|
-
grey400: string;
|
|
10739
|
-
grey500: string;
|
|
10740
|
-
grey600: string;
|
|
10741
|
-
grey700: string;
|
|
10742
|
-
grey800: string;
|
|
10743
|
-
grey900: string;
|
|
10744
|
-
grey950: string;
|
|
10745
|
-
error50: string;
|
|
10746
|
-
error100: string;
|
|
10747
|
-
error200: string;
|
|
10748
|
-
error300: string;
|
|
10749
|
-
error400: string;
|
|
10750
|
-
error500: string;
|
|
10751
|
-
error600: string;
|
|
10752
|
-
error700: string;
|
|
10753
|
-
error800: string;
|
|
10754
|
-
error900: string;
|
|
10755
|
-
error950: string;
|
|
10756
|
-
success50: string;
|
|
10757
|
-
success100: string;
|
|
10758
|
-
success200: string;
|
|
10759
|
-
success300: string;
|
|
10760
|
-
success400: string;
|
|
10761
|
-
success500: string;
|
|
10762
|
-
success600: string;
|
|
10763
|
-
success700: string;
|
|
10764
|
-
success800: string;
|
|
10765
|
-
success900: string;
|
|
10766
|
-
success950: string;
|
|
10767
|
-
warning50: string;
|
|
10768
|
-
warning100: string;
|
|
10769
|
-
warning200: string;
|
|
10770
|
-
warning300: string;
|
|
10771
|
-
warning400: string;
|
|
10772
|
-
warning500: string;
|
|
10773
|
-
warning600: string;
|
|
10774
|
-
warning700: string;
|
|
10775
|
-
warning800: string;
|
|
10776
|
-
warning900: string;
|
|
10777
|
-
warning950: string;
|
|
10778
|
-
info50: string;
|
|
10779
|
-
info100: string;
|
|
10780
|
-
info200: string;
|
|
10781
|
-
info300: string;
|
|
10782
|
-
info400: string;
|
|
10783
|
-
info500: string;
|
|
10784
|
-
info600: string;
|
|
10785
|
-
info700: string;
|
|
10786
|
-
info800: string;
|
|
10787
|
-
info900: string;
|
|
10788
|
-
info950: string;
|
|
10789
|
-
};
|
|
10790
|
-
fontSizes: {
|
|
10791
|
-
2: string;
|
|
10792
|
-
4: string;
|
|
10793
|
-
6: string;
|
|
10794
|
-
8: string;
|
|
10795
|
-
10: string;
|
|
10796
|
-
12: string;
|
|
10797
|
-
13: string;
|
|
10798
|
-
14: string;
|
|
10799
|
-
16: string;
|
|
10800
|
-
18: string;
|
|
10801
|
-
20: string;
|
|
10802
|
-
22: string;
|
|
10803
|
-
24: string;
|
|
10804
|
-
32: string;
|
|
10805
|
-
36: string;
|
|
10806
|
-
40: string;
|
|
10807
|
-
48: string;
|
|
10808
|
-
56: string;
|
|
10809
|
-
64: string;
|
|
10810
|
-
72: string;
|
|
10811
|
-
80: string;
|
|
10812
|
-
xs: string;
|
|
10813
|
-
sm: string;
|
|
10814
|
-
md: string;
|
|
10815
|
-
lg: string;
|
|
10816
|
-
'2xl': string;
|
|
10817
|
-
'3xl': string;
|
|
10818
|
-
'4xl': string;
|
|
10819
|
-
full: string;
|
|
10820
|
-
};
|
|
10821
|
-
fonts: {
|
|
10822
|
-
default: string;
|
|
10823
|
-
};
|
|
10824
|
-
fontWeights: {
|
|
10825
|
-
regular: string;
|
|
10826
|
-
medium: string;
|
|
10827
|
-
semibold: string;
|
|
10828
|
-
bold: string;
|
|
10829
|
-
};
|
|
10830
|
-
lineHeights: {
|
|
10831
|
-
smaller: string;
|
|
10832
|
-
shorter: string;
|
|
10833
|
-
short: string;
|
|
10834
|
-
base: string;
|
|
10835
|
-
tall: string;
|
|
10836
|
-
};
|
|
10837
|
-
radii: {
|
|
10838
|
-
'3xs': string;
|
|
10839
|
-
'2xs': string;
|
|
10840
|
-
xs: string;
|
|
10841
|
-
sm: string;
|
|
10842
|
-
md: string;
|
|
10843
|
-
lg: string;
|
|
10844
|
-
xl: string;
|
|
10845
|
-
'2xl': string;
|
|
10846
|
-
'3xl': string;
|
|
10847
|
-
'4xl': string;
|
|
10848
|
-
'5xl': string;
|
|
10849
|
-
'6xl': string;
|
|
10850
|
-
'7xl': string;
|
|
10851
|
-
'8xl': string;
|
|
10852
|
-
'9xl': string;
|
|
10853
|
-
'10xl': string;
|
|
10854
|
-
'11xl': string;
|
|
10855
|
-
'12xl': string;
|
|
10856
|
-
'13xl': string;
|
|
10857
|
-
'14xl': string;
|
|
10858
|
-
full: string;
|
|
10859
|
-
};
|
|
10860
|
-
space: {
|
|
10861
|
-
2: string;
|
|
10862
|
-
4: string;
|
|
10863
|
-
6: string;
|
|
10864
|
-
8: string;
|
|
10865
|
-
10: string;
|
|
10866
|
-
12: string;
|
|
10867
|
-
13: string;
|
|
10868
|
-
14: string;
|
|
10869
|
-
16: string;
|
|
10870
|
-
18: string;
|
|
10871
|
-
20: string;
|
|
10872
|
-
22: string;
|
|
10873
|
-
24: string;
|
|
10874
|
-
32: string;
|
|
10875
|
-
36: string;
|
|
10876
|
-
40: string;
|
|
10877
|
-
48: string;
|
|
10878
|
-
56: string;
|
|
10879
|
-
64: string;
|
|
10880
|
-
72: string;
|
|
10881
|
-
80: string;
|
|
10882
|
-
full: string;
|
|
10883
|
-
};
|
|
10884
|
-
}, {
|
|
10885
|
-
height: "space";
|
|
10886
|
-
width: "space";
|
|
10887
|
-
gap: "space";
|
|
10888
|
-
gridGap: "space";
|
|
10889
|
-
columnGap: "space";
|
|
10890
|
-
gridColumnGap: "space";
|
|
10891
|
-
rowGap: "space";
|
|
10892
|
-
gridRowGap: "space";
|
|
10893
|
-
inset: "space";
|
|
10894
|
-
insetBlock: "space";
|
|
10895
|
-
insetBlockEnd: "space";
|
|
10896
|
-
insetBlockStart: "space";
|
|
10897
|
-
insetInline: "space";
|
|
10898
|
-
insetInlineEnd: "space";
|
|
10899
|
-
insetInlineStart: "space";
|
|
10900
|
-
margin: "space";
|
|
10901
|
-
marginTop: "space";
|
|
10902
|
-
marginRight: "space";
|
|
10903
|
-
marginBottom: "space";
|
|
10904
|
-
marginLeft: "space";
|
|
10905
|
-
marginBlock: "space";
|
|
10906
|
-
marginBlockEnd: "space";
|
|
10907
|
-
marginBlockStart: "space";
|
|
10908
|
-
marginInline: "space";
|
|
10909
|
-
marginInlineEnd: "space";
|
|
10910
|
-
marginInlineStart: "space";
|
|
10911
|
-
padding: "space";
|
|
10912
|
-
paddingTop: "space";
|
|
10913
|
-
paddingRight: "space";
|
|
10914
|
-
paddingBottom: "space";
|
|
10915
|
-
paddingLeft: "space";
|
|
10916
|
-
paddingBlock: "space";
|
|
10917
|
-
paddingBlockEnd: "space";
|
|
10918
|
-
paddingBlockStart: "space";
|
|
10919
|
-
paddingInline: "space";
|
|
10920
|
-
paddingInlineEnd: "space";
|
|
10921
|
-
paddingInlineStart: "space";
|
|
10922
|
-
scrollMargin: "space";
|
|
10923
|
-
scrollMarginTop: "space";
|
|
10924
|
-
scrollMarginRight: "space";
|
|
10925
|
-
scrollMarginBottom: "space";
|
|
10926
|
-
scrollMarginLeft: "space";
|
|
10927
|
-
scrollMarginBlock: "space";
|
|
10928
|
-
scrollMarginBlockEnd: "space";
|
|
10929
|
-
scrollMarginBlockStart: "space";
|
|
10930
|
-
scrollMarginInline: "space";
|
|
10931
|
-
scrollMarginInlineEnd: "space";
|
|
10932
|
-
scrollMarginInlineStart: "space";
|
|
10933
|
-
scrollPadding: "space";
|
|
10934
|
-
scrollPaddingTop: "space";
|
|
10935
|
-
scrollPaddingRight: "space";
|
|
10936
|
-
scrollPaddingBottom: "space";
|
|
10937
|
-
scrollPaddingLeft: "space";
|
|
10938
|
-
scrollPaddingBlock: "space";
|
|
10939
|
-
scrollPaddingBlockEnd: "space";
|
|
10940
|
-
scrollPaddingBlockStart: "space";
|
|
10941
|
-
scrollPaddingInline: "space";
|
|
10942
|
-
scrollPaddingInlineEnd: "space";
|
|
10943
|
-
scrollPaddingInlineStart: "space";
|
|
10944
|
-
top: "space";
|
|
10945
|
-
right: "space";
|
|
10946
|
-
bottom: "space";
|
|
10947
|
-
left: "space";
|
|
10948
|
-
fontSize: "fontSizes";
|
|
10949
|
-
background: "colors";
|
|
10950
|
-
backgroundColor: "colors";
|
|
10951
|
-
backgroundImage: "colors";
|
|
10952
|
-
borderImage: "colors";
|
|
10953
|
-
border: "colors";
|
|
10954
|
-
borderBlock: "colors";
|
|
10955
|
-
borderBlockEnd: "colors";
|
|
10956
|
-
borderBlockStart: "colors";
|
|
10957
|
-
borderBottom: "colors";
|
|
10958
|
-
borderBottomColor: "colors";
|
|
10959
|
-
borderColor: "colors";
|
|
10960
|
-
borderInline: "colors";
|
|
10961
|
-
borderInlineEnd: "colors";
|
|
10962
|
-
borderInlineStart: "colors";
|
|
10963
|
-
borderLeft: "colors";
|
|
10964
|
-
borderLeftColor: "colors";
|
|
10965
|
-
borderRight: "colors";
|
|
10966
|
-
borderRightColor: "colors";
|
|
10967
|
-
borderTop: "colors";
|
|
10968
|
-
borderTopColor: "colors";
|
|
10969
|
-
caretColor: "colors";
|
|
10970
|
-
color: "colors";
|
|
10971
|
-
columnRuleColor: "colors";
|
|
10972
|
-
outline: "colors";
|
|
10973
|
-
outlineColor: "colors";
|
|
10974
|
-
fill: "colors";
|
|
10975
|
-
stroke: "colors";
|
|
10976
|
-
textDecorationColor: "colors";
|
|
10977
|
-
fontFamily: "fonts";
|
|
10978
|
-
fontWeight: "fontWeights";
|
|
10979
|
-
lineHeight: "lineHeights";
|
|
10980
|
-
letterSpacing: "letterSpacings";
|
|
10981
|
-
blockSize: "sizes";
|
|
10982
|
-
minBlockSize: "sizes";
|
|
10983
|
-
maxBlockSize: "sizes";
|
|
10984
|
-
inlineSize: "sizes";
|
|
10985
|
-
minInlineSize: "sizes";
|
|
10986
|
-
maxInlineSize: "sizes";
|
|
10987
|
-
minWidth: "sizes";
|
|
10988
|
-
maxWidth: "sizes";
|
|
10989
|
-
minHeight: "sizes";
|
|
10990
|
-
maxHeight: "sizes";
|
|
10991
|
-
flexBasis: "sizes";
|
|
10992
|
-
gridTemplateColumns: "sizes";
|
|
10993
|
-
gridTemplateRows: "sizes";
|
|
10994
|
-
borderWidth: "borderWidths";
|
|
10995
|
-
borderTopWidth: "borderWidths";
|
|
10996
|
-
borderLeftWidth: "borderWidths";
|
|
10997
|
-
borderRightWidth: "borderWidths";
|
|
10998
|
-
borderBottomWidth: "borderWidths";
|
|
10999
|
-
borderStyle: "borderStyles";
|
|
11000
|
-
borderTopStyle: "borderStyles";
|
|
11001
|
-
borderLeftStyle: "borderStyles";
|
|
11002
|
-
borderRightStyle: "borderStyles";
|
|
11003
|
-
borderBottomStyle: "borderStyles";
|
|
11004
|
-
borderRadius: "radii";
|
|
11005
|
-
borderTopLeftRadius: "radii";
|
|
11006
|
-
borderTopRightRadius: "radii";
|
|
11007
|
-
borderBottomRightRadius: "radii";
|
|
11008
|
-
borderBottomLeftRadius: "radii";
|
|
11009
|
-
boxShadow: "shadows";
|
|
11010
|
-
textShadow: "shadows";
|
|
11011
|
-
transition: "transitions";
|
|
11012
|
-
zIndex: "zIndices";
|
|
11013
|
-
}, {}>>;
|
|
11014
10644
|
type CardProps = ComponentProps<typeof CardStyled> & {
|
|
11015
10645
|
children: react__default.ReactNode;
|
|
11016
10646
|
as?: ElementType;
|
|
@@ -13350,4 +12980,4 @@ type SectionProps = ComponentProps<typeof SectionStyled> & {
|
|
|
13350
12980
|
};
|
|
13351
12981
|
declare function Section({ children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
13352
12982
|
|
|
13353
|
-
export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card,
|
|
12983
|
+
export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -10641,376 +10641,6 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
10641
10641
|
transition: "transitions";
|
|
10642
10642
|
zIndex: "zIndices";
|
|
10643
10643
|
}, {}>>;
|
|
10644
|
-
declare const CardContainer: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react__default.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
10645
|
-
colors: {
|
|
10646
|
-
brand50: string;
|
|
10647
|
-
brand100: string;
|
|
10648
|
-
brand200: string;
|
|
10649
|
-
brand300: string;
|
|
10650
|
-
brand400: string;
|
|
10651
|
-
brand500: string;
|
|
10652
|
-
brand600: string;
|
|
10653
|
-
brand700: string;
|
|
10654
|
-
brand800: string;
|
|
10655
|
-
brand900: string;
|
|
10656
|
-
brand950: string;
|
|
10657
|
-
blue50: string;
|
|
10658
|
-
blue100: string;
|
|
10659
|
-
blue200: string;
|
|
10660
|
-
blue300: string;
|
|
10661
|
-
blue400: string;
|
|
10662
|
-
blue500: string;
|
|
10663
|
-
blue600: string;
|
|
10664
|
-
blue700: string;
|
|
10665
|
-
blue800: string;
|
|
10666
|
-
blue900: string;
|
|
10667
|
-
blue950: string;
|
|
10668
|
-
red50: string;
|
|
10669
|
-
red100: string;
|
|
10670
|
-
red200: string;
|
|
10671
|
-
red300: string;
|
|
10672
|
-
red400: string;
|
|
10673
|
-
red500: string;
|
|
10674
|
-
red600: string;
|
|
10675
|
-
red700: string;
|
|
10676
|
-
red800: string;
|
|
10677
|
-
red900: string;
|
|
10678
|
-
red950: string;
|
|
10679
|
-
purple50: string;
|
|
10680
|
-
purple100: string;
|
|
10681
|
-
purple200: string;
|
|
10682
|
-
purple300: string;
|
|
10683
|
-
purple400: string;
|
|
10684
|
-
purple500: string;
|
|
10685
|
-
purple600: string;
|
|
10686
|
-
purple700: string;
|
|
10687
|
-
purple800: string;
|
|
10688
|
-
purple900: string;
|
|
10689
|
-
purple950: string;
|
|
10690
|
-
yellow50: string;
|
|
10691
|
-
yellow100: string;
|
|
10692
|
-
yellow200: string;
|
|
10693
|
-
yellow300: string;
|
|
10694
|
-
yellow400: string;
|
|
10695
|
-
yellow500: string;
|
|
10696
|
-
yellow600: string;
|
|
10697
|
-
yellow700: string;
|
|
10698
|
-
yellow800: string;
|
|
10699
|
-
yellow900: string;
|
|
10700
|
-
yellow950: string;
|
|
10701
|
-
dark50: string;
|
|
10702
|
-
dark100: string;
|
|
10703
|
-
dark200: string;
|
|
10704
|
-
dark300: string;
|
|
10705
|
-
dark400: string;
|
|
10706
|
-
dark500: string;
|
|
10707
|
-
dark600: string;
|
|
10708
|
-
dark700: string;
|
|
10709
|
-
dark800: string;
|
|
10710
|
-
dark900: string;
|
|
10711
|
-
dark950: string;
|
|
10712
|
-
neutral50: string;
|
|
10713
|
-
neutral100: string;
|
|
10714
|
-
neutral200: string;
|
|
10715
|
-
neutral300: string;
|
|
10716
|
-
neutral400: string;
|
|
10717
|
-
neutral500: string;
|
|
10718
|
-
neutral600: string;
|
|
10719
|
-
neutral700: string;
|
|
10720
|
-
neutral800: string;
|
|
10721
|
-
neutral900: string;
|
|
10722
|
-
neutral950: string;
|
|
10723
|
-
green50: string;
|
|
10724
|
-
green100: string;
|
|
10725
|
-
green200: string;
|
|
10726
|
-
green300: string;
|
|
10727
|
-
green400: string;
|
|
10728
|
-
green500: string;
|
|
10729
|
-
green600: string;
|
|
10730
|
-
green700: string;
|
|
10731
|
-
green800: string;
|
|
10732
|
-
green900: string;
|
|
10733
|
-
green950: string;
|
|
10734
|
-
grey50: string;
|
|
10735
|
-
grey100: string;
|
|
10736
|
-
grey200: string;
|
|
10737
|
-
grey300: string;
|
|
10738
|
-
grey400: string;
|
|
10739
|
-
grey500: string;
|
|
10740
|
-
grey600: string;
|
|
10741
|
-
grey700: string;
|
|
10742
|
-
grey800: string;
|
|
10743
|
-
grey900: string;
|
|
10744
|
-
grey950: string;
|
|
10745
|
-
error50: string;
|
|
10746
|
-
error100: string;
|
|
10747
|
-
error200: string;
|
|
10748
|
-
error300: string;
|
|
10749
|
-
error400: string;
|
|
10750
|
-
error500: string;
|
|
10751
|
-
error600: string;
|
|
10752
|
-
error700: string;
|
|
10753
|
-
error800: string;
|
|
10754
|
-
error900: string;
|
|
10755
|
-
error950: string;
|
|
10756
|
-
success50: string;
|
|
10757
|
-
success100: string;
|
|
10758
|
-
success200: string;
|
|
10759
|
-
success300: string;
|
|
10760
|
-
success400: string;
|
|
10761
|
-
success500: string;
|
|
10762
|
-
success600: string;
|
|
10763
|
-
success700: string;
|
|
10764
|
-
success800: string;
|
|
10765
|
-
success900: string;
|
|
10766
|
-
success950: string;
|
|
10767
|
-
warning50: string;
|
|
10768
|
-
warning100: string;
|
|
10769
|
-
warning200: string;
|
|
10770
|
-
warning300: string;
|
|
10771
|
-
warning400: string;
|
|
10772
|
-
warning500: string;
|
|
10773
|
-
warning600: string;
|
|
10774
|
-
warning700: string;
|
|
10775
|
-
warning800: string;
|
|
10776
|
-
warning900: string;
|
|
10777
|
-
warning950: string;
|
|
10778
|
-
info50: string;
|
|
10779
|
-
info100: string;
|
|
10780
|
-
info200: string;
|
|
10781
|
-
info300: string;
|
|
10782
|
-
info400: string;
|
|
10783
|
-
info500: string;
|
|
10784
|
-
info600: string;
|
|
10785
|
-
info700: string;
|
|
10786
|
-
info800: string;
|
|
10787
|
-
info900: string;
|
|
10788
|
-
info950: string;
|
|
10789
|
-
};
|
|
10790
|
-
fontSizes: {
|
|
10791
|
-
2: string;
|
|
10792
|
-
4: string;
|
|
10793
|
-
6: string;
|
|
10794
|
-
8: string;
|
|
10795
|
-
10: string;
|
|
10796
|
-
12: string;
|
|
10797
|
-
13: string;
|
|
10798
|
-
14: string;
|
|
10799
|
-
16: string;
|
|
10800
|
-
18: string;
|
|
10801
|
-
20: string;
|
|
10802
|
-
22: string;
|
|
10803
|
-
24: string;
|
|
10804
|
-
32: string;
|
|
10805
|
-
36: string;
|
|
10806
|
-
40: string;
|
|
10807
|
-
48: string;
|
|
10808
|
-
56: string;
|
|
10809
|
-
64: string;
|
|
10810
|
-
72: string;
|
|
10811
|
-
80: string;
|
|
10812
|
-
xs: string;
|
|
10813
|
-
sm: string;
|
|
10814
|
-
md: string;
|
|
10815
|
-
lg: string;
|
|
10816
|
-
'2xl': string;
|
|
10817
|
-
'3xl': string;
|
|
10818
|
-
'4xl': string;
|
|
10819
|
-
full: string;
|
|
10820
|
-
};
|
|
10821
|
-
fonts: {
|
|
10822
|
-
default: string;
|
|
10823
|
-
};
|
|
10824
|
-
fontWeights: {
|
|
10825
|
-
regular: string;
|
|
10826
|
-
medium: string;
|
|
10827
|
-
semibold: string;
|
|
10828
|
-
bold: string;
|
|
10829
|
-
};
|
|
10830
|
-
lineHeights: {
|
|
10831
|
-
smaller: string;
|
|
10832
|
-
shorter: string;
|
|
10833
|
-
short: string;
|
|
10834
|
-
base: string;
|
|
10835
|
-
tall: string;
|
|
10836
|
-
};
|
|
10837
|
-
radii: {
|
|
10838
|
-
'3xs': string;
|
|
10839
|
-
'2xs': string;
|
|
10840
|
-
xs: string;
|
|
10841
|
-
sm: string;
|
|
10842
|
-
md: string;
|
|
10843
|
-
lg: string;
|
|
10844
|
-
xl: string;
|
|
10845
|
-
'2xl': string;
|
|
10846
|
-
'3xl': string;
|
|
10847
|
-
'4xl': string;
|
|
10848
|
-
'5xl': string;
|
|
10849
|
-
'6xl': string;
|
|
10850
|
-
'7xl': string;
|
|
10851
|
-
'8xl': string;
|
|
10852
|
-
'9xl': string;
|
|
10853
|
-
'10xl': string;
|
|
10854
|
-
'11xl': string;
|
|
10855
|
-
'12xl': string;
|
|
10856
|
-
'13xl': string;
|
|
10857
|
-
'14xl': string;
|
|
10858
|
-
full: string;
|
|
10859
|
-
};
|
|
10860
|
-
space: {
|
|
10861
|
-
2: string;
|
|
10862
|
-
4: string;
|
|
10863
|
-
6: string;
|
|
10864
|
-
8: string;
|
|
10865
|
-
10: string;
|
|
10866
|
-
12: string;
|
|
10867
|
-
13: string;
|
|
10868
|
-
14: string;
|
|
10869
|
-
16: string;
|
|
10870
|
-
18: string;
|
|
10871
|
-
20: string;
|
|
10872
|
-
22: string;
|
|
10873
|
-
24: string;
|
|
10874
|
-
32: string;
|
|
10875
|
-
36: string;
|
|
10876
|
-
40: string;
|
|
10877
|
-
48: string;
|
|
10878
|
-
56: string;
|
|
10879
|
-
64: string;
|
|
10880
|
-
72: string;
|
|
10881
|
-
80: string;
|
|
10882
|
-
full: string;
|
|
10883
|
-
};
|
|
10884
|
-
}, {
|
|
10885
|
-
height: "space";
|
|
10886
|
-
width: "space";
|
|
10887
|
-
gap: "space";
|
|
10888
|
-
gridGap: "space";
|
|
10889
|
-
columnGap: "space";
|
|
10890
|
-
gridColumnGap: "space";
|
|
10891
|
-
rowGap: "space";
|
|
10892
|
-
gridRowGap: "space";
|
|
10893
|
-
inset: "space";
|
|
10894
|
-
insetBlock: "space";
|
|
10895
|
-
insetBlockEnd: "space";
|
|
10896
|
-
insetBlockStart: "space";
|
|
10897
|
-
insetInline: "space";
|
|
10898
|
-
insetInlineEnd: "space";
|
|
10899
|
-
insetInlineStart: "space";
|
|
10900
|
-
margin: "space";
|
|
10901
|
-
marginTop: "space";
|
|
10902
|
-
marginRight: "space";
|
|
10903
|
-
marginBottom: "space";
|
|
10904
|
-
marginLeft: "space";
|
|
10905
|
-
marginBlock: "space";
|
|
10906
|
-
marginBlockEnd: "space";
|
|
10907
|
-
marginBlockStart: "space";
|
|
10908
|
-
marginInline: "space";
|
|
10909
|
-
marginInlineEnd: "space";
|
|
10910
|
-
marginInlineStart: "space";
|
|
10911
|
-
padding: "space";
|
|
10912
|
-
paddingTop: "space";
|
|
10913
|
-
paddingRight: "space";
|
|
10914
|
-
paddingBottom: "space";
|
|
10915
|
-
paddingLeft: "space";
|
|
10916
|
-
paddingBlock: "space";
|
|
10917
|
-
paddingBlockEnd: "space";
|
|
10918
|
-
paddingBlockStart: "space";
|
|
10919
|
-
paddingInline: "space";
|
|
10920
|
-
paddingInlineEnd: "space";
|
|
10921
|
-
paddingInlineStart: "space";
|
|
10922
|
-
scrollMargin: "space";
|
|
10923
|
-
scrollMarginTop: "space";
|
|
10924
|
-
scrollMarginRight: "space";
|
|
10925
|
-
scrollMarginBottom: "space";
|
|
10926
|
-
scrollMarginLeft: "space";
|
|
10927
|
-
scrollMarginBlock: "space";
|
|
10928
|
-
scrollMarginBlockEnd: "space";
|
|
10929
|
-
scrollMarginBlockStart: "space";
|
|
10930
|
-
scrollMarginInline: "space";
|
|
10931
|
-
scrollMarginInlineEnd: "space";
|
|
10932
|
-
scrollMarginInlineStart: "space";
|
|
10933
|
-
scrollPadding: "space";
|
|
10934
|
-
scrollPaddingTop: "space";
|
|
10935
|
-
scrollPaddingRight: "space";
|
|
10936
|
-
scrollPaddingBottom: "space";
|
|
10937
|
-
scrollPaddingLeft: "space";
|
|
10938
|
-
scrollPaddingBlock: "space";
|
|
10939
|
-
scrollPaddingBlockEnd: "space";
|
|
10940
|
-
scrollPaddingBlockStart: "space";
|
|
10941
|
-
scrollPaddingInline: "space";
|
|
10942
|
-
scrollPaddingInlineEnd: "space";
|
|
10943
|
-
scrollPaddingInlineStart: "space";
|
|
10944
|
-
top: "space";
|
|
10945
|
-
right: "space";
|
|
10946
|
-
bottom: "space";
|
|
10947
|
-
left: "space";
|
|
10948
|
-
fontSize: "fontSizes";
|
|
10949
|
-
background: "colors";
|
|
10950
|
-
backgroundColor: "colors";
|
|
10951
|
-
backgroundImage: "colors";
|
|
10952
|
-
borderImage: "colors";
|
|
10953
|
-
border: "colors";
|
|
10954
|
-
borderBlock: "colors";
|
|
10955
|
-
borderBlockEnd: "colors";
|
|
10956
|
-
borderBlockStart: "colors";
|
|
10957
|
-
borderBottom: "colors";
|
|
10958
|
-
borderBottomColor: "colors";
|
|
10959
|
-
borderColor: "colors";
|
|
10960
|
-
borderInline: "colors";
|
|
10961
|
-
borderInlineEnd: "colors";
|
|
10962
|
-
borderInlineStart: "colors";
|
|
10963
|
-
borderLeft: "colors";
|
|
10964
|
-
borderLeftColor: "colors";
|
|
10965
|
-
borderRight: "colors";
|
|
10966
|
-
borderRightColor: "colors";
|
|
10967
|
-
borderTop: "colors";
|
|
10968
|
-
borderTopColor: "colors";
|
|
10969
|
-
caretColor: "colors";
|
|
10970
|
-
color: "colors";
|
|
10971
|
-
columnRuleColor: "colors";
|
|
10972
|
-
outline: "colors";
|
|
10973
|
-
outlineColor: "colors";
|
|
10974
|
-
fill: "colors";
|
|
10975
|
-
stroke: "colors";
|
|
10976
|
-
textDecorationColor: "colors";
|
|
10977
|
-
fontFamily: "fonts";
|
|
10978
|
-
fontWeight: "fontWeights";
|
|
10979
|
-
lineHeight: "lineHeights";
|
|
10980
|
-
letterSpacing: "letterSpacings";
|
|
10981
|
-
blockSize: "sizes";
|
|
10982
|
-
minBlockSize: "sizes";
|
|
10983
|
-
maxBlockSize: "sizes";
|
|
10984
|
-
inlineSize: "sizes";
|
|
10985
|
-
minInlineSize: "sizes";
|
|
10986
|
-
maxInlineSize: "sizes";
|
|
10987
|
-
minWidth: "sizes";
|
|
10988
|
-
maxWidth: "sizes";
|
|
10989
|
-
minHeight: "sizes";
|
|
10990
|
-
maxHeight: "sizes";
|
|
10991
|
-
flexBasis: "sizes";
|
|
10992
|
-
gridTemplateColumns: "sizes";
|
|
10993
|
-
gridTemplateRows: "sizes";
|
|
10994
|
-
borderWidth: "borderWidths";
|
|
10995
|
-
borderTopWidth: "borderWidths";
|
|
10996
|
-
borderLeftWidth: "borderWidths";
|
|
10997
|
-
borderRightWidth: "borderWidths";
|
|
10998
|
-
borderBottomWidth: "borderWidths";
|
|
10999
|
-
borderStyle: "borderStyles";
|
|
11000
|
-
borderTopStyle: "borderStyles";
|
|
11001
|
-
borderLeftStyle: "borderStyles";
|
|
11002
|
-
borderRightStyle: "borderStyles";
|
|
11003
|
-
borderBottomStyle: "borderStyles";
|
|
11004
|
-
borderRadius: "radii";
|
|
11005
|
-
borderTopLeftRadius: "radii";
|
|
11006
|
-
borderTopRightRadius: "radii";
|
|
11007
|
-
borderBottomRightRadius: "radii";
|
|
11008
|
-
borderBottomLeftRadius: "radii";
|
|
11009
|
-
boxShadow: "shadows";
|
|
11010
|
-
textShadow: "shadows";
|
|
11011
|
-
transition: "transitions";
|
|
11012
|
-
zIndex: "zIndices";
|
|
11013
|
-
}, {}>>;
|
|
11014
10644
|
type CardProps = ComponentProps<typeof CardStyled> & {
|
|
11015
10645
|
children: react__default.ReactNode;
|
|
11016
10646
|
as?: ElementType;
|
|
@@ -13350,4 +12980,4 @@ type SectionProps = ComponentProps<typeof SectionStyled> & {
|
|
|
13350
12980
|
};
|
|
13351
12981
|
declare function Section({ children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
13352
12982
|
|
|
13353
|
-
export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card,
|
|
12983
|
+
export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };
|
package/dist/index.js
CHANGED
|
@@ -1031,7 +1031,6 @@ __export(index_exports, {
|
|
|
1031
1031
|
ButtonItemStyled: () => ButtonItemStyled,
|
|
1032
1032
|
Calendar: () => Calendar,
|
|
1033
1033
|
Card: () => Card,
|
|
1034
|
-
CardContainer: () => CardContainer,
|
|
1035
1034
|
CardStyled: () => CardStyled,
|
|
1036
1035
|
CheckboxGroup: () => CheckboxGroup,
|
|
1037
1036
|
CheckboxGroupStyled: () => CheckboxGroupStyled,
|
|
@@ -8701,20 +8700,15 @@ function StepWrapper(_a) {
|
|
|
8701
8700
|
}
|
|
8702
8701
|
|
|
8703
8702
|
// src/components/Card.tsx
|
|
8704
|
-
var import_react7 = __toESM(require("react"));
|
|
8705
8703
|
var import_themes17 = require("@radix-ui/themes");
|
|
8706
8704
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
8707
8705
|
var CardStyled = styled(import_themes17.Card, {
|
|
8708
|
-
display: "flex",
|
|
8709
|
-
flexDirection: "column",
|
|
8710
|
-
width: "370px",
|
|
8711
8706
|
borderRadius: "$2xl",
|
|
8712
8707
|
border: "1px solid $dark100",
|
|
8713
|
-
overflow: "hidden",
|
|
8714
8708
|
padding: "16px",
|
|
8715
8709
|
defaultVariants: {
|
|
8716
8710
|
color: "primary",
|
|
8717
|
-
boxShadow:
|
|
8711
|
+
boxShadow: false
|
|
8718
8712
|
},
|
|
8719
8713
|
variants: {
|
|
8720
8714
|
color: {
|
|
@@ -8741,23 +8735,14 @@ var CardStyled = styled(import_themes17.Card, {
|
|
|
8741
8735
|
}
|
|
8742
8736
|
}
|
|
8743
8737
|
});
|
|
8744
|
-
var CardContainer = styled(import_themes17.Box, {
|
|
8745
|
-
display: "flex",
|
|
8746
|
-
flexDirection: "row"
|
|
8747
|
-
});
|
|
8748
8738
|
function Card(_a) {
|
|
8749
8739
|
var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
|
|
8750
|
-
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children
|
|
8751
|
-
if (import_react7.default.isValidElement(child)) {
|
|
8752
|
-
return import_react7.default.cloneElement(child, { size: props.size });
|
|
8753
|
-
}
|
|
8754
|
-
return child;
|
|
8755
|
-
}) }));
|
|
8740
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
|
|
8756
8741
|
}
|
|
8757
8742
|
|
|
8758
8743
|
// src/components/TextareaField.tsx
|
|
8759
8744
|
var import_themes18 = require("@radix-ui/themes");
|
|
8760
|
-
var
|
|
8745
|
+
var import_react7 = require("react");
|
|
8761
8746
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
8762
8747
|
var TextareaFieldStyle = styled(import_themes18.TextArea, {
|
|
8763
8748
|
display: "flex",
|
|
@@ -8816,8 +8801,8 @@ var TextareaLimitIndicator = styled("div", {
|
|
|
8816
8801
|
});
|
|
8817
8802
|
function TextareaField(_a) {
|
|
8818
8803
|
var _b = _a, { maxLength } = _b, props = __objRest(_b, ["maxLength"]);
|
|
8819
|
-
const inputRef = (0,
|
|
8820
|
-
const badgeRef = (0,
|
|
8804
|
+
const inputRef = (0, import_react7.useRef)(null);
|
|
8805
|
+
const badgeRef = (0, import_react7.useRef)(null);
|
|
8821
8806
|
if (!maxLength) {
|
|
8822
8807
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaFieldStyle, __spreadProps(__spreadValues({}, props), { ref: inputRef })) });
|
|
8823
8808
|
}
|
|
@@ -8840,12 +8825,12 @@ function TextareaField(_a) {
|
|
|
8840
8825
|
}
|
|
8841
8826
|
|
|
8842
8827
|
// src/components/Toast/components/ToastItem.tsx
|
|
8843
|
-
var
|
|
8828
|
+
var import_react9 = require("react");
|
|
8844
8829
|
|
|
8845
8830
|
// src/components/Toast/styles/index.ts
|
|
8846
|
-
var
|
|
8831
|
+
var import_react8 = require("@stitches/react");
|
|
8847
8832
|
var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
|
|
8848
|
-
var slideIn = (0,
|
|
8833
|
+
var slideIn = (0, import_react8.keyframes)({
|
|
8849
8834
|
from: {
|
|
8850
8835
|
transform: "translateX(calc(100% + 25px))",
|
|
8851
8836
|
opacity: 0
|
|
@@ -8855,7 +8840,7 @@ var slideIn = (0, import_react9.keyframes)({
|
|
|
8855
8840
|
opacity: 1
|
|
8856
8841
|
}
|
|
8857
8842
|
});
|
|
8858
|
-
var slideOut = (0,
|
|
8843
|
+
var slideOut = (0, import_react8.keyframes)({
|
|
8859
8844
|
from: {
|
|
8860
8845
|
transform: "translateX(0)",
|
|
8861
8846
|
opacity: 1
|
|
@@ -8865,7 +8850,7 @@ var slideOut = (0, import_react9.keyframes)({
|
|
|
8865
8850
|
opacity: 0
|
|
8866
8851
|
}
|
|
8867
8852
|
});
|
|
8868
|
-
var swipeOut = (0,
|
|
8853
|
+
var swipeOut = (0, import_react8.keyframes)({
|
|
8869
8854
|
from: {
|
|
8870
8855
|
transform: "translateX(var(--radix-toast-swipe-end-x))",
|
|
8871
8856
|
opacity: 1
|
|
@@ -8971,7 +8956,7 @@ function ToastItem({
|
|
|
8971
8956
|
toast,
|
|
8972
8957
|
onRemove
|
|
8973
8958
|
}) {
|
|
8974
|
-
const [open, setOpen] = (0,
|
|
8959
|
+
const [open, setOpen] = (0, import_react9.useState)(true);
|
|
8975
8960
|
const handleOpenChange = (open2) => {
|
|
8976
8961
|
setOpen(open2);
|
|
8977
8962
|
if (!open2) {
|
|
@@ -8995,17 +8980,17 @@ function ToastItem({
|
|
|
8995
8980
|
}
|
|
8996
8981
|
|
|
8997
8982
|
// src/components/Toast/components/ToastProvider.tsx
|
|
8998
|
-
var
|
|
8983
|
+
var import_react10 = require("react");
|
|
8999
8984
|
var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
|
|
9000
8985
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
9001
|
-
var ToastContext = (0,
|
|
8986
|
+
var ToastContext = (0, import_react10.createContext)(null);
|
|
9002
8987
|
function ToastProvider({
|
|
9003
8988
|
children,
|
|
9004
8989
|
defaultDuration = 5e3,
|
|
9005
8990
|
maxToasts = 5,
|
|
9006
8991
|
swipeDirection = "right"
|
|
9007
8992
|
}) {
|
|
9008
|
-
const [toasts, setToasts] = (0,
|
|
8993
|
+
const [toasts, setToasts] = (0, import_react10.useState)([]);
|
|
9009
8994
|
const addToast = (toastData) => {
|
|
9010
8995
|
const id = Math.random().toString(36).substr(2, 9);
|
|
9011
8996
|
const newToast = __spreadProps(__spreadValues({
|
|
@@ -9041,9 +9026,9 @@ function ToastProvider({
|
|
|
9041
9026
|
}
|
|
9042
9027
|
|
|
9043
9028
|
// src/components/Toast/hooks/useToast.ts
|
|
9044
|
-
var
|
|
9029
|
+
var import_react11 = require("react");
|
|
9045
9030
|
var useToast = () => {
|
|
9046
|
-
const context = (0,
|
|
9031
|
+
const context = (0, import_react11.useContext)(ToastContext);
|
|
9047
9032
|
if (!context) {
|
|
9048
9033
|
throw new Error("useToast deve ser usado dentro de um ToastProvider");
|
|
9049
9034
|
}
|
|
@@ -9312,7 +9297,6 @@ function Section(_a) {
|
|
|
9312
9297
|
ButtonItemStyled,
|
|
9313
9298
|
Calendar,
|
|
9314
9299
|
Card,
|
|
9315
|
-
CardContainer,
|
|
9316
9300
|
CardStyled,
|
|
9317
9301
|
CheckboxGroup,
|
|
9318
9302
|
CheckboxGroupStyled,
|
package/dist/index.mjs
CHANGED
|
@@ -8614,20 +8614,15 @@ function StepWrapper(_a) {
|
|
|
8614
8614
|
}
|
|
8615
8615
|
|
|
8616
8616
|
// src/components/Card.tsx
|
|
8617
|
-
import
|
|
8618
|
-
import { Box as Box3, Card as CardRadix } from "@radix-ui/themes";
|
|
8617
|
+
import { Card as CardRadix } from "@radix-ui/themes";
|
|
8619
8618
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
8620
8619
|
var CardStyled = styled(CardRadix, {
|
|
8621
|
-
display: "flex",
|
|
8622
|
-
flexDirection: "column",
|
|
8623
|
-
width: "370px",
|
|
8624
8620
|
borderRadius: "$2xl",
|
|
8625
8621
|
border: "1px solid $dark100",
|
|
8626
|
-
overflow: "hidden",
|
|
8627
8622
|
padding: "16px",
|
|
8628
8623
|
defaultVariants: {
|
|
8629
8624
|
color: "primary",
|
|
8630
|
-
boxShadow:
|
|
8625
|
+
boxShadow: false
|
|
8631
8626
|
},
|
|
8632
8627
|
variants: {
|
|
8633
8628
|
color: {
|
|
@@ -8654,18 +8649,9 @@ var CardStyled = styled(CardRadix, {
|
|
|
8654
8649
|
}
|
|
8655
8650
|
}
|
|
8656
8651
|
});
|
|
8657
|
-
var CardContainer = styled(Box3, {
|
|
8658
|
-
display: "flex",
|
|
8659
|
-
flexDirection: "row"
|
|
8660
|
-
});
|
|
8661
8652
|
function Card(_a) {
|
|
8662
8653
|
var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
|
|
8663
|
-
return /* @__PURE__ */ jsx19(CardStyled, __spreadProps(__spreadValues({}, props), { children
|
|
8664
|
-
if (React5.isValidElement(child)) {
|
|
8665
|
-
return React5.cloneElement(child, { size: props.size });
|
|
8666
|
-
}
|
|
8667
|
-
return child;
|
|
8668
|
-
}) }));
|
|
8654
|
+
return /* @__PURE__ */ jsx19(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
|
|
8669
8655
|
}
|
|
8670
8656
|
|
|
8671
8657
|
// src/components/TextareaField.tsx
|
|
@@ -9224,7 +9210,6 @@ export {
|
|
|
9224
9210
|
ButtonItemStyled,
|
|
9225
9211
|
Calendar,
|
|
9226
9212
|
Card,
|
|
9227
|
-
CardContainer,
|
|
9228
9213
|
CardStyled,
|
|
9229
9214
|
CheckboxGroup,
|
|
9230
9215
|
CheckboxGroupStyled,
|
package/package.json
CHANGED
package/src/components/Card.tsx
CHANGED
|
@@ -1,69 +1,48 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ComponentProps, ElementType } from
|
|
3
|
-
import { styled } from
|
|
4
|
-
import { Box, Card as CardRadix } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ComponentProps, ElementType } from "react";
|
|
3
|
+
import { styled } from "../styles";
|
|
4
|
+
import { Box, Card as CardRadix } from "@radix-ui/themes";
|
|
5
5
|
|
|
6
6
|
export const CardStyled = styled(CardRadix, {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
borderRadius: "$2xl",
|
|
8
|
+
border: "1px solid $dark100",
|
|
9
|
+
padding: "16px",
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
color: "primary",
|
|
12
|
+
boxShadow: false,
|
|
13
|
+
},
|
|
14
|
+
variants: {
|
|
15
|
+
color: {
|
|
16
|
+
primary: {
|
|
17
|
+
backgroundColor: "$dark50",
|
|
18
|
+
border: "1px solid $dark200",
|
|
19
|
+
},
|
|
20
|
+
disable: {
|
|
21
|
+
backgroundColor: "$grey50",
|
|
22
|
+
border: "1px solid $dark200",
|
|
23
|
+
},
|
|
24
|
+
error: {
|
|
25
|
+
backgroundColor: "$error50",
|
|
26
|
+
border: "1px solid $error600",
|
|
27
|
+
},
|
|
17
28
|
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
error: {
|
|
29
|
-
backgroundColor: '$error50',
|
|
30
|
-
border: '1px solid $error600',
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
boxShadow:{
|
|
34
|
-
true: {
|
|
35
|
-
boxShadow: '0 2px 4px rgba(35, 53, 67, 0.16), 0 4px 4px rgba(35, 53, 67, 0.08)',
|
|
36
|
-
},
|
|
37
|
-
false: {
|
|
38
|
-
boxShadow: 'none',
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
29
|
+
boxShadow: {
|
|
30
|
+
true: {
|
|
31
|
+
boxShadow:
|
|
32
|
+
"0 2px 4px rgba(35, 53, 67, 0.16), 0 4px 4px rgba(35, 53, 67, 0.08)",
|
|
33
|
+
},
|
|
34
|
+
false: {
|
|
35
|
+
boxShadow: "none",
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
},
|
|
42
39
|
});
|
|
43
40
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
export const CardContainer = styled(Box, {
|
|
47
|
-
display: 'flex',
|
|
48
|
-
flexDirection: 'row'
|
|
49
|
-
})
|
|
50
|
-
|
|
51
41
|
export type CardProps = ComponentProps<typeof CardStyled> & {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
|
|
42
|
+
children: React.ReactNode;
|
|
43
|
+
as?: ElementType;
|
|
44
|
+
};
|
|
57
45
|
|
|
58
46
|
export function Card({ asChild, children, ...props }: CardProps) {
|
|
59
|
-
|
|
60
|
-
<CardStyled {...props}>
|
|
61
|
-
{React.Children.map(children, (child) => {
|
|
62
|
-
if (React.isValidElement(child)) {
|
|
63
|
-
return React.cloneElement(child, { size: props.size } as any)
|
|
64
|
-
}
|
|
65
|
-
return child
|
|
66
|
-
})}
|
|
67
|
-
</CardStyled>
|
|
68
|
-
)
|
|
47
|
+
return <CardStyled {...props}>{children}</CardStyled>;
|
|
69
48
|
}
|