@cambly/syntax-core 23.5.2 → 23.7.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/dist/Badge/Badge.d.ts +1 -1
- package/dist/DateRangePicker/DateRangePicker.css +910 -0
- package/dist/DateRangePicker/DateRangePicker.css.map +1 -0
- package/dist/DateRangePicker/DateRangePicker.d.ts +65 -0
- package/dist/DateRangePicker/DateRangePicker.js +12 -0
- package/dist/DateRangePicker/DateRangePicker.js.map +1 -0
- package/dist/RichSelect/RichSelectList.js +2 -2
- package/dist/SelectList/SelectList.js +2 -2
- package/dist/Toast/Toast.d.ts +8 -1
- package/dist/Toast/Toast.js +1 -1
- package/dist/__chunks/{P7E2HHIQ.js → FLKZW433.js} +1 -1
- package/dist/__chunks/{P7E2HHIQ.js.map → FLKZW433.js.map} +1 -1
- package/dist/__chunks/{44BDRZIB.js → G3RWGOSX.js} +2 -2
- package/dist/__chunks/{372EY6DW.js → JWVVIP4Z.js} +6 -2
- package/dist/__chunks/JWVVIP4Z.js.map +1 -0
- package/dist/__chunks/NYSDSR25.js +172 -0
- package/dist/__chunks/NYSDSR25.js.map +1 -0
- package/dist/__chunks/{H5KYQ27R.js → RMXSBLXK.js} +2 -2
- package/dist/index.css +275 -51
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +8 -4
- package/package.json +1 -1
- package/dist/__chunks/372EY6DW.js.map +0 -1
- /package/dist/__chunks/{44BDRZIB.js.map → G3RWGOSX.js.map} +0 -0
- /package/dist/__chunks/{H5KYQ27R.js.map → RMXSBLXK.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/DateRangePicker/DateRangePicker.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_1xef3_2 {\n color: inherit;\n}\n\n._destructive700Color_1xef3_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_1xef3_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_1xef3_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_1xef3_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_1xef3_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_1xef3_26 {\n color: var(--color-base-white);\n}\n\n._blackColor_1xef3_30 {\n color: var(--color-base-black);\n}\n\n._destructive100Color_1xef3_34 {\n color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_1xef3_38 {\n color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_1xef3_42 {\n color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_1xef3_46 {\n color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_1xef3_50 {\n color: var(--color-base-destructive-900);\n}\n\n._gray10Color_1xef3_54 {\n color: var(--color-base-gray-10);\n}\n\n._gray30Color_1xef3_58 {\n color: var(--color-base-gray-30);\n}\n\n._gray60Color_1xef3_62 {\n color: var(--color-base-gray-60);\n}\n\n._gray80Color_1xef3_66 {\n color: var(--color-base-gray-80);\n}\n\n._gray100Color_1xef3_70 {\n color: var(--color-base-gray-100);\n}\n\n._gray200Color_1xef3_74 {\n color: var(--color-base-gray-200);\n}\n\n._gray300Color_1xef3_78 {\n color: var(--color-base-gray-300);\n}\n\n._gray800Color_1xef3_82 {\n color: var(--color-base-gray-800);\n}\n\n._orange100Color_1xef3_86 {\n color: var(--color-base-orange-100);\n}\n\n._orange200Color_1xef3_90 {\n color: var(--color-base-orange-200);\n}\n\n._orange300Color_1xef3_94 {\n color: var(--color-base-orange-300);\n}\n\n._orange700Color_1xef3_98 {\n color: var(--color-base-orange-700);\n}\n\n._orange800Color_1xef3_102 {\n color: var(--color-base-orange-800);\n}\n\n._orange900Color_1xef3_106 {\n color: var(--color-base-orange-900);\n}\n\n._primary100Color_1xef3_110 {\n color: var(--color-base-primary-100);\n}\n\n._primary200Color_1xef3_114 {\n color: var(--color-base-primary-200);\n}\n\n._primary300Color_1xef3_118 {\n color: var(--color-base-primary-300);\n}\n\n._primary800Color_1xef3_122 {\n color: var(--color-base-primary-800);\n}\n\n._primary900Color_1xef3_126 {\n color: var(--color-base-primary-900);\n}\n\n._success100Color_1xef3_130 {\n color: var(--color-base-success-100);\n}\n\n._success200Color_1xef3_134 {\n color: var(--color-base-success-200);\n}\n\n._success300Color_1xef3_138 {\n color: var(--color-base-success-300);\n}\n\n._success800Color_1xef3_142 {\n color: var(--color-base-success-800);\n}\n\n._success900Color_1xef3_146 {\n color: var(--color-base-success-900);\n}\n\n._purple100Color_1xef3_150 {\n color: var(--color-base-purple-100);\n}\n\n._purple200Color_1xef3_154 {\n color: var(--color-base-purple-200);\n}\n\n._purple300Color_1xef3_158 {\n color: var(--color-base-purple-300);\n}\n\n._purple700Color_1xef3_162 {\n color: var(--color-base-purple-700);\n}\n\n._purple800Color_1xef3_166 {\n color: var(--color-base-purple-800);\n}\n\n._purple900Color_1xef3_170 {\n color: var(--color-base-purple-900);\n}\n\n._yellow100Color_1xef3_174 {\n color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_1xef3_178 {\n color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_1xef3_182 {\n color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_1xef3_186 {\n color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_1xef3_190 {\n color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_1xef3_194 {\n color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_1xef3_199 {\n border: none;\n}\n\n._blackBorderColor_1xef3_203 {\n box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_1xef3_207 {\n box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_1xef3_211 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_1xef3_215 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_1xef3_219 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_1xef3_223 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_1xef3_227 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_1xef3_231 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_1xef3_237 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_1xef3_241 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_1xef3_245 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_1xef3_249 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_1xef3_253 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_1xef3_257 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_1xef3_261 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_1xef3_265 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_1xef3_269 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_1xef3_273 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_1xef3_277 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_1xef3_281 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_1xef3_285 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_1xef3_289 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_1xef3_293 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_1xef3_297 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_1xef3_301 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_1xef3_305 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_1xef3_309 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_1xef3_313 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_1xef3_317 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_1xef3_321 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_1xef3_325 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_1xef3_329 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_1xef3_333 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_1xef3_337 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_1xef3_341 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_1xef3_345 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_1xef3_349 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_1xef3_353 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_1xef3_357 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_1xef3_361 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_1xef3_365 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_1xef3_369 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_1xef3_373 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_1xef3_377 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_1xef3_381 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_1xef3_385 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_1xef3_389 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_1xef3_393 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_1xef3_397 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_1xef3_401 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_1xef3_405 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_1xef3_409 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_1xef3_413 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_1xef3_417 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_1xef3_421 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_1xef3_425 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_1xef3_430 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_1xef3_434 {\n color: var(--color-cambio-white-100);\n}\n\n._white40Color_1xef3_438 {\n color: var(--color-cambio-white-40);\n}\n\n._white70Color_1xef3_442 {\n color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_1xef3_446 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_1xef3_450 {\n color: var(--color-cambio-gray-200);\n}\n\n._gray270Color_1xef3_454 {\n color: var(--color-cambio-gray-270);\n}\n\n._cambioGray300Color_1xef3_458 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_1xef3_462 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_1xef3_466 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_1xef3_470 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_1xef3_474 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_1xef3_478 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_1xef3_482 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_1xef3_486 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_1xef3_490 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_1xef3_494 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_1xef3_498 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_1xef3_502 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_1xef3_506 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_1xef3_510 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_1xef3_514 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_1xef3_518 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_1xef3_522 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_1xef3_526 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_1xef3_530 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_1xef3_534 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_1xef3_538 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_1xef3_542 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_1xef3_546 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_1xef3_550 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_1xef3_554 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_1xef3_558 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_1xef3_562 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_1xef3_566 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_1xef3_570 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_1xef3_574 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_1xef3_578 {\n color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_1xef3_582 {\n color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_1xef3_586 {\n color: var(--color-cambio-gray-870);\n}\n\n._redColor_1xef3_590 {\n color: var(--color-cambio-red);\n}\n\n._orangeColor_1xef3_594 {\n color: var(--color-cambio-orange);\n}\n\n._tanColor_1xef3_598 {\n color: var(--color-cambio-tan);\n}\n\n._creamColor_1xef3_602 {\n color: var(--color-cambio-cream);\n}\n\n._purpleColor_1xef3_606 {\n color: var(--color-cambio-purple);\n}\n\n._lilacColor_1xef3_610 {\n color: var(--color-cambio-lilac);\n}\n\n._thistleColor_1xef3_614 {\n color: var(--color-cambio-thistle);\n}\n\n._pinkColor_1xef3_618 {\n color: var(--color-cambio-pink);\n}\n\n._navyColor_1xef3_622 {\n color: var(--color-cambio-navy);\n}\n\n._tealColor_1xef3_626 {\n color: var(--color-cambio-teal);\n}\n\n._slateColor_1xef3_630 {\n color: var(--color-cambio-slate);\n}\n\n._skyColor_1xef3_634 {\n color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_1xef3_638 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_1xef3_642 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_1xef3_646 {\n background-color: var(--color-cambio-white-100);\n}\n\n._white40BackgroundColor_1xef3_650 {\n background-color: var(--color-cambio-white-40);\n}\n\n._white70BackgroundColor_1xef3_654 {\n background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_1xef3_658 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_1xef3_662 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_1xef3_666 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._gray270BackgroundColor_1xef3_670 {\n background-color: var(--color-cambio-gray-270);\n}\n\n._gray370BackgroundColor_1xef3_674 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_1xef3_678 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_1xef3_682 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_1xef3_686 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_1xef3_690 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_1xef3_694 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_1xef3_698 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_1xef3_702 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_1xef3_706 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_1xef3_710 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_1xef3_714 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_1xef3_718 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_1xef3_722 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_1xef3_726 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_1xef3_730 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_1xef3_734 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_1xef3_738 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_1xef3_742 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_1xef3_746 {\n background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_1xef3_750 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_1xef3_754 {\n background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_1xef3_758 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_1xef3_762 {\n background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_1xef3_766 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_1xef3_770 {\n background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_1xef3_774 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_1xef3_778 {\n background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_1xef3_782 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_1xef3_786 {\n background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_1xef3_790 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_1xef3_794 {\n background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_1xef3_798 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_1xef3_802 {\n background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_1xef3_806 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_1xef3_810 {\n background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_1xef3_814 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_1xef3_818 {\n background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_1xef3_822 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_1xef3_826 {\n background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_1xef3_830 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_1xef3_834 {\n background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_1xef3_838 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_1xef3_842 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_1xef3_846 {\n background-color: var(--color-cambio-yellow-700);\n}\n","._icon_12p4o_1 {\n display: inline-block;\n fill: currentcolor;\n flex-shrink: 0;\n user-select: none;\n}\n\n/* stylelint-disable-next-line selector-max-class, selector-max-specificity, selector-max-compound-selectors -- need to flip icon in rtl */\n[dir=\"rtl\"] ._icon_12p4o_1._iconRtlMirror_12p4o_9 {\n transform: scaleX(-1);\n}\n\n._icon100_12p4o_13 {\n width: 16px;\n height: 16px;\n}\n\n._icon200_12p4o_18 {\n width: 20px;\n height: 20px;\n}\n\n._icon300_12p4o_23 {\n width: 24px;\n height: 24px;\n}\n\n._icon400_12p4o_28 {\n width: 32px;\n height: 32px;\n}\n\n._icon500_12p4o_33 {\n width: 48px;\n height: 48px;\n}\n\n._icon600_12p4o_38 {\n width: 72px;\n height: 72px;\n}\n\n._icon700_12p4o_43 {\n width: 100px;\n height: 100px;\n}\n\n._icon800_12p4o_48 {\n width: 140px;\n height: 140px;\n}\n\n._icon900_12p4o_53 {\n width: 200px;\n height: 200px;\n}\n\n._icon1000_12p4o_58 {\n width: 280px;\n height: 280px;\n}\n","/* Root container */\n._root_qcyt7_2 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: fit-content;\n font-family: var(--syntax-font-sans-serif);\n}\n\n/* Label */\n._label_qcyt7_11 {\n font-size: 14px;\n font-weight: 500;\n color: var(--color-cambio-gray-700);\n cursor: default;\n}\n\n/* Input group: wraps both DateInputs + calendar button */\n._group_qcyt7_19 {\n display: flex;\n align-items: center;\n gap: 4px;\n border: 1px solid var(--color-cambio-gray-370);\n border-radius: 8px;\n box-sizing: border-box;\n background: #fff;\n color: var(--color-cambio-gray-700);\n}\n\n._group_qcyt7_19[data-focus-within] {\n outline: none;\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._group_qcyt7_19[data-invalid] {\n border-color: var(--color-cambio-destructive-700);\n}\n\n._group_qcyt7_19[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n/* Size variants */\n._sm_qcyt7_45 {\n height: 32px;\n padding: 0 8px;\n font-size: 14px;\n}\n\n._md_qcyt7_51 {\n height: 48px;\n padding: 0 12px;\n font-size: 16px;\n}\n\n._lg_qcyt7_57 {\n height: 64px;\n padding: 0 16px;\n font-size: 18px;\n}\n\n/* DateInput wrapper */\n._dateInput_qcyt7_64 {\n display: flex;\n align-items: center;\n flex: 1;\n min-width: 0;\n}\n\n/* Individual date segment (year, month, day) */\n._segment_qcyt7_72 {\n padding: 1px 2px;\n border-radius: 4px;\n outline: none;\n caret-color: transparent;\n}\n\n/* Fixed min-width per segment to prevent layout shift when values change.\n * 1ch = width of the character \"0\" in the current font. */\n._segment_qcyt7_72[data-type=\"year\"] {\n min-width: 4ch; /* e.g. \"2026\" */\n}\n\n._segment_qcyt7_72[data-type=\"month\"] {\n min-width: 2ch; /* e.g. \"03\" */\n}\n\n._segment_qcyt7_72[data-type=\"day\"] {\n min-width: 2ch; /* e.g. \"15\" */\n}\n\n._segment_qcyt7_72[data-type=\"literal\"] {\n padding: 0 1px;\n color: var(--color-cambio-gray-370);\n}\n\n._segment_qcyt7_72[data-placeholder] {\n color: var(--color-cambio-gray-370);\n}\n\n._segment_qcyt7_72[data-focused] {\n background-color: var(--color-base-primary-700);\n color: #fff;\n border-radius: 2px;\n}\n\n/* Separator between start and end date inputs */\n._separator_qcyt7_109 {\n flex-shrink: 0;\n color: var(--color-cambio-gray-370);\n padding: 0 4px;\n user-select: none;\n}\n\n/* Calendar open button */\n._calendarButton_qcyt7_117 {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px;\n border-radius: 4px;\n color: var(--color-cambio-gray-700);\n outline: none;\n}\n\n._calendarButton_qcyt7_117:hover {\n background-color: var(--color-cambio-gray-10);\n}\n\n._calendarButton_qcyt7_117[data-focus-visible] {\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n/* Helper and error text */\n._description_qcyt7_140 {\n font-size: 14px;\n color: var(--color-cambio-gray-700);\n}\n\n._errorMessage_qcyt7_145 {\n font-size: 14px;\n color: var(--color-cambio-destructive-700);\n}\n\n/* Popover container – fixed height to prevent repositioning when switching\n * between months with 5 and 6 rows.\n *\n * 320px ≈ navButton height 32px\n * + calendar gap 16px\n * + day-of-week header 20px (12px font + 8px padding)\n * + 6 rows × 36px 216px\n * + popover padding 32px (16px × 2)\n * ------\n * 316px → rounded to 320px\n */\n._popover_qcyt7_161 {\n background: #fff;\n border-radius: 8px;\n box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25);\n padding: 16px;\n height: 320px;\n overflow: hidden;\n outline: none;\n font-family: var(--syntax-font-sans-serif);\n}\n\n/* Calendar */\n._calendar_qcyt7_117 {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n/* Calendar header (nav row) */\n._calendarHeader_qcyt7_180 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n\n._calendarHeading_qcyt7_187 {\n flex: 1;\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n color: var(--color-cambio-gray-700);\n}\n\n/* Prev / Next month buttons */\n._navButton_qcyt7_196 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border: none;\n border-radius: 50%;\n background: none;\n cursor: pointer;\n color: var(--color-cambio-gray-700);\n outline: none;\n flex-shrink: 0;\n}\n\n/* React Aria uses JS-managed data-hovered instead of CSS :hover\n * to handle cross-platform differences (e.g. sticky :hover on touch devices). */\n._navButton_qcyt7_196[data-hovered] {\n background-color: rgba(0, 0, 0, 0.1);\n}\n\n._navButton_qcyt7_196[data-focus-visible] {\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._navButton_qcyt7_196[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n/* Two-month grid container.\n * align-items: flex-start keeps both grids top-aligned so that\n * matching rows stay on the same horizontal line when the two\n * months have different row counts (e.g. 5 rows vs 6 rows). */\n._calendarGrids_qcyt7_230 {\n display: flex;\n align-items: flex-start;\n gap: 24px;\n}\n\n/* Individual month grid table – fixed 6 rows to prevent height shift */\n._calendarGrid_qcyt7_230 {\n border-collapse: collapse;\n}\n\n/* Day-of-week header cells */\n._dayHeader_qcyt7_242 {\n font-size: 12px;\n font-weight: 600;\n color: var(--color-cambio-gray-700);\n text-align: center;\n padding: 0 0 8px;\n width: 36px;\n}\n\n/*\n * Calendar day cells.\n * CalendarCell applies className to the <div role=\"button\"> element directly,\n * so all states can be targeted without nested selectors.\n */\n._cell_qcyt7_256 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n font-size: 14px;\n color: var(--color-cambio-gray-700);\n cursor: pointer;\n outline: none;\n}\n\n._cell_qcyt7_256:where(\n [data-hovered]:not([data-selected], [data-unavailable], [data-disabled])\n ) {\n background-color: rgba(0, 0, 0, 0.1);\n}\n\n._cell_qcyt7_256[data-outside-month] {\n visibility: hidden;\n}\n\n/* Cells within the selected range */\n._cell_qcyt7_256[data-selected] {\n background-color: var(--color-base-primary-100);\n color: var(--color-base-primary-700);\n}\n\n/* Start and end of the selected range */\n._cell_qcyt7_256[data-selection-start],\n._cell_qcyt7_256[data-selection-end] {\n background-color: var(--color-base-primary-700);\n color: #fff;\n}\n\n._cell_qcyt7_256[data-focused] {\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._cell_qcyt7_256[data-unavailable] {\n text-decoration: line-through;\n color: var(--color-cambio-gray-370);\n cursor: not-allowed;\n}\n\n._cell_qcyt7_256[data-disabled] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n"],"mappings":";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC90BF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;AC1DF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAcF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAOF;AACE;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAQF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAGE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;","names":[]}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DateRange, DateValue } from 'react-aria-components';
|
|
3
|
+
|
|
4
|
+
type DateRangePickerProps = {
|
|
5
|
+
/** Field label */
|
|
6
|
+
label: string;
|
|
7
|
+
/** Controlled value */
|
|
8
|
+
value?: DateRange | null;
|
|
9
|
+
/** Uncontrolled default value */
|
|
10
|
+
defaultValue?: DateRange | null;
|
|
11
|
+
/** Called when the selected range changes */
|
|
12
|
+
onChange?: (value: DateRange | null) => void;
|
|
13
|
+
/**
|
|
14
|
+
* Size of the input field
|
|
15
|
+
* @defaultValue "md"
|
|
16
|
+
*/
|
|
17
|
+
size?: "sm" | "md" | "lg";
|
|
18
|
+
/** Makes the date field required */
|
|
19
|
+
isRequired?: boolean;
|
|
20
|
+
/** Disables the picker */
|
|
21
|
+
isDisabled?: boolean;
|
|
22
|
+
/** Makes the picker read-only */
|
|
23
|
+
isReadOnly?: boolean;
|
|
24
|
+
/** Error message displayed below the field; also triggers invalid styling */
|
|
25
|
+
errorMessage?: string;
|
|
26
|
+
/** Helper text displayed below the field */
|
|
27
|
+
description?: string;
|
|
28
|
+
/** Earliest selectable date */
|
|
29
|
+
minValue?: DateValue;
|
|
30
|
+
/** Latest selectable date */
|
|
31
|
+
maxValue?: DateValue;
|
|
32
|
+
/** Callback to mark specific dates as unavailable */
|
|
33
|
+
isDateUnavailable?: (date: DateValue) => boolean;
|
|
34
|
+
/** HTML name attribute for the start date (form submission) */
|
|
35
|
+
startName?: string;
|
|
36
|
+
/** HTML name attribute for the end date (form submission) */
|
|
37
|
+
endName?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Whether the range can include unavailable dates.
|
|
40
|
+
* When true, the selected range may span across unavailable dates.
|
|
41
|
+
* @defaultValue false
|
|
42
|
+
*/
|
|
43
|
+
allowsNonContiguousRanges?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* BCP 47 locale string for date formatting and calendar localization.
|
|
46
|
+
* @defaultValue "en-US"
|
|
47
|
+
*/
|
|
48
|
+
locale?: string;
|
|
49
|
+
/** Test ID applied to the input group element */
|
|
50
|
+
"data-testid"?: string;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* [DateRangePicker](https://cambly-syntax.vercel.app/?path=/docs/components-daterangepicker--docs) allows users to select a date range via a text input with segment-based editing and a calendar popover.
|
|
54
|
+
*
|
|
55
|
+
* Example Usage:
|
|
56
|
+
* ```
|
|
57
|
+
* <DateRangePicker
|
|
58
|
+
* label="Trip dates"
|
|
59
|
+
* onChange={(range) => console.log(range)}
|
|
60
|
+
* />
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
declare function DateRangePicker({ label, value, defaultValue, onChange, size, isRequired, isDisabled, isReadOnly, errorMessage, description, minValue, maxValue, isDateUnavailable, startName, endName, allowsNonContiguousRanges, locale, "data-testid": dataTestId, }: DateRangePickerProps): ReactElement;
|
|
64
|
+
|
|
65
|
+
export { DateRangePickerProps, DateRangePicker as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import {
|
|
3
|
+
DateRangePicker
|
|
4
|
+
} from "../__chunks/NYSDSR25.js";
|
|
5
|
+
import "../__chunks/UMGPMP2M.js";
|
|
6
|
+
import "../__chunks/QIMMO3OB.js";
|
|
7
|
+
import "../__chunks/4U4UW4AK.js";
|
|
8
|
+
import "../__chunks/UWGNJENA.js";
|
|
9
|
+
export {
|
|
10
|
+
DateRangePicker as default
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=DateRangePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
RichSelectList_default
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/RMXSBLXK.js";
|
|
5
5
|
import "../__chunks/6DD253JL.js";
|
|
6
6
|
import "../__chunks/36DG472B.js";
|
|
7
7
|
import "../__chunks/RKBRB5TE.js";
|
|
@@ -12,7 +12,7 @@ import "../__chunks/576PJXFR.js";
|
|
|
12
12
|
import "../__chunks/ECZD66R2.js";
|
|
13
13
|
import "../__chunks/2VNVKKMK.js";
|
|
14
14
|
import "../__chunks/4U4UW4AK.js";
|
|
15
|
-
import "../__chunks/
|
|
15
|
+
import "../__chunks/FLKZW433.js";
|
|
16
16
|
import "../__chunks/XFZULXN6.js";
|
|
17
17
|
import "../__chunks/DDUJFFG7.js";
|
|
18
18
|
import "../__chunks/3YAHDPYE.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
SelectList
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/G3RWGOSX.js";
|
|
5
5
|
import "../__chunks/SPQ7DQHG.js";
|
|
6
|
-
import "../__chunks/
|
|
6
|
+
import "../__chunks/FLKZW433.js";
|
|
7
7
|
import "../__chunks/KKADUD65.js";
|
|
8
8
|
import "../__chunks/X552U42S.js";
|
|
9
9
|
import "../__chunks/4U4UW4AK.js";
|
package/dist/Toast/Toast.d.ts
CHANGED
|
@@ -25,8 +25,15 @@ type ToastProps = {
|
|
|
25
25
|
* @defaulValue `lightBackground`
|
|
26
26
|
*/
|
|
27
27
|
on?: "lightBackground" | "darkBackground";
|
|
28
|
+
/**
|
|
29
|
+
* If true, the toast will not automatically dismiss
|
|
30
|
+
*
|
|
31
|
+
* @defaultValue false
|
|
32
|
+
*/
|
|
33
|
+
persistent?: boolean;
|
|
28
34
|
/**
|
|
29
35
|
* The number of milliseconds to wait before automatically dismissing the toast
|
|
36
|
+
* If persistent is true, this prop will be ignored and the toast will not automatically dismiss
|
|
30
37
|
*
|
|
31
38
|
* @defaultValue 5000
|
|
32
39
|
*/
|
|
@@ -41,6 +48,6 @@ type ToastProps = {
|
|
|
41
48
|
/**
|
|
42
49
|
* [Toast](https://cambly-syntax.vercel.app/?path=/docs/components-toast--docs) is a component to display a small, dismissible notification.
|
|
43
50
|
*/
|
|
44
|
-
declare function Toast({ body, "data-testid": dataTestId, heading, icon: Icon, on, timeout, zIndex, }: ToastProps): JSX.Element;
|
|
51
|
+
declare function Toast({ body, "data-testid": dataTestId, heading, icon: Icon, on, persistent, timeout, zIndex, }: ToastProps): JSX.Element;
|
|
45
52
|
|
|
46
53
|
export { Toast as default };
|
package/dist/Toast/Toast.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 30 Mar 2026 23:59:20 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const SyntaxFontSansSerifBrand = \"'Garnett', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
ColorBaseDestructive700,
|
|
7
7
|
ColorBaseGray700,
|
|
8
8
|
ColorCambioWhite100
|
|
9
|
-
} from "./
|
|
9
|
+
} from "./FLKZW433.js";
|
|
10
10
|
import {
|
|
11
11
|
Focus_module_default
|
|
12
12
|
} from "./KKADUD65.js";
|
|
@@ -142,4 +142,4 @@ SelectList.Option = SelectOption_default;
|
|
|
142
142
|
export {
|
|
143
143
|
SelectList
|
|
144
144
|
};
|
|
145
|
-
//# sourceMappingURL=
|
|
145
|
+
//# sourceMappingURL=G3RWGOSX.js.map
|
|
@@ -20,16 +20,20 @@ function Toast({
|
|
|
20
20
|
heading,
|
|
21
21
|
icon: Icon,
|
|
22
22
|
on = "lightBackground",
|
|
23
|
+
persistent = false,
|
|
23
24
|
timeout = 5e3,
|
|
24
25
|
zIndex = 0
|
|
25
26
|
}) {
|
|
26
27
|
const [displayToast, setDisplayToast] = useState(true);
|
|
27
28
|
useEffect(() => {
|
|
29
|
+
if (persistent) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
28
32
|
const timeoutId = setTimeout(() => {
|
|
29
33
|
setDisplayToast(false);
|
|
30
34
|
}, timeout);
|
|
31
35
|
return () => clearTimeout(timeoutId);
|
|
32
|
-
}, [timeout]);
|
|
36
|
+
}, [persistent, timeout]);
|
|
33
37
|
return /* @__PURE__ */ jsxs(
|
|
34
38
|
Box_default,
|
|
35
39
|
{
|
|
@@ -75,4 +79,4 @@ function Toast({
|
|
|
75
79
|
export {
|
|
76
80
|
Toast
|
|
77
81
|
};
|
|
78
|
-
//# sourceMappingURL=
|
|
82
|
+
//# sourceMappingURL=JWVVIP4Z.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useState } from \"react\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport type InternalIcon from \"../Icon/Icon\";\n\nfunction typographyColor({\n on,\n}: {\n on: \"lightBackground\" | \"darkBackground\";\n}): \"white\" | \"gray900\" {\n return on === \"lightBackground\" ? \"white\" : \"gray900\";\n}\n\ntype ToastProps = {\n /**\n * The optional text of the toast under the heading\n */\n body?: string;\n /**\n * Test id for the toast\n */\n \"data-testid\"?: string;\n heading: string;\n /**\n * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n */\n icon?:\n | React.ComponentType<{ className?: string }>\n | React.ComponentType<ComponentProps<typeof InternalIcon>>;\n /**\n /**\n * Indicate whether the toast renders on a light or dark background. Changes the color of the toast\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * If true, the toast will not automatically dismiss\n *\n * @defaultValue false\n */\n persistent?: boolean;\n /**\n * The number of milliseconds to wait before automatically dismissing the toast\n * If persistent is true, this prop will be ignored and the toast will not automatically dismiss\n *\n * @defaultValue 5000\n */\n timeout?: number;\n /**\n * The z-index of the toast\n *\n * @defaultValue 0\n */\n zIndex?: number;\n};\n/**\n * [Toast](https://cambly-syntax.vercel.app/?path=/docs/components-toast--docs) is a component to display a small, dismissible notification.\n */\n\nexport default function Toast({\n body,\n \"data-testid\": dataTestId,\n heading,\n icon: Icon,\n on = \"lightBackground\",\n persistent = false,\n timeout = 5000,\n zIndex = 0,\n}: ToastProps): JSX.Element {\n const [displayToast, setDisplayToast] = useState<boolean>(true);\n\n useEffect(() => {\n if (persistent) {\n return;\n }\n const timeoutId = setTimeout(() => {\n setDisplayToast(false);\n }, timeout);\n return () => clearTimeout(timeoutId);\n }, [persistent, timeout]);\n\n return (\n <Box\n position=\"fixed\"\n width=\"fit-content\"\n marginStart=\"auto\"\n marginEnd=\"auto\"\n padding={4}\n rounding=\"md\"\n display={displayToast ? \"flex\" : \"none\"}\n gap={5}\n alignItems=\"center\"\n backgroundColor={on === \"lightBackground\" ? \"gray900\" : \"white\"}\n dangerouslySetInlineStyle={{\n __style: {\n left: 0,\n right: 0,\n bottom: 50,\n boxShadow: \"0px 16px 32px 0px rgba(0, 0, 0, 0.25)\",\n zIndex: zIndex,\n },\n }}\n data-testid={dataTestId}\n >\n {Icon && <Icon color={typographyColor({ on })} size={400} />}\n <Box display=\"flex\" direction=\"column\" gap={1}>\n <Typography\n size={300}\n weight=\"semiBold\"\n color={typographyColor({ on })}\n >\n {heading}\n </Typography>\n {body && (\n <Typography lineClamp={2} color={typographyColor({ on })}>\n {body}\n </Typography>\n )}\n </Box>\n </Box>\n );\n}\n"],"mappings":";;;;;;;;;AAAA,SAA8B,WAAW,gBAAgB;AAyG1C,cACT,YADS;AApGf,SAAS,gBAAgB;AAAA,EACvB;AACF,GAEwB;AACtB,SAAO,OAAO,oBAAoB,UAAU;AAC9C;AAiDe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,MAAM;AAAA,EACN,KAAK;AAAA,EACL,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AACX,GAA4B;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,IAAI;AAE9D,YAAU,MAAM;AACd,QAAI,YAAY;AACd;AAAA,IACF;AACA,UAAM,YAAY,WAAW,MAAM;AACjC,sBAAgB,KAAK;AAAA,IACvB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,SAAS;AAAA,EACrC,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAS;AAAA,MACT,SAAS,eAAe,SAAS;AAAA,MACjC,KAAK;AAAA,MACL,YAAW;AAAA,MACX,iBAAiB,OAAO,oBAAoB,YAAY;AAAA,MACxD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA,gBAAQ,oBAAC,QAAK,OAAO,gBAAgB,EAAE,GAAG,CAAC,GAAG,MAAM,KAAK;AAAA,QAC1D,qBAAC,eAAI,SAAQ,QAAO,WAAU,UAAS,KAAK,GAC1C;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,OAAO,gBAAgB,EAAE,GAAG,CAAC;AAAA,cAE5B;AAAA;AAAA,UACH;AAAA,UACC,QACC,oBAAC,sBAAW,WAAW,GAAG,OAAO,gBAAgB,EAAE,GAAG,CAAC,GACpD,gBACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import {
|
|
3
|
+
Icon_default
|
|
4
|
+
} from "./UMGPMP2M.js";
|
|
5
|
+
import {
|
|
6
|
+
__spreadProps,
|
|
7
|
+
__spreadValues
|
|
8
|
+
} from "./UWGNJENA.js";
|
|
9
|
+
|
|
10
|
+
// src/DateRangePicker/DateRangePicker.tsx
|
|
11
|
+
import { I18nProvider } from "react-aria";
|
|
12
|
+
import classNames from "classnames";
|
|
13
|
+
import {
|
|
14
|
+
DateRangePicker as ReactAriaDateRangePicker,
|
|
15
|
+
Label,
|
|
16
|
+
Group,
|
|
17
|
+
DateInput,
|
|
18
|
+
DateSegment,
|
|
19
|
+
Button,
|
|
20
|
+
FieldError,
|
|
21
|
+
Text,
|
|
22
|
+
Popover,
|
|
23
|
+
RangeCalendar,
|
|
24
|
+
CalendarGrid,
|
|
25
|
+
CalendarGridHeader,
|
|
26
|
+
CalendarGridBody,
|
|
27
|
+
CalendarCell,
|
|
28
|
+
Heading
|
|
29
|
+
} from "react-aria-components";
|
|
30
|
+
|
|
31
|
+
// ../syntax-icons/src/icons/Calendar.tsx
|
|
32
|
+
import { forwardRef } from "react";
|
|
33
|
+
import { jsx } from "react/jsx-runtime";
|
|
34
|
+
var Calendar = forwardRef(({ color, size }, ref) => {
|
|
35
|
+
const path = "M2.5 2v20h19V2zm2.111 17.895V5.158H19.39v14.737H4.61Zm4.222-6.316h-2.11v-2.105h2.11zm4.223 0h-2.112v-2.105h2.111zm4.222 0h-2.111v-2.105h2.11zm-4.222 4.21h-2.112v-2.105h2.112zm-4.223 0h-2.11v-2.105h2.11zm4.223-8.42h-2.112V7.262h2.112v2.105Zm4.222 0h-2.111V7.262h2.11v2.105Z";
|
|
36
|
+
return /* @__PURE__ */ jsx(Icon_default, { ref, path, color, size });
|
|
37
|
+
});
|
|
38
|
+
Calendar.displayName = "Calendar";
|
|
39
|
+
var Calendar_default = Calendar;
|
|
40
|
+
|
|
41
|
+
// ../syntax-icons/src/icons/ChevronLeft.tsx
|
|
42
|
+
import { forwardRef as forwardRef2 } from "react";
|
|
43
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
44
|
+
var ChevronLeft = forwardRef2(({ color, size }, ref) => {
|
|
45
|
+
const path = "m14.525 3 1.35 1.35L8.225 12l7.65 7.65-1.35 1.35-9-9z";
|
|
46
|
+
return /* @__PURE__ */ jsx2(Icon_default, { ref, path, color, size, rtlMirror: true });
|
|
47
|
+
});
|
|
48
|
+
ChevronLeft.displayName = "ChevronLeft";
|
|
49
|
+
var ChevronLeft_default = ChevronLeft;
|
|
50
|
+
|
|
51
|
+
// ../syntax-icons/src/icons/ChevronRight.tsx
|
|
52
|
+
import { forwardRef as forwardRef3 } from "react";
|
|
53
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
54
|
+
var ChevronRight = forwardRef3(({ color, size }, ref) => {
|
|
55
|
+
const path = "m9.475 21-1.35-1.35 7.65-7.65-7.65-7.65L9.475 3l9 9z";
|
|
56
|
+
return /* @__PURE__ */ jsx3(Icon_default, { ref, path, color, size, rtlMirror: true });
|
|
57
|
+
});
|
|
58
|
+
ChevronRight.displayName = "ChevronRight";
|
|
59
|
+
var ChevronRight_default = ChevronRight;
|
|
60
|
+
|
|
61
|
+
// css-module:./DateRangePicker.module.css#css-module
|
|
62
|
+
var DateRangePicker_module_default = { "root": "_root_qcyt7_2", "label": "_label_qcyt7_11", "group": "_group_qcyt7_19", "sm": "_sm_qcyt7_45", "md": "_md_qcyt7_51", "lg": "_lg_qcyt7_57", "dateInput": "_dateInput_qcyt7_64", "segment": "_segment_qcyt7_72", "separator": "_separator_qcyt7_109", "calendarButton": "_calendarButton_qcyt7_117", "description": "_description_qcyt7_140", "errorMessage": "_errorMessage_qcyt7_145", "popover": "_popover_qcyt7_161", "calendar": "_calendar_qcyt7_117", "calendarHeader": "_calendarHeader_qcyt7_180", "calendarHeading": "_calendarHeading_qcyt7_187", "navButton": "_navButton_qcyt7_196", "calendarGrids": "_calendarGrids_qcyt7_230", "calendarGrid": "_calendarGrid_qcyt7_230", "dayHeader": "_dayHeader_qcyt7_242", "cell": "_cell_qcyt7_256" };
|
|
63
|
+
|
|
64
|
+
// src/DateRangePicker/DateRangePicker.tsx
|
|
65
|
+
import { jsx as jsx4, jsxs } from "react/jsx-runtime";
|
|
66
|
+
var NEXT_MONTH = { months: 1 };
|
|
67
|
+
function padSegment(segment) {
|
|
68
|
+
if ((segment.type === "month" || segment.type === "day") && !segment.isPlaceholder && segment.text.length === 1) {
|
|
69
|
+
return __spreadProps(__spreadValues({}, segment), { text: segment.text.padStart(2, "0") });
|
|
70
|
+
}
|
|
71
|
+
return segment;
|
|
72
|
+
}
|
|
73
|
+
function DateRangePicker({
|
|
74
|
+
label,
|
|
75
|
+
value,
|
|
76
|
+
defaultValue,
|
|
77
|
+
onChange,
|
|
78
|
+
size = "md",
|
|
79
|
+
isRequired,
|
|
80
|
+
isDisabled,
|
|
81
|
+
isReadOnly,
|
|
82
|
+
errorMessage,
|
|
83
|
+
description,
|
|
84
|
+
minValue,
|
|
85
|
+
maxValue,
|
|
86
|
+
isDateUnavailable,
|
|
87
|
+
startName,
|
|
88
|
+
endName,
|
|
89
|
+
allowsNonContiguousRanges,
|
|
90
|
+
locale = "en-US",
|
|
91
|
+
"data-testid": dataTestId
|
|
92
|
+
}) {
|
|
93
|
+
return /* @__PURE__ */ jsx4(I18nProvider, { locale, children: /* @__PURE__ */ jsxs(
|
|
94
|
+
ReactAriaDateRangePicker,
|
|
95
|
+
{
|
|
96
|
+
value,
|
|
97
|
+
defaultValue,
|
|
98
|
+
onChange,
|
|
99
|
+
isRequired,
|
|
100
|
+
isDisabled,
|
|
101
|
+
isReadOnly,
|
|
102
|
+
isInvalid: !!errorMessage,
|
|
103
|
+
minValue,
|
|
104
|
+
maxValue,
|
|
105
|
+
isDateUnavailable,
|
|
106
|
+
startName,
|
|
107
|
+
endName,
|
|
108
|
+
shouldCloseOnSelect: true,
|
|
109
|
+
className: DateRangePicker_module_default.root,
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ jsx4(Label, { className: DateRangePicker_module_default.label, children: label }),
|
|
112
|
+
/* @__PURE__ */ jsxs(
|
|
113
|
+
Group,
|
|
114
|
+
{
|
|
115
|
+
"data-testid": dataTestId,
|
|
116
|
+
className: classNames(DateRangePicker_module_default.group, DateRangePicker_module_default[size]),
|
|
117
|
+
children: [
|
|
118
|
+
/* @__PURE__ */ jsx4(DateInput, { slot: "start", className: DateRangePicker_module_default.dateInput, children: (segment) => /* @__PURE__ */ jsx4(
|
|
119
|
+
DateSegment,
|
|
120
|
+
{
|
|
121
|
+
segment: padSegment(segment),
|
|
122
|
+
className: DateRangePicker_module_default.segment
|
|
123
|
+
}
|
|
124
|
+
) }),
|
|
125
|
+
/* @__PURE__ */ jsx4("span", { className: DateRangePicker_module_default.separator, "aria-hidden": "true", children: "\u2013" }),
|
|
126
|
+
/* @__PURE__ */ jsx4(DateInput, { slot: "end", className: DateRangePicker_module_default.dateInput, children: (segment) => /* @__PURE__ */ jsx4(
|
|
127
|
+
DateSegment,
|
|
128
|
+
{
|
|
129
|
+
segment: padSegment(segment),
|
|
130
|
+
className: DateRangePicker_module_default.segment
|
|
131
|
+
}
|
|
132
|
+
) }),
|
|
133
|
+
/* @__PURE__ */ jsx4(Button, { className: DateRangePicker_module_default.calendarButton, children: /* @__PURE__ */ jsx4(Calendar_default, { size: 200, color: "gray700" }) })
|
|
134
|
+
]
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
description && /* @__PURE__ */ jsx4(Text, { slot: "description", className: DateRangePicker_module_default.description, children: description }),
|
|
138
|
+
errorMessage && /* @__PURE__ */ jsx4(FieldError, { className: DateRangePicker_module_default.errorMessage, children: errorMessage }),
|
|
139
|
+
/* @__PURE__ */ jsx4(Popover, { className: DateRangePicker_module_default.popover, children: /* @__PURE__ */ jsxs(
|
|
140
|
+
RangeCalendar,
|
|
141
|
+
{
|
|
142
|
+
visibleDuration: { months: 2 },
|
|
143
|
+
allowsNonContiguousRanges,
|
|
144
|
+
className: DateRangePicker_module_default.calendar,
|
|
145
|
+
children: [
|
|
146
|
+
/* @__PURE__ */ jsxs("header", { className: DateRangePicker_module_default.calendarHeader, children: [
|
|
147
|
+
/* @__PURE__ */ jsx4(Button, { slot: "previous", className: DateRangePicker_module_default.navButton, children: /* @__PURE__ */ jsx4(ChevronLeft_default, { size: 100, color: "gray700" }) }),
|
|
148
|
+
/* @__PURE__ */ jsx4(Heading, { className: DateRangePicker_module_default.calendarHeading }),
|
|
149
|
+
/* @__PURE__ */ jsx4(Button, { slot: "next", className: DateRangePicker_module_default.navButton, children: /* @__PURE__ */ jsx4(ChevronRight_default, { size: 100, color: "gray700" }) })
|
|
150
|
+
] }),
|
|
151
|
+
/* @__PURE__ */ jsxs("div", { className: DateRangePicker_module_default.calendarGrids, children: [
|
|
152
|
+
/* @__PURE__ */ jsxs(CalendarGrid, { className: DateRangePicker_module_default.calendarGrid, children: [
|
|
153
|
+
/* @__PURE__ */ jsx4(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx4("th", { className: DateRangePicker_module_default.dayHeader, scope: "col", children: day }) }),
|
|
154
|
+
/* @__PURE__ */ jsx4(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx4(CalendarCell, { date, className: DateRangePicker_module_default.cell }) })
|
|
155
|
+
] }),
|
|
156
|
+
/* @__PURE__ */ jsxs(CalendarGrid, { offset: NEXT_MONTH, className: DateRangePicker_module_default.calendarGrid, children: [
|
|
157
|
+
/* @__PURE__ */ jsx4(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx4("th", { className: DateRangePicker_module_default.dayHeader, scope: "col", children: day }) }),
|
|
158
|
+
/* @__PURE__ */ jsx4(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx4(CalendarCell, { date, className: DateRangePicker_module_default.cell }) })
|
|
159
|
+
] })
|
|
160
|
+
] })
|
|
161
|
+
]
|
|
162
|
+
}
|
|
163
|
+
) })
|
|
164
|
+
]
|
|
165
|
+
}
|
|
166
|
+
) });
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
export {
|
|
170
|
+
DateRangePicker
|
|
171
|
+
};
|
|
172
|
+
//# sourceMappingURL=NYSDSR25.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/DateRangePicker/DateRangePicker.tsx","../../../syntax-icons/src/icons/Calendar.tsx","../../../syntax-icons/src/icons/ChevronLeft.tsx","../../../syntax-icons/src/icons/ChevronRight.tsx","css-module:./DateRangePicker.module.css#css-module"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport { I18nProvider } from \"react-aria\";\nimport classNames from \"classnames\";\nimport {\n DateRangePicker as ReactAriaDateRangePicker,\n Label,\n Group,\n DateInput,\n DateSegment,\n Button,\n FieldError,\n Text,\n Popover,\n RangeCalendar,\n CalendarGrid,\n CalendarGridHeader,\n CalendarGridBody,\n CalendarCell,\n Heading,\n type DateValue,\n type DateRange,\n} from \"react-aria-components\";\nimport type { DateSegment as DateSegmentData } from \"react-stately\";\nimport Calendar from \"../../../syntax-icons/src/icons/Calendar\";\nimport ChevronLeft from \"../../../syntax-icons/src/icons/ChevronLeft\";\nimport ChevronRight from \"../../../syntax-icons/src/icons/ChevronRight\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type DateRangePickerProps = {\n /** Field label */\n label: string;\n /** Controlled value */\n value?: DateRange | null;\n /** Uncontrolled default value */\n defaultValue?: DateRange | null;\n /** Called when the selected range changes */\n onChange?: (value: DateRange | null) => void;\n /**\n * Size of the input field\n * @defaultValue \"md\"\n */\n size?: \"sm\" | \"md\" | \"lg\";\n /** Makes the date field required */\n isRequired?: boolean;\n /** Disables the picker */\n isDisabled?: boolean;\n /** Makes the picker read-only */\n isReadOnly?: boolean;\n /** Error message displayed below the field; also triggers invalid styling */\n errorMessage?: string;\n /** Helper text displayed below the field */\n description?: string;\n /** Earliest selectable date */\n minValue?: DateValue;\n /** Latest selectable date */\n maxValue?: DateValue;\n /** Callback to mark specific dates as unavailable */\n isDateUnavailable?: (date: DateValue) => boolean;\n /** HTML name attribute for the start date (form submission) */\n startName?: string;\n /** HTML name attribute for the end date (form submission) */\n endName?: string;\n /**\n * Whether the range can include unavailable dates.\n * When true, the selected range may span across unavailable dates.\n * @defaultValue false\n */\n allowsNonContiguousRanges?: boolean;\n /**\n * BCP 47 locale string for date formatting and calendar localization.\n * @defaultValue \"en-US\"\n */\n locale?: string;\n /** Test ID applied to the input group element */\n \"data-testid\"?: string;\n};\n\nconst NEXT_MONTH = { months: 1 };\n\n// 2026/1/1 -> 2026/01/01\n// to avoid layout shift, we pad the segment with a leading zero if it is a single digit\nfunction padSegment(segment: DateSegmentData): DateSegmentData {\n if (\n (segment.type === \"month\" || segment.type === \"day\") &&\n !segment.isPlaceholder &&\n segment.text.length === 1\n ) {\n return { ...segment, text: segment.text.padStart(2, \"0\") };\n }\n return segment;\n}\n\n/**\n * [DateRangePicker](https://cambly-syntax.vercel.app/?path=/docs/components-daterangepicker--docs) allows users to select a date range via a text input with segment-based editing and a calendar popover.\n *\n * Example Usage:\n * ```\n * <DateRangePicker\n * label=\"Trip dates\"\n * onChange={(range) => console.log(range)}\n * />\n * ```\n */\nexport default function DateRangePicker({\n label,\n value,\n defaultValue,\n onChange,\n size = \"md\",\n isRequired,\n isDisabled,\n isReadOnly,\n errorMessage,\n description,\n minValue,\n maxValue,\n isDateUnavailable,\n startName,\n endName,\n allowsNonContiguousRanges,\n locale = \"en-US\",\n \"data-testid\": dataTestId,\n}: DateRangePickerProps): ReactElement {\n return (\n <I18nProvider locale={locale}>\n <ReactAriaDateRangePicker\n value={value}\n defaultValue={defaultValue}\n onChange={onChange}\n isRequired={isRequired}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={!!errorMessage}\n minValue={minValue}\n maxValue={maxValue}\n isDateUnavailable={isDateUnavailable}\n startName={startName}\n endName={endName}\n shouldCloseOnSelect\n className={styles.root}\n >\n <Label className={styles.label}>{label}</Label>\n <Group\n data-testid={dataTestId}\n className={classNames(styles.group, styles[size])}\n >\n <DateInput slot=\"start\" className={styles.dateInput}>\n {(segment: DateSegmentData) => (\n <DateSegment\n segment={padSegment(segment)}\n className={styles.segment}\n />\n )}\n </DateInput>\n <span className={styles.separator} aria-hidden=\"true\">\n –\n </span>\n <DateInput slot=\"end\" className={styles.dateInput}>\n {(segment: DateSegmentData) => (\n <DateSegment\n segment={padSegment(segment)}\n className={styles.segment}\n />\n )}\n </DateInput>\n <Button className={styles.calendarButton}>\n <Calendar size={200} color=\"gray700\" />\n </Button>\n </Group>\n {description && (\n <Text slot=\"description\" className={styles.description}>\n {description}\n </Text>\n )}\n {errorMessage && (\n <FieldError className={styles.errorMessage}>\n {errorMessage}\n </FieldError>\n )}\n <Popover className={styles.popover}>\n <RangeCalendar\n visibleDuration={{ months: 2 }}\n allowsNonContiguousRanges={allowsNonContiguousRanges}\n className={styles.calendar}\n >\n <header className={styles.calendarHeader}>\n <Button slot=\"previous\" className={styles.navButton}>\n <ChevronLeft size={100} color=\"gray700\" />\n </Button>\n <Heading className={styles.calendarHeading} />\n <Button slot=\"next\" className={styles.navButton}>\n <ChevronRight size={100} color=\"gray700\" />\n </Button>\n </header>\n <div className={styles.calendarGrids}>\n <CalendarGrid className={styles.calendarGrid}>\n <CalendarGridHeader>\n {(day) => (\n <th className={styles.dayHeader} scope=\"col\">\n {day}\n </th>\n )}\n </CalendarGridHeader>\n <CalendarGridBody>\n {(date) => (\n <CalendarCell date={date} className={styles.cell} />\n )}\n </CalendarGridBody>\n </CalendarGrid>\n <CalendarGrid offset={NEXT_MONTH} className={styles.calendarGrid}>\n <CalendarGridHeader>\n {(day) => (\n <th className={styles.dayHeader} scope=\"col\">\n {day}\n </th>\n )}\n </CalendarGridHeader>\n <CalendarGridBody>\n {(date) => (\n <CalendarCell date={date} className={styles.cell} />\n )}\n </CalendarGridBody>\n </CalendarGrid>\n </div>\n </RangeCalendar>\n </Popover>\n </ReactAriaDateRangePicker>\n </I18nProvider>\n );\n}\n","import { type ComponentProps, forwardRef } from \"react\";\nimport Icon from \"../../../syntax-core/src/Icon/Icon\";\nconst Calendar = forwardRef<\n SVGSVGElement,\n Omit<ComponentProps<typeof Icon>, \"path\">\n>(({ color, size }, ref) => {\n const path =\n \"M2.5 2v20h19V2zm2.111 17.895V5.158H19.39v14.737H4.61Zm4.222-6.316h-2.11v-2.105h2.11zm4.223 0h-2.112v-2.105h2.111zm4.222 0h-2.111v-2.105h2.11zm-4.222 4.21h-2.112v-2.105h2.112zm-4.223 0h-2.11v-2.105h2.11zm4.223-8.42h-2.112V7.262h2.112v2.105Zm4.222 0h-2.111V7.262h2.11v2.105Z\";\n return <Icon ref={ref} path={path} color={color} size={size} />;\n});\nCalendar.displayName = \"Calendar\";\nexport default Calendar;\n","import { type ComponentProps, forwardRef } from \"react\";\nimport Icon from \"../../../syntax-core/src/Icon/Icon\";\nconst ChevronLeft = forwardRef<\n SVGSVGElement,\n Omit<ComponentProps<typeof Icon>, \"path\">\n>(({ color, size }, ref) => {\n const path = \"m14.525 3 1.35 1.35L8.225 12l7.65 7.65-1.35 1.35-9-9z\";\n return <Icon ref={ref} path={path} color={color} size={size} rtlMirror />;\n});\nChevronLeft.displayName = \"ChevronLeft\";\nexport default ChevronLeft;\n","import { type ComponentProps, forwardRef } from \"react\";\nimport Icon from \"../../../syntax-core/src/Icon/Icon\";\nconst ChevronRight = forwardRef<\n SVGSVGElement,\n Omit<ComponentProps<typeof Icon>, \"path\">\n>(({ color, size }, ref) => {\n const path = \"m9.475 21-1.35-1.35 7.65-7.65-7.65-7.65L9.475 3l9 9z\";\n return <Icon ref={ref} path={path} color={color} size={size} rtlMirror />;\n});\nChevronRight.displayName = \"ChevronRight\";\nexport default ChevronRight;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/DateRangePicker/DateRangePicker.module.css\"; export default {\"root\":\"_root_qcyt7_2\",\"label\":\"_label_qcyt7_11\",\"group\":\"_group_qcyt7_19\",\"sm\":\"_sm_qcyt7_45\",\"md\":\"_md_qcyt7_51\",\"lg\":\"_lg_qcyt7_57\",\"dateInput\":\"_dateInput_qcyt7_64\",\"segment\":\"_segment_qcyt7_72\",\"separator\":\"_separator_qcyt7_109\",\"calendarButton\":\"_calendarButton_qcyt7_117\",\"description\":\"_description_qcyt7_140\",\"errorMessage\":\"_errorMessage_qcyt7_145\",\"popover\":\"_popover_qcyt7_161\",\"calendar\":\"_calendar_qcyt7_117\",\"calendarHeader\":\"_calendarHeader_qcyt7_180\",\"calendarHeading\":\"_calendarHeading_qcyt7_187\",\"navButton\":\"_navButton_qcyt7_196\",\"calendarGrids\":\"_calendarGrids_qcyt7_230\",\"calendarGrid\":\"_calendarGrid_qcyt7_230\",\"dayHeader\":\"_dayHeader_qcyt7_242\",\"cell\":\"_cell_qcyt7_256\"}"],"mappings":"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","names":["forwardRef","jsx","forwardRef","forwardRef","jsx","forwardRef","jsx"]}
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
ColorBaseDestructive700,
|
|
15
15
|
ColorBaseGray700,
|
|
16
16
|
ColorCambioWhite100
|
|
17
|
-
} from "./
|
|
17
|
+
} from "./FLKZW433.js";
|
|
18
18
|
import {
|
|
19
19
|
RichSelectSection_default
|
|
20
20
|
} from "./XFZULXN6.js";
|
|
@@ -293,4 +293,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
|
|
|
293
293
|
export {
|
|
294
294
|
RichSelectList_default
|
|
295
295
|
};
|
|
296
|
-
//# sourceMappingURL=
|
|
296
|
+
//# sourceMappingURL=RMXSBLXK.js.map
|