@lets-events/react 11.7.4 → 11.7.6
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 +12 -0
- package/dist/index.d.mts +5 -374
- package/dist/index.d.ts +5 -374
- package/dist/index.js +55 -58
- package/dist/index.mjs +24 -27
- package/package.json +1 -1
- package/src/components/Alert.tsx +303 -303
- package/src/components/Avatar.tsx +55 -55
- package/src/components/Badge.tsx +125 -125
- package/src/components/Box.tsx +3 -3
- package/src/components/Button/index.tsx +16 -16
- package/src/components/Button/styledComponents.ts +287 -287
- 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 +176 -176
- package/src/components/Container.tsx +39 -39
- package/src/components/Drawer/index.tsx +48 -48
- package/src/components/Drawer/styledComponents.ts +46 -46
- package/src/components/Dropdown.tsx +302 -302
- package/src/components/Filter.tsx +164 -164
- package/src/components/Flex.tsx +118 -118
- package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
- package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
- package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
- package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
- package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
- package/src/components/FormFields/BirthDateFormField.tsx +85 -85
- package/src/components/FormFields/CNPJFormField.tsx +87 -87
- package/src/components/FormFields/CPFFormField.tsx +77 -77
- package/src/components/FormFields/CheckboxGroupFormField.tsx +90 -90
- package/src/components/FormFields/EmailFormField.tsx +27 -27
- package/src/components/FormFields/Form.tsx +39 -39
- package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +40 -40
- package/src/components/FormFields/MultiSelectFormField.tsx +55 -55
- package/src/components/FormFields/PhoneFormField.tsx +40 -40
- package/src/components/FormFields/RadioGroupFormField.tsx +84 -84
- package/src/components/FormFields/SelectFormField.tsx +93 -93
- package/src/components/FormFields/TextAreaFormField.tsx +48 -48
- package/src/components/FormFields/TextFormField.tsx +112 -112
- package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
- package/src/components/FormFields/subComponents/FormLabel.tsx +29 -29
- package/src/components/FormFields/utils/validation.ts +23 -23
- package/src/components/Grid.tsx +137 -137
- package/src/components/Icon.tsx +47 -47
- package/src/components/MenuDropdown/index.tsx +30 -30
- package/src/components/MenuDropdown/styledComponents.ts +31 -31
- package/src/components/Modal.tsx +90 -90
- package/src/components/MultiSelect.tsx +218 -218
- 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 +38 -38
- package/src/components/TextField.tsx +316 -316
- 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/useCountries.ts +41 -41
- package/src/hooks/useOnClickOutside.tsx +20 -20
- package/src/index.tsx +54 -54
- package/src/styles/index.ts +38 -38
- package/src/types/typographyValues.ts +178 -178
- package/src/utils/getNestedValue.ts +3 -3
- package/src/utils/states.ts +29 -29
- package/tsconfig.json +3 -3
- package/dist/index.css +0 -171
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
6
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
7
7
|
import * as React$1 from 'react';
|
|
8
|
-
import React__default, { ComponentProps, ElementType, ReactNode, MouseEvent, JSX } from 'react';
|
|
8
|
+
import React__default, { ComponentProps, ElementType, ReactNode, MouseEvent, HTMLAttributes, JSX } from 'react';
|
|
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';
|
|
@@ -4281,381 +4281,12 @@ type ModalProps = ComponentProps<typeof Dialog.Root> & {
|
|
|
4281
4281
|
};
|
|
4282
4282
|
declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
4283
4283
|
|
|
4284
|
-
|
|
4285
|
-
colors: {
|
|
4286
|
-
brand50: string;
|
|
4287
|
-
brand100: string;
|
|
4288
|
-
brand200: string;
|
|
4289
|
-
brand300: string;
|
|
4290
|
-
brand400: string;
|
|
4291
|
-
brand500: string;
|
|
4292
|
-
brand600: string;
|
|
4293
|
-
brand700: string;
|
|
4294
|
-
brand800: string;
|
|
4295
|
-
brand900: string;
|
|
4296
|
-
brand950: string;
|
|
4297
|
-
blue50: string;
|
|
4298
|
-
blue100: string;
|
|
4299
|
-
blue200: string;
|
|
4300
|
-
blue300: string;
|
|
4301
|
-
blue400: string;
|
|
4302
|
-
blue500: string;
|
|
4303
|
-
blue600: string;
|
|
4304
|
-
blue700: string;
|
|
4305
|
-
blue800: string;
|
|
4306
|
-
blue900: string;
|
|
4307
|
-
blue950: string;
|
|
4308
|
-
red50: string;
|
|
4309
|
-
red100: string;
|
|
4310
|
-
red200: string;
|
|
4311
|
-
red300: string;
|
|
4312
|
-
red400: string;
|
|
4313
|
-
red500: string;
|
|
4314
|
-
red600: string;
|
|
4315
|
-
red700: string;
|
|
4316
|
-
red800: string;
|
|
4317
|
-
red900: string;
|
|
4318
|
-
red950: string;
|
|
4319
|
-
purple50: string;
|
|
4320
|
-
purple100: string;
|
|
4321
|
-
purple200: string;
|
|
4322
|
-
purple300: string;
|
|
4323
|
-
purple400: string;
|
|
4324
|
-
purple500: string;
|
|
4325
|
-
purple600: string;
|
|
4326
|
-
purple700: string;
|
|
4327
|
-
purple800: string;
|
|
4328
|
-
purple900: string;
|
|
4329
|
-
purple950: string;
|
|
4330
|
-
yellow50: string;
|
|
4331
|
-
yellow100: string;
|
|
4332
|
-
yellow200: string;
|
|
4333
|
-
yellow300: string;
|
|
4334
|
-
yellow400: string;
|
|
4335
|
-
yellow500: string;
|
|
4336
|
-
yellow600: string;
|
|
4337
|
-
yellow700: string;
|
|
4338
|
-
yellow800: string;
|
|
4339
|
-
yellow900: string;
|
|
4340
|
-
yellow950: string;
|
|
4341
|
-
dark50: string;
|
|
4342
|
-
dark100: string;
|
|
4343
|
-
dark200: string;
|
|
4344
|
-
dark300: string;
|
|
4345
|
-
dark400: string;
|
|
4346
|
-
dark500: string;
|
|
4347
|
-
dark600: string;
|
|
4348
|
-
dark700: string;
|
|
4349
|
-
dark800: string;
|
|
4350
|
-
dark900: string;
|
|
4351
|
-
dark950: string;
|
|
4352
|
-
neutral50: string;
|
|
4353
|
-
neutral100: string;
|
|
4354
|
-
neutral200: string;
|
|
4355
|
-
neutral300: string;
|
|
4356
|
-
neutral400: string;
|
|
4357
|
-
neutral500: string;
|
|
4358
|
-
neutral600: string;
|
|
4359
|
-
neutral700: string;
|
|
4360
|
-
neutral800: string;
|
|
4361
|
-
neutral900: string;
|
|
4362
|
-
neutral950: string;
|
|
4363
|
-
green50: string;
|
|
4364
|
-
green100: string;
|
|
4365
|
-
green200: string;
|
|
4366
|
-
green300: string;
|
|
4367
|
-
green400: string;
|
|
4368
|
-
green500: string;
|
|
4369
|
-
green600: string;
|
|
4370
|
-
green700: string;
|
|
4371
|
-
green800: string;
|
|
4372
|
-
green900: string;
|
|
4373
|
-
green950: string;
|
|
4374
|
-
grey50: string;
|
|
4375
|
-
grey100: string;
|
|
4376
|
-
grey200: string;
|
|
4377
|
-
grey300: string;
|
|
4378
|
-
grey400: string;
|
|
4379
|
-
grey500: string;
|
|
4380
|
-
grey600: string;
|
|
4381
|
-
grey700: string;
|
|
4382
|
-
grey800: string;
|
|
4383
|
-
grey900: string;
|
|
4384
|
-
grey950: string;
|
|
4385
|
-
error50: string;
|
|
4386
|
-
error100: string;
|
|
4387
|
-
error200: string;
|
|
4388
|
-
error300: string;
|
|
4389
|
-
error400: string;
|
|
4390
|
-
error500: string;
|
|
4391
|
-
error600: string;
|
|
4392
|
-
error700: string;
|
|
4393
|
-
error800: string;
|
|
4394
|
-
error900: string;
|
|
4395
|
-
error950: string;
|
|
4396
|
-
success50: string;
|
|
4397
|
-
success100: string;
|
|
4398
|
-
success200: string;
|
|
4399
|
-
success300: string;
|
|
4400
|
-
success400: string;
|
|
4401
|
-
success500: string;
|
|
4402
|
-
success600: string;
|
|
4403
|
-
success700: string;
|
|
4404
|
-
success800: string;
|
|
4405
|
-
success900: string;
|
|
4406
|
-
success950: string;
|
|
4407
|
-
warning50: string;
|
|
4408
|
-
warning100: string;
|
|
4409
|
-
warning200: string;
|
|
4410
|
-
warning300: string;
|
|
4411
|
-
warning400: string;
|
|
4412
|
-
warning500: string;
|
|
4413
|
-
warning600: string;
|
|
4414
|
-
warning700: string;
|
|
4415
|
-
warning800: string;
|
|
4416
|
-
warning900: string;
|
|
4417
|
-
warning950: string;
|
|
4418
|
-
info50: string;
|
|
4419
|
-
info100: string;
|
|
4420
|
-
info200: string;
|
|
4421
|
-
info300: string;
|
|
4422
|
-
info400: string;
|
|
4423
|
-
info500: string;
|
|
4424
|
-
info600: string;
|
|
4425
|
-
info700: string;
|
|
4426
|
-
info800: string;
|
|
4427
|
-
info900: string;
|
|
4428
|
-
info950: string;
|
|
4429
|
-
};
|
|
4430
|
-
fontSizes: {
|
|
4431
|
-
2: string;
|
|
4432
|
-
4: string;
|
|
4433
|
-
6: string;
|
|
4434
|
-
8: string;
|
|
4435
|
-
10: string;
|
|
4436
|
-
12: string;
|
|
4437
|
-
13: string;
|
|
4438
|
-
14: string;
|
|
4439
|
-
16: string;
|
|
4440
|
-
18: string;
|
|
4441
|
-
20: string;
|
|
4442
|
-
22: string;
|
|
4443
|
-
24: string;
|
|
4444
|
-
32: string;
|
|
4445
|
-
36: string;
|
|
4446
|
-
40: string;
|
|
4447
|
-
48: string;
|
|
4448
|
-
56: string;
|
|
4449
|
-
64: string;
|
|
4450
|
-
72: string;
|
|
4451
|
-
80: string;
|
|
4452
|
-
xs: string;
|
|
4453
|
-
sm: string;
|
|
4454
|
-
md: string;
|
|
4455
|
-
lg: string;
|
|
4456
|
-
'2xl': string;
|
|
4457
|
-
'3xl': string;
|
|
4458
|
-
'4xl': string;
|
|
4459
|
-
full: string;
|
|
4460
|
-
};
|
|
4461
|
-
fonts: {
|
|
4462
|
-
default: string;
|
|
4463
|
-
};
|
|
4464
|
-
fontWeights: {
|
|
4465
|
-
regular: string;
|
|
4466
|
-
medium: string;
|
|
4467
|
-
semibold: string;
|
|
4468
|
-
bold: string;
|
|
4469
|
-
};
|
|
4470
|
-
lineHeights: {
|
|
4471
|
-
smaller: string;
|
|
4472
|
-
shorter: string;
|
|
4473
|
-
short: string;
|
|
4474
|
-
base: string;
|
|
4475
|
-
tall: string;
|
|
4476
|
-
};
|
|
4477
|
-
radii: {
|
|
4478
|
-
'3xs': string;
|
|
4479
|
-
'2xs': string;
|
|
4480
|
-
xs: string;
|
|
4481
|
-
sm: string;
|
|
4482
|
-
md: string;
|
|
4483
|
-
lg: string;
|
|
4484
|
-
xl: string;
|
|
4485
|
-
'2xl': string;
|
|
4486
|
-
'3xl': string;
|
|
4487
|
-
'4xl': string;
|
|
4488
|
-
'5xl': string;
|
|
4489
|
-
'6xl': string;
|
|
4490
|
-
'7xl': string;
|
|
4491
|
-
'8xl': string;
|
|
4492
|
-
'9xl': string;
|
|
4493
|
-
'10xl': string;
|
|
4494
|
-
'11xl': string;
|
|
4495
|
-
'12xl': string;
|
|
4496
|
-
'13xl': string;
|
|
4497
|
-
'14xl': string;
|
|
4498
|
-
full: string;
|
|
4499
|
-
};
|
|
4500
|
-
space: {
|
|
4501
|
-
2: string;
|
|
4502
|
-
4: string;
|
|
4503
|
-
6: string;
|
|
4504
|
-
8: string;
|
|
4505
|
-
10: string;
|
|
4506
|
-
12: string;
|
|
4507
|
-
13: string;
|
|
4508
|
-
14: string;
|
|
4509
|
-
16: string;
|
|
4510
|
-
18: string;
|
|
4511
|
-
20: string;
|
|
4512
|
-
22: string;
|
|
4513
|
-
24: string;
|
|
4514
|
-
32: string;
|
|
4515
|
-
36: string;
|
|
4516
|
-
40: string;
|
|
4517
|
-
48: string;
|
|
4518
|
-
56: string;
|
|
4519
|
-
64: string;
|
|
4520
|
-
72: string;
|
|
4521
|
-
80: string;
|
|
4522
|
-
full: string;
|
|
4523
|
-
};
|
|
4524
|
-
}, {
|
|
4525
|
-
height: "space";
|
|
4526
|
-
width: "space";
|
|
4527
|
-
gap: "space";
|
|
4528
|
-
gridGap: "space";
|
|
4529
|
-
columnGap: "space";
|
|
4530
|
-
gridColumnGap: "space";
|
|
4531
|
-
rowGap: "space";
|
|
4532
|
-
gridRowGap: "space";
|
|
4533
|
-
inset: "space";
|
|
4534
|
-
insetBlock: "space";
|
|
4535
|
-
insetBlockEnd: "space";
|
|
4536
|
-
insetBlockStart: "space";
|
|
4537
|
-
insetInline: "space";
|
|
4538
|
-
insetInlineEnd: "space";
|
|
4539
|
-
insetInlineStart: "space";
|
|
4540
|
-
margin: "space";
|
|
4541
|
-
marginTop: "space";
|
|
4542
|
-
marginRight: "space";
|
|
4543
|
-
marginBottom: "space";
|
|
4544
|
-
marginLeft: "space";
|
|
4545
|
-
marginBlock: "space";
|
|
4546
|
-
marginBlockEnd: "space";
|
|
4547
|
-
marginBlockStart: "space";
|
|
4548
|
-
marginInline: "space";
|
|
4549
|
-
marginInlineEnd: "space";
|
|
4550
|
-
marginInlineStart: "space";
|
|
4551
|
-
padding: "space";
|
|
4552
|
-
paddingTop: "space";
|
|
4553
|
-
paddingRight: "space";
|
|
4554
|
-
paddingBottom: "space";
|
|
4555
|
-
paddingLeft: "space";
|
|
4556
|
-
paddingBlock: "space";
|
|
4557
|
-
paddingBlockEnd: "space";
|
|
4558
|
-
paddingBlockStart: "space";
|
|
4559
|
-
paddingInline: "space";
|
|
4560
|
-
paddingInlineEnd: "space";
|
|
4561
|
-
paddingInlineStart: "space";
|
|
4562
|
-
scrollMargin: "space";
|
|
4563
|
-
scrollMarginTop: "space";
|
|
4564
|
-
scrollMarginRight: "space";
|
|
4565
|
-
scrollMarginBottom: "space";
|
|
4566
|
-
scrollMarginLeft: "space";
|
|
4567
|
-
scrollMarginBlock: "space";
|
|
4568
|
-
scrollMarginBlockEnd: "space";
|
|
4569
|
-
scrollMarginBlockStart: "space";
|
|
4570
|
-
scrollMarginInline: "space";
|
|
4571
|
-
scrollMarginInlineEnd: "space";
|
|
4572
|
-
scrollMarginInlineStart: "space";
|
|
4573
|
-
scrollPadding: "space";
|
|
4574
|
-
scrollPaddingTop: "space";
|
|
4575
|
-
scrollPaddingRight: "space";
|
|
4576
|
-
scrollPaddingBottom: "space";
|
|
4577
|
-
scrollPaddingLeft: "space";
|
|
4578
|
-
scrollPaddingBlock: "space";
|
|
4579
|
-
scrollPaddingBlockEnd: "space";
|
|
4580
|
-
scrollPaddingBlockStart: "space";
|
|
4581
|
-
scrollPaddingInline: "space";
|
|
4582
|
-
scrollPaddingInlineEnd: "space";
|
|
4583
|
-
scrollPaddingInlineStart: "space";
|
|
4584
|
-
top: "space";
|
|
4585
|
-
right: "space";
|
|
4586
|
-
bottom: "space";
|
|
4587
|
-
left: "space";
|
|
4588
|
-
fontSize: "fontSizes";
|
|
4589
|
-
background: "colors";
|
|
4590
|
-
backgroundColor: "colors";
|
|
4591
|
-
backgroundImage: "colors";
|
|
4592
|
-
borderImage: "colors";
|
|
4593
|
-
border: "colors";
|
|
4594
|
-
borderBlock: "colors";
|
|
4595
|
-
borderBlockEnd: "colors";
|
|
4596
|
-
borderBlockStart: "colors";
|
|
4597
|
-
borderBottom: "colors";
|
|
4598
|
-
borderBottomColor: "colors";
|
|
4599
|
-
borderColor: "colors";
|
|
4600
|
-
borderInline: "colors";
|
|
4601
|
-
borderInlineEnd: "colors";
|
|
4602
|
-
borderInlineStart: "colors";
|
|
4603
|
-
borderLeft: "colors";
|
|
4604
|
-
borderLeftColor: "colors";
|
|
4605
|
-
borderRight: "colors";
|
|
4606
|
-
borderRightColor: "colors";
|
|
4607
|
-
borderTop: "colors";
|
|
4608
|
-
borderTopColor: "colors";
|
|
4609
|
-
caretColor: "colors";
|
|
4610
|
-
color: "colors";
|
|
4611
|
-
columnRuleColor: "colors";
|
|
4612
|
-
outline: "colors";
|
|
4613
|
-
outlineColor: "colors";
|
|
4614
|
-
fill: "colors";
|
|
4615
|
-
stroke: "colors";
|
|
4616
|
-
textDecorationColor: "colors";
|
|
4617
|
-
fontFamily: "fonts";
|
|
4618
|
-
fontWeight: "fontWeights";
|
|
4619
|
-
lineHeight: "lineHeights";
|
|
4620
|
-
letterSpacing: "letterSpacings";
|
|
4621
|
-
blockSize: "sizes";
|
|
4622
|
-
minBlockSize: "sizes";
|
|
4623
|
-
maxBlockSize: "sizes";
|
|
4624
|
-
inlineSize: "sizes";
|
|
4625
|
-
minInlineSize: "sizes";
|
|
4626
|
-
maxInlineSize: "sizes";
|
|
4627
|
-
minWidth: "sizes";
|
|
4628
|
-
maxWidth: "sizes";
|
|
4629
|
-
minHeight: "sizes";
|
|
4630
|
-
maxHeight: "sizes";
|
|
4631
|
-
flexBasis: "sizes";
|
|
4632
|
-
gridTemplateColumns: "sizes";
|
|
4633
|
-
gridTemplateRows: "sizes";
|
|
4634
|
-
borderWidth: "borderWidths";
|
|
4635
|
-
borderTopWidth: "borderWidths";
|
|
4636
|
-
borderLeftWidth: "borderWidths";
|
|
4637
|
-
borderRightWidth: "borderWidths";
|
|
4638
|
-
borderBottomWidth: "borderWidths";
|
|
4639
|
-
borderStyle: "borderStyles";
|
|
4640
|
-
borderTopStyle: "borderStyles";
|
|
4641
|
-
borderLeftStyle: "borderStyles";
|
|
4642
|
-
borderRightStyle: "borderStyles";
|
|
4643
|
-
borderBottomStyle: "borderStyles";
|
|
4644
|
-
borderRadius: "radii";
|
|
4645
|
-
borderTopLeftRadius: "radii";
|
|
4646
|
-
borderTopRightRadius: "radii";
|
|
4647
|
-
borderBottomRightRadius: "radii";
|
|
4648
|
-
borderBottomLeftRadius: "radii";
|
|
4649
|
-
boxShadow: "shadows";
|
|
4650
|
-
textShadow: "shadows";
|
|
4651
|
-
transition: "transitions";
|
|
4652
|
-
zIndex: "zIndices";
|
|
4653
|
-
}, {}>>;
|
|
4654
|
-
|
|
4655
|
-
type MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
|
|
4284
|
+
type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
|
|
4656
4285
|
children: ReactNode;
|
|
4286
|
+
isOpen: boolean;
|
|
4287
|
+
setIsOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
4657
4288
|
};
|
|
4658
|
-
declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
|
|
4289
|
+
declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
|
|
4659
4290
|
|
|
4660
4291
|
declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
4661
4292
|
colors: {
|