@lets-events/react 11.2.0 → 11.3.0
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/.eslintrc.json +2 -2
- package/.turbo/turbo-build.log +20 -18
- package/CHANGELOG.md +6 -0
- package/dist/index.d.mts +771 -12
- package/dist/index.d.ts +771 -12
- package/dist/index.js +283 -146
- package/dist/index.mjs +260 -125
- package/package.json +1 -1
- package/src/components/Alert.tsx +303 -303
- package/src/components/Avatar.tsx +55 -55
- package/src/components/Badge.tsx +128 -128
- package/src/components/Box.tsx +3 -3
- package/src/components/Button/index.tsx +16 -13
- package/src/components/Button/styledComponents.ts +287 -276
- package/src/components/ButtonGroup.tsx +484 -484
- package/src/components/Calendar/index.tsx +136 -136
- package/src/components/Calendar/styledComponents.ts +209 -209
- package/src/components/Card.tsx +48 -48
- package/src/components/CheckboxGroup.tsx +214 -214
- package/src/components/Container.tsx +39 -39
- package/src/components/Drawer/index.tsx +48 -0
- package/src/components/Drawer/styledComponents.ts +46 -0
- package/src/components/Dropdown.tsx +167 -167
- package/src/components/Filter.tsx +164 -164
- package/src/components/Flex.tsx +118 -118
- package/src/components/FormFields/ErrorFormMessage.tsx +36 -36
- package/src/components/FormFields/Form.tsx +25 -25
- package/src/components/FormFields/FormLabel.tsx +29 -29
- package/src/components/FormFields/TextAreaFormField.tsx +46 -46
- package/src/components/FormFields/TextFormField.tsx +46 -46
- package/src/components/Grid.tsx +137 -137
- package/src/components/Icon.tsx +47 -47
- package/src/components/MenuDropdown/index.tsx +30 -0
- package/src/components/MenuDropdown/styledComponents.ts +31 -0
- package/src/components/Modal.tsx +90 -90
- package/src/components/RadioGroup.tsx +210 -210
- package/src/components/Section.tsx +33 -33
- package/src/components/Step.tsx +164 -164
- package/src/components/Switch.tsx +108 -108
- package/src/components/Text.tsx +39 -39
- package/src/components/TextField.tsx +315 -315
- package/src/components/TextareaField.tsx +128 -128
- package/src/components/TimePicker.tsx +298 -298
- package/src/components/Toast/components/ToastItem.tsx +41 -41
- package/src/components/Toast/components/ToastProvider.tsx +63 -63
- package/src/components/Toast/hooks/useToast.ts +12 -12
- package/src/components/Toast/index.tsx +5 -5
- package/src/components/Toast/styles/index.ts +135 -135
- package/src/components/Toast/types/index.ts +46 -46
- package/src/components/Tooltip/index.tsx +66 -66
- package/src/components/Tooltip/styles.ts +77 -77
- package/src/hooks/useOnClickOutside.tsx +20 -20
- package/src/index.tsx +42 -40
- package/src/styles/index.ts +38 -38
- package/src/types/typographyValues.ts +178 -178
- package/tsconfig.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ import react__default, { ComponentProps, ElementType, ReactNode, JSX } from 'rea
|
|
|
9
9
|
import * as _radix_ui_themes from '@radix-ui/themes';
|
|
10
10
|
import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
|
|
11
11
|
import { Colors } from '@lets-events/tokens';
|
|
12
|
+
import { VariantProps } from '@stitches/react';
|
|
12
13
|
import { MaskOptions, format, unformat } from '@react-input/mask';
|
|
13
14
|
import { Dialog } from 'radix-ui';
|
|
14
15
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -413,7 +414,7 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
|
|
|
413
414
|
declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
414
415
|
color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
|
|
415
416
|
size?: "medium" | "small" | "large" | "extraSmall" | undefined;
|
|
416
|
-
variant?: "text" | "contained" | "outlined" | undefined;
|
|
417
|
+
variant?: "text" | "contained" | "outlined" | "menuDropdownItem" | undefined;
|
|
417
418
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
418
419
|
outlinedBgColor?: "transparent" | "neutral" | undefined;
|
|
419
420
|
radii?: "full" | undefined;
|
|
@@ -788,7 +789,8 @@ declare const ButtonStyled: _stitches_react_types_styled_component.StyledCompone
|
|
|
788
789
|
zIndex: "zIndices";
|
|
789
790
|
}, {}>>;
|
|
790
791
|
|
|
791
|
-
|
|
792
|
+
type ButtonVariantProps = VariantProps<typeof ButtonStyled>;
|
|
793
|
+
interface ButtonProps extends ComponentProps<typeof ButtonStyled>, ButtonVariantProps {
|
|
792
794
|
asChild?: boolean;
|
|
793
795
|
}
|
|
794
796
|
declare function Button({ asChild, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
@@ -4276,7 +4278,7 @@ type ModalProps = ComponentProps<typeof Dialog.Root> & {
|
|
|
4276
4278
|
};
|
|
4277
4279
|
declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
4278
4280
|
|
|
4279
|
-
declare const
|
|
4281
|
+
declare const MenuDropdownContainerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
4280
4282
|
colors: {
|
|
4281
4283
|
brand50: string;
|
|
4282
4284
|
brand100: string;
|
|
@@ -4647,15 +4649,772 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
|
|
|
4647
4649
|
zIndex: "zIndices";
|
|
4648
4650
|
}, {}>>;
|
|
4649
4651
|
|
|
4650
|
-
type
|
|
4651
|
-
|
|
4652
|
-
selected: Date | undefined;
|
|
4653
|
-
setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
|
|
4654
|
-
position?: "top" | "bottom";
|
|
4655
|
-
action?: boolean;
|
|
4656
|
-
actionText?: string;
|
|
4652
|
+
type MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
|
|
4653
|
+
children: ReactNode;
|
|
4657
4654
|
};
|
|
4658
|
-
declare function
|
|
4655
|
+
declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
|
|
4656
|
+
|
|
4657
|
+
declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
4658
|
+
colors: {
|
|
4659
|
+
brand50: string;
|
|
4660
|
+
brand100: string;
|
|
4661
|
+
brand200: string;
|
|
4662
|
+
brand300: string;
|
|
4663
|
+
brand400: string;
|
|
4664
|
+
brand500: string;
|
|
4665
|
+
brand600: string;
|
|
4666
|
+
brand700: string;
|
|
4667
|
+
brand800: string;
|
|
4668
|
+
brand900: string;
|
|
4669
|
+
brand950: string;
|
|
4670
|
+
blue50: string;
|
|
4671
|
+
blue100: string;
|
|
4672
|
+
blue200: string;
|
|
4673
|
+
blue300: string;
|
|
4674
|
+
blue400: string;
|
|
4675
|
+
blue500: string;
|
|
4676
|
+
blue600: string;
|
|
4677
|
+
blue700: string;
|
|
4678
|
+
blue800: string;
|
|
4679
|
+
blue900: string;
|
|
4680
|
+
blue950: string;
|
|
4681
|
+
red50: string;
|
|
4682
|
+
red100: string;
|
|
4683
|
+
red200: string;
|
|
4684
|
+
red300: string;
|
|
4685
|
+
red400: string;
|
|
4686
|
+
red500: string;
|
|
4687
|
+
red600: string;
|
|
4688
|
+
red700: string;
|
|
4689
|
+
red800: string;
|
|
4690
|
+
red900: string;
|
|
4691
|
+
red950: string;
|
|
4692
|
+
purple50: string;
|
|
4693
|
+
purple100: string;
|
|
4694
|
+
purple200: string;
|
|
4695
|
+
purple300: string;
|
|
4696
|
+
purple400: string;
|
|
4697
|
+
purple500: string;
|
|
4698
|
+
purple600: string;
|
|
4699
|
+
purple700: string;
|
|
4700
|
+
purple800: string;
|
|
4701
|
+
purple900: string;
|
|
4702
|
+
purple950: string;
|
|
4703
|
+
yellow50: string;
|
|
4704
|
+
yellow100: string;
|
|
4705
|
+
yellow200: string;
|
|
4706
|
+
yellow300: string;
|
|
4707
|
+
yellow400: string;
|
|
4708
|
+
yellow500: string;
|
|
4709
|
+
yellow600: string;
|
|
4710
|
+
yellow700: string;
|
|
4711
|
+
yellow800: string;
|
|
4712
|
+
yellow900: string;
|
|
4713
|
+
yellow950: string;
|
|
4714
|
+
dark50: string;
|
|
4715
|
+
dark100: string;
|
|
4716
|
+
dark200: string;
|
|
4717
|
+
dark300: string;
|
|
4718
|
+
dark400: string;
|
|
4719
|
+
dark500: string;
|
|
4720
|
+
dark600: string;
|
|
4721
|
+
dark700: string;
|
|
4722
|
+
dark800: string;
|
|
4723
|
+
dark900: string;
|
|
4724
|
+
dark950: string;
|
|
4725
|
+
neutral50: string;
|
|
4726
|
+
neutral100: string;
|
|
4727
|
+
neutral200: string;
|
|
4728
|
+
neutral300: string;
|
|
4729
|
+
neutral400: string;
|
|
4730
|
+
neutral500: string;
|
|
4731
|
+
neutral600: string;
|
|
4732
|
+
neutral700: string;
|
|
4733
|
+
neutral800: string;
|
|
4734
|
+
neutral900: string;
|
|
4735
|
+
neutral950: string;
|
|
4736
|
+
green50: string;
|
|
4737
|
+
green100: string;
|
|
4738
|
+
green200: string;
|
|
4739
|
+
green300: string;
|
|
4740
|
+
green400: string;
|
|
4741
|
+
green500: string;
|
|
4742
|
+
green600: string;
|
|
4743
|
+
green700: string;
|
|
4744
|
+
green800: string;
|
|
4745
|
+
green900: string;
|
|
4746
|
+
green950: string;
|
|
4747
|
+
grey50: string;
|
|
4748
|
+
grey100: string;
|
|
4749
|
+
grey200: string;
|
|
4750
|
+
grey300: string;
|
|
4751
|
+
grey400: string;
|
|
4752
|
+
grey500: string;
|
|
4753
|
+
grey600: string;
|
|
4754
|
+
grey700: string;
|
|
4755
|
+
grey800: string;
|
|
4756
|
+
grey900: string;
|
|
4757
|
+
grey950: string;
|
|
4758
|
+
error50: string;
|
|
4759
|
+
error100: string;
|
|
4760
|
+
error200: string;
|
|
4761
|
+
error300: string;
|
|
4762
|
+
error400: string;
|
|
4763
|
+
error500: string;
|
|
4764
|
+
error600: string;
|
|
4765
|
+
error700: string;
|
|
4766
|
+
error800: string;
|
|
4767
|
+
error900: string;
|
|
4768
|
+
error950: string;
|
|
4769
|
+
success50: string;
|
|
4770
|
+
success100: string;
|
|
4771
|
+
success200: string;
|
|
4772
|
+
success300: string;
|
|
4773
|
+
success400: string;
|
|
4774
|
+
success500: string;
|
|
4775
|
+
success600: string;
|
|
4776
|
+
success700: string;
|
|
4777
|
+
success800: string;
|
|
4778
|
+
success900: string;
|
|
4779
|
+
success950: string;
|
|
4780
|
+
warning50: string;
|
|
4781
|
+
warning100: string;
|
|
4782
|
+
warning200: string;
|
|
4783
|
+
warning300: string;
|
|
4784
|
+
warning400: string;
|
|
4785
|
+
warning500: string;
|
|
4786
|
+
warning600: string;
|
|
4787
|
+
warning700: string;
|
|
4788
|
+
warning800: string;
|
|
4789
|
+
warning900: string;
|
|
4790
|
+
warning950: string;
|
|
4791
|
+
info50: string;
|
|
4792
|
+
info100: string;
|
|
4793
|
+
info200: string;
|
|
4794
|
+
info300: string;
|
|
4795
|
+
info400: string;
|
|
4796
|
+
info500: string;
|
|
4797
|
+
info600: string;
|
|
4798
|
+
info700: string;
|
|
4799
|
+
info800: string;
|
|
4800
|
+
info900: string;
|
|
4801
|
+
info950: string;
|
|
4802
|
+
};
|
|
4803
|
+
fontSizes: {
|
|
4804
|
+
2: string;
|
|
4805
|
+
4: string;
|
|
4806
|
+
6: string;
|
|
4807
|
+
8: string;
|
|
4808
|
+
10: string;
|
|
4809
|
+
12: string;
|
|
4810
|
+
13: string;
|
|
4811
|
+
14: string;
|
|
4812
|
+
16: string;
|
|
4813
|
+
18: string;
|
|
4814
|
+
20: string;
|
|
4815
|
+
22: string;
|
|
4816
|
+
24: string;
|
|
4817
|
+
32: string;
|
|
4818
|
+
36: string;
|
|
4819
|
+
40: string;
|
|
4820
|
+
48: string;
|
|
4821
|
+
56: string;
|
|
4822
|
+
64: string;
|
|
4823
|
+
72: string;
|
|
4824
|
+
80: string;
|
|
4825
|
+
xs: string;
|
|
4826
|
+
sm: string;
|
|
4827
|
+
md: string;
|
|
4828
|
+
lg: string;
|
|
4829
|
+
'2xl': string;
|
|
4830
|
+
'3xl': string;
|
|
4831
|
+
'4xl': string;
|
|
4832
|
+
full: string;
|
|
4833
|
+
};
|
|
4834
|
+
fonts: {
|
|
4835
|
+
default: string;
|
|
4836
|
+
};
|
|
4837
|
+
fontWeights: {
|
|
4838
|
+
regular: string;
|
|
4839
|
+
medium: string;
|
|
4840
|
+
semibold: string;
|
|
4841
|
+
bold: string;
|
|
4842
|
+
};
|
|
4843
|
+
lineHeights: {
|
|
4844
|
+
smaller: string;
|
|
4845
|
+
shorter: string;
|
|
4846
|
+
short: string;
|
|
4847
|
+
base: string;
|
|
4848
|
+
tall: string;
|
|
4849
|
+
};
|
|
4850
|
+
radii: {
|
|
4851
|
+
'3xs': string;
|
|
4852
|
+
'2xs': string;
|
|
4853
|
+
xs: string;
|
|
4854
|
+
sm: string;
|
|
4855
|
+
md: string;
|
|
4856
|
+
lg: string;
|
|
4857
|
+
xl: string;
|
|
4858
|
+
'2xl': string;
|
|
4859
|
+
'3xl': string;
|
|
4860
|
+
'4xl': string;
|
|
4861
|
+
'5xl': string;
|
|
4862
|
+
'6xl': string;
|
|
4863
|
+
'7xl': string;
|
|
4864
|
+
'8xl': string;
|
|
4865
|
+
'9xl': string;
|
|
4866
|
+
'10xl': string;
|
|
4867
|
+
'11xl': string;
|
|
4868
|
+
'12xl': string;
|
|
4869
|
+
'13xl': string;
|
|
4870
|
+
'14xl': string;
|
|
4871
|
+
full: string;
|
|
4872
|
+
};
|
|
4873
|
+
space: {
|
|
4874
|
+
2: string;
|
|
4875
|
+
4: string;
|
|
4876
|
+
6: string;
|
|
4877
|
+
8: string;
|
|
4878
|
+
10: string;
|
|
4879
|
+
12: string;
|
|
4880
|
+
13: string;
|
|
4881
|
+
14: string;
|
|
4882
|
+
16: string;
|
|
4883
|
+
18: string;
|
|
4884
|
+
20: string;
|
|
4885
|
+
22: string;
|
|
4886
|
+
24: string;
|
|
4887
|
+
32: string;
|
|
4888
|
+
36: string;
|
|
4889
|
+
40: string;
|
|
4890
|
+
48: string;
|
|
4891
|
+
56: string;
|
|
4892
|
+
64: string;
|
|
4893
|
+
72: string;
|
|
4894
|
+
80: string;
|
|
4895
|
+
full: string;
|
|
4896
|
+
};
|
|
4897
|
+
}, {
|
|
4898
|
+
height: "space";
|
|
4899
|
+
width: "space";
|
|
4900
|
+
gap: "space";
|
|
4901
|
+
gridGap: "space";
|
|
4902
|
+
columnGap: "space";
|
|
4903
|
+
gridColumnGap: "space";
|
|
4904
|
+
rowGap: "space";
|
|
4905
|
+
gridRowGap: "space";
|
|
4906
|
+
inset: "space";
|
|
4907
|
+
insetBlock: "space";
|
|
4908
|
+
insetBlockEnd: "space";
|
|
4909
|
+
insetBlockStart: "space";
|
|
4910
|
+
insetInline: "space";
|
|
4911
|
+
insetInlineEnd: "space";
|
|
4912
|
+
insetInlineStart: "space";
|
|
4913
|
+
margin: "space";
|
|
4914
|
+
marginTop: "space";
|
|
4915
|
+
marginRight: "space";
|
|
4916
|
+
marginBottom: "space";
|
|
4917
|
+
marginLeft: "space";
|
|
4918
|
+
marginBlock: "space";
|
|
4919
|
+
marginBlockEnd: "space";
|
|
4920
|
+
marginBlockStart: "space";
|
|
4921
|
+
marginInline: "space";
|
|
4922
|
+
marginInlineEnd: "space";
|
|
4923
|
+
marginInlineStart: "space";
|
|
4924
|
+
padding: "space";
|
|
4925
|
+
paddingTop: "space";
|
|
4926
|
+
paddingRight: "space";
|
|
4927
|
+
paddingBottom: "space";
|
|
4928
|
+
paddingLeft: "space";
|
|
4929
|
+
paddingBlock: "space";
|
|
4930
|
+
paddingBlockEnd: "space";
|
|
4931
|
+
paddingBlockStart: "space";
|
|
4932
|
+
paddingInline: "space";
|
|
4933
|
+
paddingInlineEnd: "space";
|
|
4934
|
+
paddingInlineStart: "space";
|
|
4935
|
+
scrollMargin: "space";
|
|
4936
|
+
scrollMarginTop: "space";
|
|
4937
|
+
scrollMarginRight: "space";
|
|
4938
|
+
scrollMarginBottom: "space";
|
|
4939
|
+
scrollMarginLeft: "space";
|
|
4940
|
+
scrollMarginBlock: "space";
|
|
4941
|
+
scrollMarginBlockEnd: "space";
|
|
4942
|
+
scrollMarginBlockStart: "space";
|
|
4943
|
+
scrollMarginInline: "space";
|
|
4944
|
+
scrollMarginInlineEnd: "space";
|
|
4945
|
+
scrollMarginInlineStart: "space";
|
|
4946
|
+
scrollPadding: "space";
|
|
4947
|
+
scrollPaddingTop: "space";
|
|
4948
|
+
scrollPaddingRight: "space";
|
|
4949
|
+
scrollPaddingBottom: "space";
|
|
4950
|
+
scrollPaddingLeft: "space";
|
|
4951
|
+
scrollPaddingBlock: "space";
|
|
4952
|
+
scrollPaddingBlockEnd: "space";
|
|
4953
|
+
scrollPaddingBlockStart: "space";
|
|
4954
|
+
scrollPaddingInline: "space";
|
|
4955
|
+
scrollPaddingInlineEnd: "space";
|
|
4956
|
+
scrollPaddingInlineStart: "space";
|
|
4957
|
+
top: "space";
|
|
4958
|
+
right: "space";
|
|
4959
|
+
bottom: "space";
|
|
4960
|
+
left: "space";
|
|
4961
|
+
fontSize: "fontSizes";
|
|
4962
|
+
background: "colors";
|
|
4963
|
+
backgroundColor: "colors";
|
|
4964
|
+
backgroundImage: "colors";
|
|
4965
|
+
borderImage: "colors";
|
|
4966
|
+
border: "colors";
|
|
4967
|
+
borderBlock: "colors";
|
|
4968
|
+
borderBlockEnd: "colors";
|
|
4969
|
+
borderBlockStart: "colors";
|
|
4970
|
+
borderBottom: "colors";
|
|
4971
|
+
borderBottomColor: "colors";
|
|
4972
|
+
borderColor: "colors";
|
|
4973
|
+
borderInline: "colors";
|
|
4974
|
+
borderInlineEnd: "colors";
|
|
4975
|
+
borderInlineStart: "colors";
|
|
4976
|
+
borderLeft: "colors";
|
|
4977
|
+
borderLeftColor: "colors";
|
|
4978
|
+
borderRight: "colors";
|
|
4979
|
+
borderRightColor: "colors";
|
|
4980
|
+
borderTop: "colors";
|
|
4981
|
+
borderTopColor: "colors";
|
|
4982
|
+
caretColor: "colors";
|
|
4983
|
+
color: "colors";
|
|
4984
|
+
columnRuleColor: "colors";
|
|
4985
|
+
outline: "colors";
|
|
4986
|
+
outlineColor: "colors";
|
|
4987
|
+
fill: "colors";
|
|
4988
|
+
stroke: "colors";
|
|
4989
|
+
textDecorationColor: "colors";
|
|
4990
|
+
fontFamily: "fonts";
|
|
4991
|
+
fontWeight: "fontWeights";
|
|
4992
|
+
lineHeight: "lineHeights";
|
|
4993
|
+
letterSpacing: "letterSpacings";
|
|
4994
|
+
blockSize: "sizes";
|
|
4995
|
+
minBlockSize: "sizes";
|
|
4996
|
+
maxBlockSize: "sizes";
|
|
4997
|
+
inlineSize: "sizes";
|
|
4998
|
+
minInlineSize: "sizes";
|
|
4999
|
+
maxInlineSize: "sizes";
|
|
5000
|
+
minWidth: "sizes";
|
|
5001
|
+
maxWidth: "sizes";
|
|
5002
|
+
minHeight: "sizes";
|
|
5003
|
+
maxHeight: "sizes";
|
|
5004
|
+
flexBasis: "sizes";
|
|
5005
|
+
gridTemplateColumns: "sizes";
|
|
5006
|
+
gridTemplateRows: "sizes";
|
|
5007
|
+
borderWidth: "borderWidths";
|
|
5008
|
+
borderTopWidth: "borderWidths";
|
|
5009
|
+
borderLeftWidth: "borderWidths";
|
|
5010
|
+
borderRightWidth: "borderWidths";
|
|
5011
|
+
borderBottomWidth: "borderWidths";
|
|
5012
|
+
borderStyle: "borderStyles";
|
|
5013
|
+
borderTopStyle: "borderStyles";
|
|
5014
|
+
borderLeftStyle: "borderStyles";
|
|
5015
|
+
borderRightStyle: "borderStyles";
|
|
5016
|
+
borderBottomStyle: "borderStyles";
|
|
5017
|
+
borderRadius: "radii";
|
|
5018
|
+
borderTopLeftRadius: "radii";
|
|
5019
|
+
borderTopRightRadius: "radii";
|
|
5020
|
+
borderBottomRightRadius: "radii";
|
|
5021
|
+
borderBottomLeftRadius: "radii";
|
|
5022
|
+
boxShadow: "shadows";
|
|
5023
|
+
textShadow: "shadows";
|
|
5024
|
+
transition: "transitions";
|
|
5025
|
+
zIndex: "zIndices";
|
|
5026
|
+
}, {}>>;
|
|
5027
|
+
|
|
5028
|
+
type CalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
5029
|
+
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
5030
|
+
selected: Date | undefined;
|
|
5031
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
|
|
5032
|
+
position?: "top" | "bottom";
|
|
5033
|
+
action?: boolean;
|
|
5034
|
+
actionText?: string;
|
|
5035
|
+
};
|
|
5036
|
+
declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
5037
|
+
|
|
5038
|
+
declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
5039
|
+
colors: {
|
|
5040
|
+
brand50: string;
|
|
5041
|
+
brand100: string;
|
|
5042
|
+
brand200: string;
|
|
5043
|
+
brand300: string;
|
|
5044
|
+
brand400: string;
|
|
5045
|
+
brand500: string;
|
|
5046
|
+
brand600: string;
|
|
5047
|
+
brand700: string;
|
|
5048
|
+
brand800: string;
|
|
5049
|
+
brand900: string;
|
|
5050
|
+
brand950: string;
|
|
5051
|
+
blue50: string;
|
|
5052
|
+
blue100: string;
|
|
5053
|
+
blue200: string;
|
|
5054
|
+
blue300: string;
|
|
5055
|
+
blue400: string;
|
|
5056
|
+
blue500: string;
|
|
5057
|
+
blue600: string;
|
|
5058
|
+
blue700: string;
|
|
5059
|
+
blue800: string;
|
|
5060
|
+
blue900: string;
|
|
5061
|
+
blue950: string;
|
|
5062
|
+
red50: string;
|
|
5063
|
+
red100: string;
|
|
5064
|
+
red200: string;
|
|
5065
|
+
red300: string;
|
|
5066
|
+
red400: string;
|
|
5067
|
+
red500: string;
|
|
5068
|
+
red600: string;
|
|
5069
|
+
red700: string;
|
|
5070
|
+
red800: string;
|
|
5071
|
+
red900: string;
|
|
5072
|
+
red950: string;
|
|
5073
|
+
purple50: string;
|
|
5074
|
+
purple100: string;
|
|
5075
|
+
purple200: string;
|
|
5076
|
+
purple300: string;
|
|
5077
|
+
purple400: string;
|
|
5078
|
+
purple500: string;
|
|
5079
|
+
purple600: string;
|
|
5080
|
+
purple700: string;
|
|
5081
|
+
purple800: string;
|
|
5082
|
+
purple900: string;
|
|
5083
|
+
purple950: string;
|
|
5084
|
+
yellow50: string;
|
|
5085
|
+
yellow100: string;
|
|
5086
|
+
yellow200: string;
|
|
5087
|
+
yellow300: string;
|
|
5088
|
+
yellow400: string;
|
|
5089
|
+
yellow500: string;
|
|
5090
|
+
yellow600: string;
|
|
5091
|
+
yellow700: string;
|
|
5092
|
+
yellow800: string;
|
|
5093
|
+
yellow900: string;
|
|
5094
|
+
yellow950: string;
|
|
5095
|
+
dark50: string;
|
|
5096
|
+
dark100: string;
|
|
5097
|
+
dark200: string;
|
|
5098
|
+
dark300: string;
|
|
5099
|
+
dark400: string;
|
|
5100
|
+
dark500: string;
|
|
5101
|
+
dark600: string;
|
|
5102
|
+
dark700: string;
|
|
5103
|
+
dark800: string;
|
|
5104
|
+
dark900: string;
|
|
5105
|
+
dark950: string;
|
|
5106
|
+
neutral50: string;
|
|
5107
|
+
neutral100: string;
|
|
5108
|
+
neutral200: string;
|
|
5109
|
+
neutral300: string;
|
|
5110
|
+
neutral400: string;
|
|
5111
|
+
neutral500: string;
|
|
5112
|
+
neutral600: string;
|
|
5113
|
+
neutral700: string;
|
|
5114
|
+
neutral800: string;
|
|
5115
|
+
neutral900: string;
|
|
5116
|
+
neutral950: string;
|
|
5117
|
+
green50: string;
|
|
5118
|
+
green100: string;
|
|
5119
|
+
green200: string;
|
|
5120
|
+
green300: string;
|
|
5121
|
+
green400: string;
|
|
5122
|
+
green500: string;
|
|
5123
|
+
green600: string;
|
|
5124
|
+
green700: string;
|
|
5125
|
+
green800: string;
|
|
5126
|
+
green900: string;
|
|
5127
|
+
green950: string;
|
|
5128
|
+
grey50: string;
|
|
5129
|
+
grey100: string;
|
|
5130
|
+
grey200: string;
|
|
5131
|
+
grey300: string;
|
|
5132
|
+
grey400: string;
|
|
5133
|
+
grey500: string;
|
|
5134
|
+
grey600: string;
|
|
5135
|
+
grey700: string;
|
|
5136
|
+
grey800: string;
|
|
5137
|
+
grey900: string;
|
|
5138
|
+
grey950: string;
|
|
5139
|
+
error50: string;
|
|
5140
|
+
error100: string;
|
|
5141
|
+
error200: string;
|
|
5142
|
+
error300: string;
|
|
5143
|
+
error400: string;
|
|
5144
|
+
error500: string;
|
|
5145
|
+
error600: string;
|
|
5146
|
+
error700: string;
|
|
5147
|
+
error800: string;
|
|
5148
|
+
error900: string;
|
|
5149
|
+
error950: string;
|
|
5150
|
+
success50: string;
|
|
5151
|
+
success100: string;
|
|
5152
|
+
success200: string;
|
|
5153
|
+
success300: string;
|
|
5154
|
+
success400: string;
|
|
5155
|
+
success500: string;
|
|
5156
|
+
success600: string;
|
|
5157
|
+
success700: string;
|
|
5158
|
+
success800: string;
|
|
5159
|
+
success900: string;
|
|
5160
|
+
success950: string;
|
|
5161
|
+
warning50: string;
|
|
5162
|
+
warning100: string;
|
|
5163
|
+
warning200: string;
|
|
5164
|
+
warning300: string;
|
|
5165
|
+
warning400: string;
|
|
5166
|
+
warning500: string;
|
|
5167
|
+
warning600: string;
|
|
5168
|
+
warning700: string;
|
|
5169
|
+
warning800: string;
|
|
5170
|
+
warning900: string;
|
|
5171
|
+
warning950: string;
|
|
5172
|
+
info50: string;
|
|
5173
|
+
info100: string;
|
|
5174
|
+
info200: string;
|
|
5175
|
+
info300: string;
|
|
5176
|
+
info400: string;
|
|
5177
|
+
info500: string;
|
|
5178
|
+
info600: string;
|
|
5179
|
+
info700: string;
|
|
5180
|
+
info800: string;
|
|
5181
|
+
info900: string;
|
|
5182
|
+
info950: string;
|
|
5183
|
+
};
|
|
5184
|
+
fontSizes: {
|
|
5185
|
+
2: string;
|
|
5186
|
+
4: string;
|
|
5187
|
+
6: string;
|
|
5188
|
+
8: string;
|
|
5189
|
+
10: string;
|
|
5190
|
+
12: string;
|
|
5191
|
+
13: string;
|
|
5192
|
+
14: string;
|
|
5193
|
+
16: string;
|
|
5194
|
+
18: string;
|
|
5195
|
+
20: string;
|
|
5196
|
+
22: string;
|
|
5197
|
+
24: string;
|
|
5198
|
+
32: string;
|
|
5199
|
+
36: string;
|
|
5200
|
+
40: string;
|
|
5201
|
+
48: string;
|
|
5202
|
+
56: string;
|
|
5203
|
+
64: string;
|
|
5204
|
+
72: string;
|
|
5205
|
+
80: string;
|
|
5206
|
+
xs: string;
|
|
5207
|
+
sm: string;
|
|
5208
|
+
md: string;
|
|
5209
|
+
lg: string;
|
|
5210
|
+
'2xl': string;
|
|
5211
|
+
'3xl': string;
|
|
5212
|
+
'4xl': string;
|
|
5213
|
+
full: string;
|
|
5214
|
+
};
|
|
5215
|
+
fonts: {
|
|
5216
|
+
default: string;
|
|
5217
|
+
};
|
|
5218
|
+
fontWeights: {
|
|
5219
|
+
regular: string;
|
|
5220
|
+
medium: string;
|
|
5221
|
+
semibold: string;
|
|
5222
|
+
bold: string;
|
|
5223
|
+
};
|
|
5224
|
+
lineHeights: {
|
|
5225
|
+
smaller: string;
|
|
5226
|
+
shorter: string;
|
|
5227
|
+
short: string;
|
|
5228
|
+
base: string;
|
|
5229
|
+
tall: string;
|
|
5230
|
+
};
|
|
5231
|
+
radii: {
|
|
5232
|
+
'3xs': string;
|
|
5233
|
+
'2xs': string;
|
|
5234
|
+
xs: string;
|
|
5235
|
+
sm: string;
|
|
5236
|
+
md: string;
|
|
5237
|
+
lg: string;
|
|
5238
|
+
xl: string;
|
|
5239
|
+
'2xl': string;
|
|
5240
|
+
'3xl': string;
|
|
5241
|
+
'4xl': string;
|
|
5242
|
+
'5xl': string;
|
|
5243
|
+
'6xl': string;
|
|
5244
|
+
'7xl': string;
|
|
5245
|
+
'8xl': string;
|
|
5246
|
+
'9xl': string;
|
|
5247
|
+
'10xl': string;
|
|
5248
|
+
'11xl': string;
|
|
5249
|
+
'12xl': string;
|
|
5250
|
+
'13xl': string;
|
|
5251
|
+
'14xl': string;
|
|
5252
|
+
full: string;
|
|
5253
|
+
};
|
|
5254
|
+
space: {
|
|
5255
|
+
2: string;
|
|
5256
|
+
4: string;
|
|
5257
|
+
6: string;
|
|
5258
|
+
8: string;
|
|
5259
|
+
10: string;
|
|
5260
|
+
12: string;
|
|
5261
|
+
13: string;
|
|
5262
|
+
14: string;
|
|
5263
|
+
16: string;
|
|
5264
|
+
18: string;
|
|
5265
|
+
20: string;
|
|
5266
|
+
22: string;
|
|
5267
|
+
24: string;
|
|
5268
|
+
32: string;
|
|
5269
|
+
36: string;
|
|
5270
|
+
40: string;
|
|
5271
|
+
48: string;
|
|
5272
|
+
56: string;
|
|
5273
|
+
64: string;
|
|
5274
|
+
72: string;
|
|
5275
|
+
80: string;
|
|
5276
|
+
full: string;
|
|
5277
|
+
};
|
|
5278
|
+
}, {
|
|
5279
|
+
height: "space";
|
|
5280
|
+
width: "space";
|
|
5281
|
+
gap: "space";
|
|
5282
|
+
gridGap: "space";
|
|
5283
|
+
columnGap: "space";
|
|
5284
|
+
gridColumnGap: "space";
|
|
5285
|
+
rowGap: "space";
|
|
5286
|
+
gridRowGap: "space";
|
|
5287
|
+
inset: "space";
|
|
5288
|
+
insetBlock: "space";
|
|
5289
|
+
insetBlockEnd: "space";
|
|
5290
|
+
insetBlockStart: "space";
|
|
5291
|
+
insetInline: "space";
|
|
5292
|
+
insetInlineEnd: "space";
|
|
5293
|
+
insetInlineStart: "space";
|
|
5294
|
+
margin: "space";
|
|
5295
|
+
marginTop: "space";
|
|
5296
|
+
marginRight: "space";
|
|
5297
|
+
marginBottom: "space";
|
|
5298
|
+
marginLeft: "space";
|
|
5299
|
+
marginBlock: "space";
|
|
5300
|
+
marginBlockEnd: "space";
|
|
5301
|
+
marginBlockStart: "space";
|
|
5302
|
+
marginInline: "space";
|
|
5303
|
+
marginInlineEnd: "space";
|
|
5304
|
+
marginInlineStart: "space";
|
|
5305
|
+
padding: "space";
|
|
5306
|
+
paddingTop: "space";
|
|
5307
|
+
paddingRight: "space";
|
|
5308
|
+
paddingBottom: "space";
|
|
5309
|
+
paddingLeft: "space";
|
|
5310
|
+
paddingBlock: "space";
|
|
5311
|
+
paddingBlockEnd: "space";
|
|
5312
|
+
paddingBlockStart: "space";
|
|
5313
|
+
paddingInline: "space";
|
|
5314
|
+
paddingInlineEnd: "space";
|
|
5315
|
+
paddingInlineStart: "space";
|
|
5316
|
+
scrollMargin: "space";
|
|
5317
|
+
scrollMarginTop: "space";
|
|
5318
|
+
scrollMarginRight: "space";
|
|
5319
|
+
scrollMarginBottom: "space";
|
|
5320
|
+
scrollMarginLeft: "space";
|
|
5321
|
+
scrollMarginBlock: "space";
|
|
5322
|
+
scrollMarginBlockEnd: "space";
|
|
5323
|
+
scrollMarginBlockStart: "space";
|
|
5324
|
+
scrollMarginInline: "space";
|
|
5325
|
+
scrollMarginInlineEnd: "space";
|
|
5326
|
+
scrollMarginInlineStart: "space";
|
|
5327
|
+
scrollPadding: "space";
|
|
5328
|
+
scrollPaddingTop: "space";
|
|
5329
|
+
scrollPaddingRight: "space";
|
|
5330
|
+
scrollPaddingBottom: "space";
|
|
5331
|
+
scrollPaddingLeft: "space";
|
|
5332
|
+
scrollPaddingBlock: "space";
|
|
5333
|
+
scrollPaddingBlockEnd: "space";
|
|
5334
|
+
scrollPaddingBlockStart: "space";
|
|
5335
|
+
scrollPaddingInline: "space";
|
|
5336
|
+
scrollPaddingInlineEnd: "space";
|
|
5337
|
+
scrollPaddingInlineStart: "space";
|
|
5338
|
+
top: "space";
|
|
5339
|
+
right: "space";
|
|
5340
|
+
bottom: "space";
|
|
5341
|
+
left: "space";
|
|
5342
|
+
fontSize: "fontSizes";
|
|
5343
|
+
background: "colors";
|
|
5344
|
+
backgroundColor: "colors";
|
|
5345
|
+
backgroundImage: "colors";
|
|
5346
|
+
borderImage: "colors";
|
|
5347
|
+
border: "colors";
|
|
5348
|
+
borderBlock: "colors";
|
|
5349
|
+
borderBlockEnd: "colors";
|
|
5350
|
+
borderBlockStart: "colors";
|
|
5351
|
+
borderBottom: "colors";
|
|
5352
|
+
borderBottomColor: "colors";
|
|
5353
|
+
borderColor: "colors";
|
|
5354
|
+
borderInline: "colors";
|
|
5355
|
+
borderInlineEnd: "colors";
|
|
5356
|
+
borderInlineStart: "colors";
|
|
5357
|
+
borderLeft: "colors";
|
|
5358
|
+
borderLeftColor: "colors";
|
|
5359
|
+
borderRight: "colors";
|
|
5360
|
+
borderRightColor: "colors";
|
|
5361
|
+
borderTop: "colors";
|
|
5362
|
+
borderTopColor: "colors";
|
|
5363
|
+
caretColor: "colors";
|
|
5364
|
+
color: "colors";
|
|
5365
|
+
columnRuleColor: "colors";
|
|
5366
|
+
outline: "colors";
|
|
5367
|
+
outlineColor: "colors";
|
|
5368
|
+
fill: "colors";
|
|
5369
|
+
stroke: "colors";
|
|
5370
|
+
textDecorationColor: "colors";
|
|
5371
|
+
fontFamily: "fonts";
|
|
5372
|
+
fontWeight: "fontWeights";
|
|
5373
|
+
lineHeight: "lineHeights";
|
|
5374
|
+
letterSpacing: "letterSpacings";
|
|
5375
|
+
blockSize: "sizes";
|
|
5376
|
+
minBlockSize: "sizes";
|
|
5377
|
+
maxBlockSize: "sizes";
|
|
5378
|
+
inlineSize: "sizes";
|
|
5379
|
+
minInlineSize: "sizes";
|
|
5380
|
+
maxInlineSize: "sizes";
|
|
5381
|
+
minWidth: "sizes";
|
|
5382
|
+
maxWidth: "sizes";
|
|
5383
|
+
minHeight: "sizes";
|
|
5384
|
+
maxHeight: "sizes";
|
|
5385
|
+
flexBasis: "sizes";
|
|
5386
|
+
gridTemplateColumns: "sizes";
|
|
5387
|
+
gridTemplateRows: "sizes";
|
|
5388
|
+
borderWidth: "borderWidths";
|
|
5389
|
+
borderTopWidth: "borderWidths";
|
|
5390
|
+
borderLeftWidth: "borderWidths";
|
|
5391
|
+
borderRightWidth: "borderWidths";
|
|
5392
|
+
borderBottomWidth: "borderWidths";
|
|
5393
|
+
borderStyle: "borderStyles";
|
|
5394
|
+
borderTopStyle: "borderStyles";
|
|
5395
|
+
borderLeftStyle: "borderStyles";
|
|
5396
|
+
borderRightStyle: "borderStyles";
|
|
5397
|
+
borderBottomStyle: "borderStyles";
|
|
5398
|
+
borderRadius: "radii";
|
|
5399
|
+
borderTopLeftRadius: "radii";
|
|
5400
|
+
borderTopRightRadius: "radii";
|
|
5401
|
+
borderBottomRightRadius: "radii";
|
|
5402
|
+
borderBottomLeftRadius: "radii";
|
|
5403
|
+
boxShadow: "shadows";
|
|
5404
|
+
textShadow: "shadows";
|
|
5405
|
+
transition: "transitions";
|
|
5406
|
+
zIndex: "zIndices";
|
|
5407
|
+
}, {}>>;
|
|
5408
|
+
|
|
5409
|
+
type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
|
|
5410
|
+
isOpen: boolean;
|
|
5411
|
+
onClose: () => void;
|
|
5412
|
+
width?: string;
|
|
5413
|
+
backgroundColor?: keyof Colors;
|
|
5414
|
+
title: string;
|
|
5415
|
+
children?: ReactNode;
|
|
5416
|
+
};
|
|
5417
|
+
declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
|
|
4659
5418
|
|
|
4660
5419
|
declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
4661
5420
|
colors: {
|
|
@@ -13386,4 +14145,4 @@ type FormProps = UseFormProps & {
|
|
|
13386
14145
|
};
|
|
13387
14146
|
declare const Form: ({ onSubmit, children, ...props }: FormProps) => react_jsx_runtime.JSX.Element;
|
|
13388
14147
|
|
|
13389
|
-
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, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, 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, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, 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 };
|
|
14148
|
+
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, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, InputStyled, MenuDropdown, type MenuDropdownProps, 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, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, 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 };
|