@povio/ui 4.0.2 → 5.0.0-rc.1
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/README.md +37 -0
- package/dist/{Accordion-CB1F5YAY.js → Accordion-CzFKi8Bp.js} +14 -16
- package/dist/{Alert-BALBsBrP.js → Alert-T25LY8ZL.js} +22 -22
- package/dist/{Alert-CbEhRaU5.d.ts → Alert-f1dG-4Uy.d.ts} +2 -2
- package/dist/{AlertDialog-PjYM6lDo.d.ts → AlertDialog-B6R2MbNg.d.ts} +2 -2
- package/dist/{Autocomplete-DE2lQi5o.d.ts → Autocomplete-CQ63Cynd.d.ts} +1 -1
- package/dist/{Badge-CjPpYa50.d.ts → Badge-YKlKz-Jy.d.ts} +3 -4
- package/dist/{BottomSheet-CVTF1wQe.js → BottomSheet-DvqBvth_.js} +11 -11
- package/dist/{BottomSheet-CT0zuola.d.ts → BottomSheet-xaymO7aQ.d.ts} +1 -1
- package/dist/{BottomSheet.lazy-7AwnB4vS.d.ts → BottomSheet.lazy-CGBRPve_.d.ts} +1 -1
- package/dist/{Breadcrumbs-BibAIBhY.js → Breadcrumbs-DiIYJAWf.js} +10 -12
- package/dist/{Breadcrumbs-D-3YEuem.d.ts → Breadcrumbs-DyriI-Bi.d.ts} +1 -1
- package/dist/{Button-DTNjsGx5.d.ts → Button-BZ3is6IU.d.ts} +3 -3
- package/dist/Button-sn52l1Yv.js +506 -0
- package/dist/{ButtonContent-CohuJJzG.js → ButtonContent-B2_dZ6vA.js} +4 -4
- package/dist/{Calendar-kSEji28A.js → Calendar-DzQApBCy.js} +14 -14
- package/dist/{CheckContent-DzWpxKGq.js → CheckContent-DZ7Gk8GS.js} +3 -4
- package/dist/{Checkbox-DBV_Nxtq.js → Checkbox-BepzfVfK.js} +4 -4
- package/dist/{Checkbox-CBybJbLm.d.ts → Checkbox-CHpgW3fI.d.ts} +1 -1
- package/dist/{CheckboxCheckmark-DJue5Aej.js → CheckboxCheckmark-B3lnOjsU.js} +24 -48
- package/dist/{CheckboxGroup-4xoWgmxr.d.ts → CheckboxGroup-CXrR3A-c.d.ts} +3 -3
- package/dist/{DatePicker-CjmXaZ9T.d.ts → DatePicker-B3l9TEjW.d.ts} +3 -3
- package/dist/{DatePicker-BbdtBAGN.js → DatePicker-CI87jC4_.js} +8 -8
- package/dist/{DatePickerInput-CdCtVE9z.d.ts → DatePickerInput-CZTEsrS0.d.ts} +3 -3
- package/dist/{DatePickerInput-eyHwzKPm.js → DatePickerInput-UBZcTmdv.js} +24 -26
- package/dist/{DateRangePicker-Ct182qur.js → DateRangePicker-BX2O5zA8.js} +17 -17
- package/dist/{DateRangePicker-D1kjkFfS.d.ts → DateRangePicker-DKkc2B3n.d.ts} +3 -3
- package/dist/{DateTimePicker-taYHMMYi.js → DateTimePicker-CVfkp45w.js} +8 -8
- package/dist/{DateTimePicker-CT_Pm3KB.d.ts → DateTimePicker-IHr-wPq8.d.ts} +3 -3
- package/dist/{Dialog-BE9BSDDl.js → Dialog-DdRP4YFC.js} +1 -1
- package/dist/{DropdownMenu-CZQRzOBb.d.ts → DropdownMenu-CWDhk3XA.d.ts} +2 -2
- package/dist/{DropdownMenu-tuf1W-IL.js → DropdownMenu-zrodtd44.js} +2 -2
- package/dist/{DropdownMenuDesktop-C9ttysuk.js → DropdownMenuDesktop-CGYxsavQ.js} +9 -9
- package/dist/{FileInput-CI8D_wf_.d.ts → FileInput-BQbn77bE.d.ts} +5 -5
- package/dist/{FileInput-B-ADr0B3.js → FileInput-Dz1eESr_.js} +16 -20
- package/dist/{FileUpload-3-4Vt4f1.js → FileUpload-D3Io7Is5.js} +48 -58
- package/dist/{FileUpload-BrnJdN3M.d.ts → FileUpload-qySCMcLn.d.ts} +1 -1
- package/dist/{FileUploadContainer-CkBENy6n.d.ts → FileUploadContainer-qOyGvb5J.d.ts} +1 -1
- package/dist/{Form-mzpVGNjX.d.ts → Form-u_N_6mwo.d.ts} +1 -1
- package/dist/{FormField-DTDj3F0A.d.ts → FormField-B0miX3gu.d.ts} +1 -1
- package/dist/{FormField-CAcDJ4HC.js → FormField-CHD4OJOt.js} +38 -37
- package/dist/{FormFieldError-CFg0Wn3i.js → FormFieldError-QRAFHUTt.js} +2 -2
- package/dist/{FormFieldHeaderTooltip-C2IDI4ac.js → FormFieldHeaderTooltip-Dl24v4_j.js} +2 -2
- package/dist/{IconButton-CYazzM7I.d.ts → IconButton-KXecZgYX.d.ts} +2 -2
- package/dist/{InlineIconButton-Rp5bXWcQ.d.ts → InlineIconButton-CbKZ2U_a.d.ts} +2 -2
- package/dist/{InlineTooltipWrapper-7HG-g2X3.js → InlineTooltipWrapper-g5yoeH1B.js} +1 -1
- package/dist/{Input-DSHFNEVl.d.ts → Input-efmPwk8f.d.ts} +3 -3
- package/dist/{InputContent-CvWm6GAv.d.ts → InputContent-DuBa9FuI.d.ts} +3 -3
- package/dist/{InputItem-B3PlrjuD.js → InputItem-2zf6QI5L.js} +11 -11
- package/dist/{Inputs-WZmrBWrL.js → Inputs-BceDTmdT.js} +1 -1
- package/dist/{Inputs-CHEDcuP0.d.ts → Inputs-C-w03Q_F.d.ts} +1 -1
- package/dist/{Link-C5YsZ4pr.js → Link-Btxj2gzg.js} +1 -1
- package/dist/{Link-DS9-0Ijl.d.ts → Link-QYpprkN1.d.ts} +1 -1
- package/dist/{MenuItem-CROWrE2A.d.ts → MenuItem--Mjd_yK8.d.ts} +1 -1
- package/dist/{NumberField-BICDQ2gN.d.ts → NumberField-z2JatYK0.d.ts} +3 -3
- package/dist/{NumberRangeInput-X8G1zfNM.js → NumberRangeInput-BxVrHq8R.js} +7 -7
- package/dist/{NumberRangeInput-BlGXChNR.d.ts → NumberRangeInput-Chai3iEi.d.ts} +2 -2
- package/dist/{Pagination-CumQED8X.d.ts → Pagination-CXtIDclf.d.ts} +1 -1
- package/dist/{PaginationList-CmOJo2r2.js → PaginationList-0bAmvXC0.js} +12 -20
- package/dist/{PaginationList-D79ApWLm.d.ts → PaginationList-CXG4jWFD.d.ts} +2 -2
- package/dist/{PasswordInput-BdrYD1D3.d.ts → PasswordInput-ub2TQxef.d.ts} +1 -1
- package/dist/{PillButton-CihEPQye.d.ts → PillButton-DASBXLFB.d.ts} +2 -2
- package/dist/{Popover-C0_-TLl_.d.ts → Popover-DUKH0q9u.d.ts} +2 -2
- package/dist/{Progress-_jkt2pQw.js → Progress-DQWiFP0L.js} +5 -6
- package/dist/{Progress-CYfDXJKs.d.ts → Progress-Dho39FDs.d.ts} +1 -1
- package/dist/{QuerySelect-Bpz-qI9h.d.ts → QuerySelect-Bo1K6gi_.d.ts} +2 -2
- package/dist/{RadioGroup-WHWosz7K.d.ts → RadioGroup-B_zJdn4y.d.ts} +3 -3
- package/dist/{RadioGroup-DW_OQQDu.js → RadioGroup-SSZYch-J.js} +19 -22
- package/dist/{RichTextEditor-CbgjRfiU.d.ts → RichTextEditor-B_JX3nor.d.ts} +1 -1
- package/dist/{RichTextEditor-BOTitK7E.js → RichTextEditor-D6RewmRj.js} +25 -17
- package/dist/{Select-DmLkOMr1.js → Select-CuZDkeQs.js} +8 -14
- package/dist/{Select-wzB2aQ_X.d.ts → Select-DeapZMYx.d.ts} +1 -1
- package/dist/{SelectBase-DefgAEzh.d.ts → SelectBase-7SE9Za2r.d.ts} +3 -3
- package/dist/{Slider-CZMNmk6P.d.ts → Slider-BFViQmM3.d.ts} +1 -1
- package/dist/{Slider-Q87Hg_V2.js → Slider-DJ9K_a-x.js} +10 -10
- package/dist/{Spinner-owSXOEzg.js → Spinner-BEYBu85B.js} +1 -1
- package/dist/{Spinner-BOgO9bS6.d.ts → Spinner-BbcI6IOb.d.ts} +1 -1
- package/dist/{SplitButton-BPZbQeYC.d.ts → SplitButton-lL87EcBL.d.ts} +3 -3
- package/dist/{Stepper-BbO9TlOM.js → Stepper-C1YPgTBG.js} +26 -29
- package/dist/{Stepper-PcHlxDD5.d.ts → Stepper-hlhViuaK.d.ts} +11 -11
- package/dist/{Switch-C0S5Juhf.d.ts → Switch-DPftmB1b.d.ts} +1 -1
- package/dist/{Switch-Cylpjatb.js → Switch-JxRmH1dX.js} +15 -23
- package/dist/Tag-Cch_68QO.d.ts +43 -0
- package/dist/Tag-HiDH438e.js +145 -0
- package/dist/{TextArea-CBWJ7w-p.d.ts → TextArea-BhrCBGbq.d.ts} +2 -2
- package/dist/{TextArea-DZv6XaT0.js → TextArea-gikUKKDl.js} +6 -6
- package/dist/{TextButton-D7e_YBLe.d.ts → TextButton-DnXRykhF.d.ts} +4 -4
- package/dist/{TimePicker-BZ4WrI5Z.d.ts → TimePicker-CmT89X7v.d.ts} +2 -2
- package/dist/{TimePicker-DAoHgk8U.js → TimePicker-DtNTOOGr.js} +10 -10
- package/dist/{Toast-DIlYlUQk.d.ts → Toast-B4cXs2rj.d.ts} +1 -1
- package/dist/{ToastContainer-8X5jGBe7.js → ToastContainer-BbsMIwtC.js} +2 -2
- package/dist/{ToggleButton-D4y2fLmN.d.ts → ToggleButton-BGuzPJDO.d.ts} +2 -2
- package/dist/{ToggleGroup-Cho_oRZh.js → ToggleGroup-Cl0NS3fe.js} +16 -11
- package/dist/{Tooltip-B-2AxyjP.d.ts → Tooltip-D7dNwGy9.d.ts} +8 -8
- package/dist/{Tooltip-D94a1IQl.js → Tooltip-aE1Vswxz.js} +11 -12
- package/dist/{TooltipWrapper-S2JC-w4e.js → TooltipWrapper-CRf-JFeo.js} +4 -4
- package/dist/{Typography-AcUd9df8.js → Typography-B0Gp1lpc.js} +1 -1
- package/dist/{Typography-BWmZd20e.d.ts → Typography-BiuidzDC.d.ts} +1 -1
- package/dist/{autocomplete-CaQSVRrw.d.ts → autocomplete-BJ7rqWa4.d.ts} +2 -2
- package/dist/{button.cva-ChabF4Am.d.ts → button.cva-BvRI-3Gn.d.ts} +11 -29
- package/dist/{buttonContent.cva-CP857foM.d.ts → buttonContent.cva-BDT_CReI.d.ts} +1 -1
- package/dist/{checkbox-D8CPWRlM.d.ts → checkbox-BfcE8J5P.d.ts} +1 -1
- package/dist/{checkbox-group-BuPUA_Qj.d.ts → checkbox-group-CHs2wFHS.d.ts} +1 -1
- package/dist/{checkbox.cva-DwnPS5df.d.ts → checkbox.cva-gv87kr1W.d.ts} +3 -5
- package/dist/components/accordion.js +1 -1
- package/dist/components/alert-dialog.d.ts +1 -1
- package/dist/components/alert-dialog.js +7 -7
- package/dist/components/alert.d.ts +1 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/autocomplete.d.ts +1 -1
- package/dist/components/autocomplete.js +4 -4
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js +19 -22
- package/dist/components/bottom-sheet.d.ts +2 -2
- package/dist/components/bottom-sheet.js +1 -1
- package/dist/components/breadcrumbs.d.ts +1 -1
- package/dist/components/breadcrumbs.js +1 -1
- package/dist/components/button.d.ts +2 -2
- package/dist/components/button.js +1 -1
- package/dist/components/checkbox-group.d.ts +1 -1
- package/dist/components/checkbox-group.js +5 -5
- package/dist/components/checkbox.d.ts +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/date-picker.d.ts +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/date-range-picker.d.ts +1 -1
- package/dist/components/date-range-picker.js +1 -1
- package/dist/components/date-time-picker.d.ts +1 -1
- package/dist/components/date-time-picker.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/drawer.js +2 -2
- package/dist/components/dropdown-menu.d.ts +2 -2
- package/dist/components/dropdown-menu.js +2 -2
- package/dist/components/file-input.d.ts +1 -1
- package/dist/components/file-input.js +1 -1
- package/dist/components/file-upload-container.d.ts +2 -2
- package/dist/components/file-upload-container.js +1 -1
- package/dist/components/file-upload.d.ts +2 -2
- package/dist/components/file-upload.js +1 -1
- package/dist/components/form-field.d.ts +1 -1
- package/dist/components/form-field.js +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/icon-button.js +2 -2
- package/dist/components/inline-icon-button.d.ts +1 -1
- package/dist/components/inline-icon-button.js +2 -2
- package/dist/components/input.d.ts +1 -1
- package/dist/components/input.js +6 -6
- package/dist/components/link.d.ts +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/number-field.d.ts +1 -1
- package/dist/components/number-field.js +6 -6
- package/dist/components/number-range-input.d.ts +1 -1
- package/dist/components/number-range-input.js +1 -1
- package/dist/components/pagination-list.d.ts +1 -1
- package/dist/components/pagination-list.js +1 -1
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.js +5 -6
- package/dist/components/password-input.d.ts +1 -1
- package/dist/components/pill-button.d.ts +1 -1
- package/dist/components/pill-button.js +2 -2
- package/dist/components/popover.d.ts +1 -1
- package/dist/components/popover.js +2 -2
- package/dist/components/progress.d.ts +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/query-autocomplete.d.ts +2 -2
- package/dist/components/query-autocomplete.js +2 -2
- package/dist/components/query-select.d.ts +1 -1
- package/dist/components/query-select.js +3 -3
- package/dist/components/radio-group.d.ts +1 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/select.d.ts +2 -2
- package/dist/components/select.js +1 -1
- package/dist/components/slider.d.ts +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/split-button.d.ts +1 -1
- package/dist/components/split-button.js +2 -2
- package/dist/components/stepper.d.ts +1 -1
- package/dist/components/stepper.js +1 -1
- package/dist/components/switch.d.ts +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag.d.ts +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text-area.d.ts +1 -1
- package/dist/components/text-area.js +1 -1
- package/dist/components/text-button.d.ts +1 -1
- package/dist/components/text-button.js +1 -2
- package/dist/components/time-picker.d.ts +1 -1
- package/dist/components/time-picker.js +1 -1
- package/dist/components/toast.d.ts +2 -2
- package/dist/components/toast.js +2 -2
- package/dist/components/toggle-button.d.ts +1 -1
- package/dist/components/toggle-button.js +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/tooltip-ellipsis.js +1 -1
- package/dist/components/tooltip.d.ts +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/typography.d.ts +2 -2
- package/dist/components/typography.js +1 -1
- package/dist/components/use-toast.d.ts +1 -1
- package/dist/components/use-toast.js +2 -2
- package/dist/config/confirmation.d.ts +1 -1
- package/dist/config/link-context.d.ts +2 -2
- package/dist/config/ui-config.d.ts +2 -2
- package/dist/config/ui-config.js +1 -1
- package/dist/{confirmation.context-fKfUTsLF.d.ts → confirmation.context-DPAKsLYl.d.ts} +1 -1
- package/dist/{date-picker-MXt02b7Z.d.ts → date-picker-BYFWSbN8.d.ts} +1 -1
- package/dist/{date-range-picker-BjT0t21q.d.ts → date-range-picker-BaaXOObm.d.ts} +1 -1
- package/dist/{date-time-picker-CMmIuZtT.d.ts → date-time-picker-D42cTCgx.d.ts} +1 -1
- package/dist/{datePickerValue.utils-GADbSu7a.js → datePickerValue.utils-CFCY-fRJ.js} +8 -10
- package/dist/{dialog.cva-5qNq9YfM.js → dialog.cva---xiOXMQ.js} +1 -1
- package/dist/{dist-C6GfeeEC.js → dist-B8h0VT0E.js} +35 -83
- package/dist/{dom.utils-D3mELNBA.js → dom.utils-DjuRTR6U.js} +1 -1
- package/dist/{dynamicInputs-CQMTixlW.d.ts → dynamicInputs-wEEikYeg.d.ts} +104 -105
- package/dist/{fieldAdapter-BYVPxvYi.js → fieldAdapter-C0lCFmf0.js} +1 -1
- package/dist/{file-input-D-46wS5j.d.ts → file-input-C56GXRwz.d.ts} +1 -1
- package/dist/{file-upload-BG20Bhrn.d.ts → file-upload-Bx0X534g.d.ts} +2 -2
- package/dist/{fileUpload.types-xFzuCT_m.d.ts → fileUpload.types-DWuQKA2l.d.ts} +2 -2
- package/dist/index.d.ts +81 -81
- package/dist/index.js +40 -40
- package/dist/{input-CKGPYwfB.d.ts → input-D2kGX0hW.d.ts} +1 -1
- package/dist/input.cva-BcXyC1vZ.js +208 -0
- package/dist/{input.cva-ByFuAEIS.d.ts → input.cva-BhDJxc7r.d.ts} +4 -8
- package/dist/{link.context-C5ZgwVM5.d.ts → link.context-CDZn6oL2.d.ts} +1 -1
- package/dist/{number-field-CyP6XgJh.d.ts → number-field-Bw2GKr0s.d.ts} +1 -1
- package/dist/{number-range-input-DMmlk7Bl.d.ts → number-range-input-Dqe6x2dR.d.ts} +1 -1
- package/dist/{password-input-BWpfQe0G.d.ts → password-input-DepKyhh3.d.ts} +1 -1
- package/dist/{pillButton.cva-BVsxGnqF.d.ts → pillButton.cva-BEWuu0qm.d.ts} +1 -3
- package/dist/pillButton.cva-DlP5tOT5.js +197 -0
- package/dist/{popover.cva-CXha_UMQ.js → popover.cva-BJSkLndY.js} +1 -1
- package/dist/{query-autocomplete-DV8fEkK2.d.ts → query-autocomplete-BSpHin_R.d.ts} +2 -2
- package/dist/{query-select-BZ3-5WTu.d.ts → query-select-m1DCp4UF.d.ts} +2 -2
- package/dist/{queryAutocomplete.types-Dm8Ttx4v.d.ts → queryAutocomplete.types-CrbVUmvl.d.ts} +2 -2
- package/dist/{radio-group-CmUtsjqP.d.ts → radio-group-Civ3Fb70.d.ts} +1 -1
- package/dist/{radio.cva-DAq2M13H.d.ts → radio.cva-BlOrmxzf.d.ts} +2 -2
- package/dist/rhf/autocomplete.d.ts +2 -2
- package/dist/rhf/autocomplete.js +1 -1
- package/dist/rhf/checkbox-group.d.ts +2 -2
- package/dist/rhf/checkbox-group.js +1 -1
- package/dist/rhf/checkbox.d.ts +2 -2
- package/dist/rhf/checkbox.js +2 -2
- package/dist/rhf/date-picker.d.ts +2 -2
- package/dist/rhf/date-picker.js +2 -2
- package/dist/rhf/date-range-picker.d.ts +2 -2
- package/dist/rhf/date-range-picker.js +2 -2
- package/dist/rhf/date-time-picker.d.ts +2 -2
- package/dist/rhf/date-time-picker.js +2 -2
- package/dist/rhf/file-input.d.ts +2 -2
- package/dist/rhf/file-input.js +2 -2
- package/dist/rhf/file-upload.d.ts +2 -2
- package/dist/rhf/file-upload.js +2 -2
- package/dist/rhf/input.d.ts +2 -2
- package/dist/rhf/input.js +1 -1
- package/dist/rhf/inputs.d.ts +2 -2
- package/dist/rhf/number-field.d.ts +2 -2
- package/dist/rhf/number-field.js +1 -1
- package/dist/rhf/number-range-input.d.ts +2 -2
- package/dist/rhf/number-range-input.js +2 -2
- package/dist/rhf/password-input.d.ts +2 -2
- package/dist/rhf/password-input.js +1 -1
- package/dist/rhf/query-autocomplete.d.ts +1 -1
- package/dist/rhf/query-autocomplete.js +1 -1
- package/dist/rhf/query-select.d.ts +1 -1
- package/dist/rhf/query-select.js +1 -1
- package/dist/rhf/radio-group.d.ts +2 -2
- package/dist/rhf/radio-group.js +2 -2
- package/dist/rhf/rich-text-editor.d.ts +2 -2
- package/dist/rhf/rich-text-editor.js +2 -2
- package/dist/rhf/select.d.ts +2 -2
- package/dist/rhf/select.js +2 -2
- package/dist/rhf/slider.d.ts +2 -2
- package/dist/rhf/slider.js +2 -2
- package/dist/rhf/switch.d.ts +2 -2
- package/dist/rhf/switch.js +2 -2
- package/dist/rhf/text-area.d.ts +2 -2
- package/dist/rhf/text-area.js +2 -2
- package/dist/rhf/time-picker.d.ts +2 -2
- package/dist/rhf/time-picker.js +2 -2
- package/dist/rhf/toggle-group.js +2 -2
- package/dist/{rhf-1_ZO8GhU.js → rhf-D8B7mLO1.js} +1 -1
- package/dist/rhf.d.ts +81 -81
- package/dist/rhf.js +40 -40
- package/dist/{rich-text-editor-Db3XWWFo.d.ts → rich-text-editor-DvNEOIux.d.ts} +1 -1
- package/dist/rich-text-editor.d.ts +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/{select-DXGbGkZM.d.ts → select-DY5QtwqI.d.ts} +2 -2
- package/dist/{slider-JQh0ypfU.d.ts → slider-CrB-Gkcv.d.ts} +1 -1
- package/dist/{staticDateTimeSegments-BQoA94W-.js → staticDateTimeSegments-DR8bJw-F.js} +12 -10
- package/dist/{staticSelect.utils-ad60elvT.js → staticSelect.utils-Cm7MoDVG.js} +45 -37
- package/dist/styles/color-utilities.css +32 -0
- package/dist/styles/editor.css +9 -9
- package/dist/styles/input.d.ts +1 -1
- package/dist/{switch-Lm3xl1rQ.d.ts → switch-8WzXfTS8.d.ts} +1 -1
- package/dist/switch.cva-8T0fw31t.d.ts +15 -0
- package/dist/tanstack/autocomplete.d.ts +1 -1
- package/dist/tanstack/checkbox-group.d.ts +1 -1
- package/dist/tanstack/checkbox.d.ts +1 -1
- package/dist/tanstack/checkbox.js +1 -1
- package/dist/tanstack/date-picker.d.ts +1 -1
- package/dist/tanstack/date-picker.js +1 -1
- package/dist/tanstack/date-range-picker.d.ts +1 -1
- package/dist/tanstack/date-range-picker.js +1 -1
- package/dist/tanstack/date-time-picker.d.ts +1 -1
- package/dist/tanstack/date-time-picker.js +1 -1
- package/dist/tanstack/file-input.d.ts +1 -1
- package/dist/tanstack/file-input.js +1 -1
- package/dist/tanstack/file-upload.d.ts +2 -2
- package/dist/tanstack/file-upload.js +1 -1
- package/dist/tanstack/form.d.ts +1 -1
- package/dist/tanstack/form.js +1 -1
- package/dist/tanstack/input.d.ts +1 -1
- package/dist/tanstack/inputs.d.ts +3 -3
- package/dist/tanstack/inputs.js +1 -1
- package/dist/tanstack/number-field.d.ts +1 -1
- package/dist/tanstack/number-range-input.d.ts +1 -1
- package/dist/tanstack/number-range-input.js +1 -1
- package/dist/tanstack/password-input.d.ts +1 -1
- package/dist/tanstack/query-select.d.ts +1 -1
- package/dist/tanstack/radio-group.d.ts +1 -1
- package/dist/tanstack/radio-group.js +1 -1
- package/dist/tanstack/rich-text-editor.d.ts +1 -1
- package/dist/tanstack/rich-text-editor.js +1 -1
- package/dist/tanstack/select.d.ts +1 -1
- package/dist/tanstack/select.js +1 -1
- package/dist/tanstack/slider.d.ts +1 -1
- package/dist/tanstack/slider.js +1 -1
- package/dist/tanstack/switch.d.ts +1 -1
- package/dist/tanstack/switch.js +1 -1
- package/dist/tanstack/table.d.ts +1 -1
- package/dist/tanstack/table.js +1 -1
- package/dist/tanstack/text-area.d.ts +1 -1
- package/dist/tanstack/text-area.js +1 -1
- package/dist/tanstack/time-picker.d.ts +1 -1
- package/dist/tanstack/time-picker.js +1 -1
- package/dist/tanstack/toggle-group.js +1 -1
- package/dist/tanstack.d.ts +65 -65
- package/dist/tanstack.js +49 -49
- package/dist/{text-area-I5MNcGp_.d.ts → text-area-CqnKRWKq.d.ts} +1 -1
- package/dist/{time-picker-DdhW8GmD.d.ts → time-picker-Cz1GIzpF.d.ts} +1 -1
- package/dist/{toast.cva-LU7TGprV.d.ts → toast.cva-Cj6o2Rmu.d.ts} +8 -8
- package/dist/{toast.runtime-QMYrNvoQ.js → toast.runtime-CIKvmkjo.js} +1 -1
- package/dist/typography.cva-CJZZSGXW.js +51 -0
- package/dist/typography.cva-jtp6WWUH.d.ts +35 -0
- package/dist/{uiConfig.context-RFvaQYzD.js → uiConfig.context-D2eUIPHn.js} +11 -20
- package/dist/{uiConfig.context-CIoMqe1_.d.ts → uiConfig.context-aoarCLYX.d.ts} +11 -12
- package/dist/{useBreakpoint-3kpqzjoC.js → useBreakpoint-BOA-MyoT.js} +1 -1
- package/dist/{useFieldAccessibility-CtTdRX2u.js → useFieldAccessibility-D2_Qm26-.js} +10 -11
- package/dist/{useFormAutosave-DqP6lB4l.js → useFormAutosave-BYFn3LH8.js} +2 -2
- package/dist/{useStaticInputHandoff-BAaDW_0z.js → useStaticInputHandoff-DB9PgioW.js} +11 -12
- package/dist/{useTableColumnConfig-DVI_jVHz.js → useTableColumnConfig-CcJxu14U.js} +26 -28
- package/dist/{useTableNav-Tu8UZxHA.d.ts → useTableNav-D9mICzNW.d.ts} +7 -7
- package/dist/{useToast-NBGlVeFP.d.ts → useToast-DMSm59Y6.d.ts} +1 -1
- package/package.json +2 -1
- package/dist/Button-CcZBqoQp.js +0 -761
- package/dist/Tag-CgPeLVXM.d.ts +0 -44
- package/dist/Tag-DNuHvt6J.js +0 -148
- package/dist/input.cva-KYGD4Bdz.js +0 -324
- package/dist/pillButton.cva-6tjADUQ6.js +0 -265
- package/dist/switch.cva-BIioyegR.d.ts +0 -15
- package/dist/typography.cva-BI0FyIqm.js +0 -129
- package/dist/typography.cva-YaO6JLqU.d.ts +0 -51
package/dist/Tag-CgPeLVXM.d.ts
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
|
|
2
|
-
import { n as TypographyProps } from "./Typography-BWmZd20e.js";
|
|
3
|
-
import { Ref } from "react";
|
|
4
|
-
import { ButtonProps } from "react-aria-components";
|
|
5
|
-
//#region src/components/text/Tag/tag.cva.d.ts
|
|
6
|
-
declare const tagDefinition: {
|
|
7
|
-
base: string[];
|
|
8
|
-
config: StyleMergeUtils.Config<{
|
|
9
|
-
readonly color: {
|
|
10
|
-
primary: ["bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle", "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover", "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed", "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
|
|
11
|
-
secondary: ["bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle", "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover", "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed", "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
|
|
12
|
-
success: ["bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle", "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover", "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed", "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
|
|
13
|
-
warning: ["bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle", "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover", "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed", "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
|
|
14
|
-
error: ["bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle", "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover", "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed", "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
|
|
15
|
-
};
|
|
16
|
-
}>;
|
|
17
|
-
};
|
|
18
|
-
type TagConfig = NonNullable<typeof tagDefinition.config>;
|
|
19
|
-
interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
|
|
20
|
-
//#endregion
|
|
21
|
-
//#region src/components/text/Tag/Tag.d.ts
|
|
22
|
-
interface TagProps extends TagVariantProps {
|
|
23
|
-
className?: string;
|
|
24
|
-
children: string;
|
|
25
|
-
/** Preferred spelling. `dismissable` remains supported. */
|
|
26
|
-
dismissible?: boolean;
|
|
27
|
-
dismissable?: boolean;
|
|
28
|
-
isDisabled?: boolean;
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
contentRef?: Ref<HTMLElement>;
|
|
31
|
-
textVariant?: TypographyProps["variant"];
|
|
32
|
-
textSize?: TypographyProps["size"];
|
|
33
|
-
/** Preferred callback name. */
|
|
34
|
-
onRemove?: () => void;
|
|
35
|
-
onDismiss?: () => void;
|
|
36
|
-
/** Props applied to the actual dismiss button, when one is rendered. */
|
|
37
|
-
dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
|
|
38
|
-
excludeFromTabOrder?: boolean;
|
|
39
|
-
/** Compatibility callback for the historical button-like prop surface. */
|
|
40
|
-
onPress?: ButtonProps["onPress"];
|
|
41
|
-
}
|
|
42
|
-
declare const Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
|
|
43
|
-
//#endregion
|
|
44
|
-
export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };
|
package/dist/Tag-DNuHvt6J.js
DELETED
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
|
|
2
|
-
import { t as X } from "./x-B6vfz8Ps.js";
|
|
3
|
-
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
4
|
-
import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
|
|
5
|
-
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
6
|
-
import { t as Typography } from "./Typography-AcUd9df8.js";
|
|
7
|
-
import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
|
|
8
|
-
import "./i18n-CX2EjhJI.js";
|
|
9
|
-
import { c } from "react/compiler-runtime";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
import { useTranslation } from "react-i18next";
|
|
12
|
-
//#region src/components/text/Tag/tag.cva.ts
|
|
13
|
-
const tagDefinition = UIOverrides.defineConfig({
|
|
14
|
-
base: [
|
|
15
|
-
uiOutlineClass,
|
|
16
|
-
"inline-flex items-center gap-list-gap-icon-to-label",
|
|
17
|
-
"p-pill-height-s px-1-5",
|
|
18
|
-
"rounded-pill-rounding-default",
|
|
19
|
-
"overflow-hidden",
|
|
20
|
-
"disabled:cursor-default"
|
|
21
|
-
],
|
|
22
|
-
config: {
|
|
23
|
-
variants: { color: {
|
|
24
|
-
primary: [
|
|
25
|
-
"bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
|
|
26
|
-
"hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
|
|
27
|
-
"pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
|
|
28
|
-
"disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
|
|
29
|
-
"focus-visible:outline-interactive-contained-primary-focus"
|
|
30
|
-
],
|
|
31
|
-
secondary: [
|
|
32
|
-
"bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
|
|
33
|
-
"hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
|
|
34
|
-
"pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
|
|
35
|
-
"disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
|
|
36
|
-
"focus-visible:outline-interactive-contained-primary-focus"
|
|
37
|
-
],
|
|
38
|
-
success: [
|
|
39
|
-
"bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
|
|
40
|
-
"hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
|
|
41
|
-
"pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
|
|
42
|
-
"disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
|
|
43
|
-
"focus-visible:outline-interactive-contained-primary-focus"
|
|
44
|
-
],
|
|
45
|
-
warning: [
|
|
46
|
-
"bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
|
|
47
|
-
"hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
|
|
48
|
-
"pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
|
|
49
|
-
"disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
|
|
50
|
-
"focus-visible:outline-interactive-contained-primary-focus"
|
|
51
|
-
],
|
|
52
|
-
error: [
|
|
53
|
-
"bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
|
|
54
|
-
"hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
|
|
55
|
-
"pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
|
|
56
|
-
"disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
|
|
57
|
-
"focus-visible:outline-interactive-contained-primary-focus"
|
|
58
|
-
]
|
|
59
|
-
} },
|
|
60
|
-
defaultVariants: { color: "primary" }
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
//#endregion
|
|
64
|
-
//#region src/components/text/Tag/Tag.tsx
|
|
65
|
-
const Tag = (t0) => {
|
|
66
|
-
const $ = c(20);
|
|
67
|
-
const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps } = t0;
|
|
68
|
-
const uiConfig = UIConfig.useConfig();
|
|
69
|
-
const textVariant = textVariantProp ?? uiConfig.tag.textVariant;
|
|
70
|
-
const textSize = textSizeProp ?? uiConfig.tag.textSize;
|
|
71
|
-
const isDismissible = dismissible ?? dismissable ?? false;
|
|
72
|
-
const resolvedIsDisabled = isDisabled ?? disabled;
|
|
73
|
-
const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
|
|
74
|
-
const { t } = useTranslation("ui");
|
|
75
|
-
const t1 = onRemove ?? onDismiss ?? onPress;
|
|
76
|
-
let t2;
|
|
77
|
-
if ($[0] !== t) {
|
|
78
|
-
t2 = t(_temp);
|
|
79
|
-
$[0] = t;
|
|
80
|
-
$[1] = t2;
|
|
81
|
-
} else t2 = $[1];
|
|
82
|
-
let t3;
|
|
83
|
-
if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t1 || $[6] !== t2) {
|
|
84
|
-
t3 = {
|
|
85
|
-
...dismissButtonProps,
|
|
86
|
-
excludeFromTabOrder,
|
|
87
|
-
isDisabled: resolvedIsDisabled,
|
|
88
|
-
onPress: t1,
|
|
89
|
-
"aria-label": t2
|
|
90
|
-
};
|
|
91
|
-
$[2] = dismissButtonProps;
|
|
92
|
-
$[3] = excludeFromTabOrder;
|
|
93
|
-
$[4] = resolvedIsDisabled;
|
|
94
|
-
$[5] = t1;
|
|
95
|
-
$[6] = t2;
|
|
96
|
-
$[7] = t3;
|
|
97
|
-
} else t3 = $[7];
|
|
98
|
-
const buttonProps = t3;
|
|
99
|
-
const t4 = tagCva({
|
|
100
|
-
...appearanceProps,
|
|
101
|
-
className: clsx("pointer-events-none", className)
|
|
102
|
-
});
|
|
103
|
-
const t5 = contentRef;
|
|
104
|
-
let t6;
|
|
105
|
-
if ($[8] !== children || $[9] !== t5 || $[10] !== textSize || $[11] !== textVariant) {
|
|
106
|
-
t6 = /* @__PURE__ */ jsx(Typography, {
|
|
107
|
-
ref: t5,
|
|
108
|
-
variant: textVariant,
|
|
109
|
-
size: textSize,
|
|
110
|
-
as: "span",
|
|
111
|
-
className: "truncate",
|
|
112
|
-
children
|
|
113
|
-
});
|
|
114
|
-
$[8] = children;
|
|
115
|
-
$[9] = t5;
|
|
116
|
-
$[10] = textSize;
|
|
117
|
-
$[11] = textVariant;
|
|
118
|
-
$[12] = t6;
|
|
119
|
-
} else t6 = $[12];
|
|
120
|
-
let t7;
|
|
121
|
-
if ($[13] !== buttonProps || $[14] !== isDismissible) {
|
|
122
|
-
t7 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
|
|
123
|
-
...buttonProps,
|
|
124
|
-
className: "pointer-events-auto shrink-0",
|
|
125
|
-
children: /* @__PURE__ */ jsx(X, { className: "size-4" })
|
|
126
|
-
});
|
|
127
|
-
$[13] = buttonProps;
|
|
128
|
-
$[14] = isDismissible;
|
|
129
|
-
$[15] = t7;
|
|
130
|
-
} else t7 = $[15];
|
|
131
|
-
let t8;
|
|
132
|
-
if ($[16] !== t4 || $[17] !== t6 || $[18] !== t7) {
|
|
133
|
-
t8 = /* @__PURE__ */ jsxs("div", {
|
|
134
|
-
className: t4,
|
|
135
|
-
children: [t6, t7]
|
|
136
|
-
});
|
|
137
|
-
$[16] = t4;
|
|
138
|
-
$[17] = t6;
|
|
139
|
-
$[18] = t7;
|
|
140
|
-
$[19] = t8;
|
|
141
|
-
} else t8 = $[19];
|
|
142
|
-
return t8;
|
|
143
|
-
};
|
|
144
|
-
function _temp($) {
|
|
145
|
-
return $.ui.tag.dismiss;
|
|
146
|
-
}
|
|
147
|
-
//#endregion
|
|
148
|
-
export { tagDefinition as n, Tag as t };
|
|
@@ -1,324 +0,0 @@
|
|
|
1
|
-
import { t as clsx } from "./clsx-CnD0nOiA.js";
|
|
2
|
-
import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
|
|
3
|
-
import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
|
|
4
|
-
//#region src/components/inputs/shared/input.cva.ts
|
|
5
|
-
const inputBaseDefinition = UIOverrides.defineConfig({
|
|
6
|
-
base: [uiOutlineClass, "flex w-full not-[textarea]:truncate"],
|
|
7
|
-
config: {
|
|
8
|
-
variants: {
|
|
9
|
-
variant: {
|
|
10
|
-
outlined: "",
|
|
11
|
-
filled: ""
|
|
12
|
-
},
|
|
13
|
-
as: {
|
|
14
|
-
default: "rounded-input-rounding-default",
|
|
15
|
-
floating: "rounded-input-rounding-default",
|
|
16
|
-
filter: "rounded-input-rounding-default",
|
|
17
|
-
inline: [
|
|
18
|
-
"h-full",
|
|
19
|
-
"border-transparent border-b-0 bg-transparent text-text-default-1",
|
|
20
|
-
"hover:border-input-outlined-outline-hover",
|
|
21
|
-
"focus-within:border-input-outlined-outline-active",
|
|
22
|
-
"invalid:border-input-outlined-outline-error",
|
|
23
|
-
"has-invalid:border-input-outlined-outline-error",
|
|
24
|
-
"disabled:hover:border-transparent",
|
|
25
|
-
"has-disabled:hover:border-transparent"
|
|
26
|
-
]
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
compoundVariants: [
|
|
30
|
-
{
|
|
31
|
-
variant: "outlined",
|
|
32
|
-
as: "default",
|
|
33
|
-
className: [
|
|
34
|
-
"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
|
|
35
|
-
"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
|
|
36
|
-
"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
|
|
37
|
-
"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
|
|
38
|
-
"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
|
|
39
|
-
"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
|
|
40
|
-
"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
|
|
41
|
-
"placeholder:text-text-default-3",
|
|
42
|
-
"disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
43
|
-
"has-disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
44
|
-
"focus-visible:outline-interactive-contained-primary-focus",
|
|
45
|
-
"has-focus-visible:outline-interactive-contained-primary-focus"
|
|
46
|
-
]
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
variant: "filled",
|
|
50
|
-
as: "default",
|
|
51
|
-
className: [
|
|
52
|
-
"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
|
|
53
|
-
"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
|
|
54
|
-
"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
|
|
55
|
-
"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
|
|
56
|
-
"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
|
|
57
|
-
"disabled:bg-input-filled-disabled disabled:text-text-default-3",
|
|
58
|
-
"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
|
|
59
|
-
"placeholder:text-text-default-3",
|
|
60
|
-
"disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
61
|
-
"has-disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
62
|
-
"focus-visible:outline-interactive-contained-primary-focus",
|
|
63
|
-
"has-focus-visible:outline-interactive-contained-primary-focus"
|
|
64
|
-
]
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
variant: "outlined",
|
|
68
|
-
as: "floating",
|
|
69
|
-
className: [
|
|
70
|
-
"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
|
|
71
|
-
"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
|
|
72
|
-
"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
|
|
73
|
-
"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
|
|
74
|
-
"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
|
|
75
|
-
"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
|
|
76
|
-
"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
|
|
77
|
-
"placeholder:text-text-default-3",
|
|
78
|
-
"disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
79
|
-
"has-disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
80
|
-
"focus-visible:outline-interactive-contained-primary-focus",
|
|
81
|
-
"has-focus-visible:outline-interactive-contained-primary-focus"
|
|
82
|
-
]
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
variant: "filled",
|
|
86
|
-
as: "floating",
|
|
87
|
-
className: [
|
|
88
|
-
"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
|
|
89
|
-
"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
|
|
90
|
-
"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-idle focus-within:text-text-default-1",
|
|
91
|
-
"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
|
|
92
|
-
"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
|
|
93
|
-
"disabled:bg-input-filled-disabled disabled:text-text-default-3",
|
|
94
|
-
"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
|
|
95
|
-
"placeholder:text-text-default-3",
|
|
96
|
-
"disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
97
|
-
"has-disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
98
|
-
"focus-visible:outline-interactive-contained-primary-focus",
|
|
99
|
-
"has-focus-visible:outline-interactive-contained-primary-focus"
|
|
100
|
-
]
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
variant: "outlined",
|
|
104
|
-
as: "filter",
|
|
105
|
-
className: [
|
|
106
|
-
"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
|
|
107
|
-
"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
|
|
108
|
-
"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
|
|
109
|
-
"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
|
|
110
|
-
"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
|
|
111
|
-
"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
|
|
112
|
-
"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
|
|
113
|
-
"placeholder:text-text-default-3",
|
|
114
|
-
"disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
115
|
-
"has-disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
116
|
-
"focus-visible:outline-interactive-contained-primary-focus",
|
|
117
|
-
"has-focus-visible:outline-interactive-contained-primary-focus"
|
|
118
|
-
]
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
variant: "filled",
|
|
122
|
-
as: "filter",
|
|
123
|
-
className: [
|
|
124
|
-
"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
|
|
125
|
-
"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
|
|
126
|
-
"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
|
|
127
|
-
"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
|
|
128
|
-
"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
|
|
129
|
-
"disabled:bg-input-filled-disabled disabled:text-text-default-1",
|
|
130
|
-
"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
|
|
131
|
-
"placeholder:text-text-default-3",
|
|
132
|
-
"disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
133
|
-
"has-disabled:placeholder:text-interactive-text-secondary-disabled",
|
|
134
|
-
"focus-visible:outline-interactive-contained-primary-focus",
|
|
135
|
-
"has-focus-visible:outline-interactive-contained-primary-focus"
|
|
136
|
-
]
|
|
137
|
-
}
|
|
138
|
-
],
|
|
139
|
-
defaultVariants: {
|
|
140
|
-
variant: "outlined",
|
|
141
|
-
as: "default"
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
});
|
|
145
|
-
const inputSizeDefinition = UIOverrides.defineConfig({
|
|
146
|
-
base: [""],
|
|
147
|
-
config: {
|
|
148
|
-
variants: {
|
|
149
|
-
size: {
|
|
150
|
-
"extra-small": "text-label-1",
|
|
151
|
-
small: "text-label-1",
|
|
152
|
-
default: "text-label-1",
|
|
153
|
-
large: "text-label-1"
|
|
154
|
-
},
|
|
155
|
-
as: {
|
|
156
|
-
default: "",
|
|
157
|
-
floating: [
|
|
158
|
-
"px-input-side-m",
|
|
159
|
-
"py-floating-label-input-height-empty",
|
|
160
|
-
"input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]",
|
|
161
|
-
"input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"
|
|
162
|
-
],
|
|
163
|
-
filter: "",
|
|
164
|
-
inline: ""
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
compoundVariants: [
|
|
168
|
-
{
|
|
169
|
-
as: [
|
|
170
|
-
"default",
|
|
171
|
-
"filter",
|
|
172
|
-
"inline"
|
|
173
|
-
],
|
|
174
|
-
size: "extra-small",
|
|
175
|
-
className: "px-input-side-xs py-input-height-xs"
|
|
176
|
-
},
|
|
177
|
-
{
|
|
178
|
-
as: [
|
|
179
|
-
"default",
|
|
180
|
-
"filter",
|
|
181
|
-
"inline"
|
|
182
|
-
],
|
|
183
|
-
size: "small",
|
|
184
|
-
className: "px-input-side-s py-input-height-s"
|
|
185
|
-
},
|
|
186
|
-
{
|
|
187
|
-
as: [
|
|
188
|
-
"default",
|
|
189
|
-
"filter",
|
|
190
|
-
"inline"
|
|
191
|
-
],
|
|
192
|
-
size: "default",
|
|
193
|
-
className: "px-input-side-m py-input-height-m"
|
|
194
|
-
},
|
|
195
|
-
{
|
|
196
|
-
as: [
|
|
197
|
-
"default",
|
|
198
|
-
"filter",
|
|
199
|
-
"inline"
|
|
200
|
-
],
|
|
201
|
-
size: "large",
|
|
202
|
-
className: "px-input-side-l py-input-height-l"
|
|
203
|
-
}
|
|
204
|
-
],
|
|
205
|
-
defaultVariants: {
|
|
206
|
-
size: "default",
|
|
207
|
-
as: "default"
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
});
|
|
211
|
-
const inputContentWrapperDefinition = UIOverrides.defineConfig({
|
|
212
|
-
base: ["flex min-w-0 w-full"],
|
|
213
|
-
config: {
|
|
214
|
-
variants: { as: {
|
|
215
|
-
default: "",
|
|
216
|
-
floating: "flex-col",
|
|
217
|
-
filter: "gap-input-gap-input-text-to-elements",
|
|
218
|
-
inline: ""
|
|
219
|
-
} },
|
|
220
|
-
defaultVariants: { as: "default" }
|
|
221
|
-
}
|
|
222
|
-
});
|
|
223
|
-
const inputClearClassDefinition = UIOverrides.defineConfig({
|
|
224
|
-
base: [""],
|
|
225
|
-
config: {
|
|
226
|
-
variants: { as: {
|
|
227
|
-
default: "",
|
|
228
|
-
floating: "",
|
|
229
|
-
filter: "",
|
|
230
|
-
inline: ""
|
|
231
|
-
} },
|
|
232
|
-
defaultVariants: { as: "default" }
|
|
233
|
-
}
|
|
234
|
-
});
|
|
235
|
-
const inputSideDefinition = UIOverrides.defineConfig({
|
|
236
|
-
base: [""],
|
|
237
|
-
config: {
|
|
238
|
-
variants: {
|
|
239
|
-
size: {
|
|
240
|
-
"extra-small": "",
|
|
241
|
-
small: "",
|
|
242
|
-
default: "",
|
|
243
|
-
large: ""
|
|
244
|
-
},
|
|
245
|
-
type: {
|
|
246
|
-
left: "",
|
|
247
|
-
right: "",
|
|
248
|
-
var: ""
|
|
249
|
-
}
|
|
250
|
-
},
|
|
251
|
-
compoundVariants: [
|
|
252
|
-
{
|
|
253
|
-
type: "left",
|
|
254
|
-
size: "extra-small",
|
|
255
|
-
className: "left-input-side-xs"
|
|
256
|
-
},
|
|
257
|
-
{
|
|
258
|
-
type: "right",
|
|
259
|
-
size: "extra-small",
|
|
260
|
-
className: "right-input-side-xs"
|
|
261
|
-
},
|
|
262
|
-
{
|
|
263
|
-
type: "var",
|
|
264
|
-
size: "extra-small",
|
|
265
|
-
className: "--spacing-input-side-xs"
|
|
266
|
-
},
|
|
267
|
-
{
|
|
268
|
-
type: "left",
|
|
269
|
-
size: "small",
|
|
270
|
-
className: "left-input-side-s"
|
|
271
|
-
},
|
|
272
|
-
{
|
|
273
|
-
type: "right",
|
|
274
|
-
size: "small",
|
|
275
|
-
className: "right-input-side-s"
|
|
276
|
-
},
|
|
277
|
-
{
|
|
278
|
-
type: "var",
|
|
279
|
-
size: "small",
|
|
280
|
-
className: "--spacing-input-side-s"
|
|
281
|
-
},
|
|
282
|
-
{
|
|
283
|
-
type: "left",
|
|
284
|
-
size: "default",
|
|
285
|
-
className: "left-input-side-m"
|
|
286
|
-
},
|
|
287
|
-
{
|
|
288
|
-
type: "right",
|
|
289
|
-
size: "default",
|
|
290
|
-
className: "right-input-side-m"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
type: "var",
|
|
294
|
-
size: "default",
|
|
295
|
-
className: "--spacing-input-side-m"
|
|
296
|
-
},
|
|
297
|
-
{
|
|
298
|
-
type: "left",
|
|
299
|
-
size: "large",
|
|
300
|
-
className: "left-input-side-l"
|
|
301
|
-
},
|
|
302
|
-
{
|
|
303
|
-
type: "right",
|
|
304
|
-
size: "large",
|
|
305
|
-
className: "right-input-side-l"
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
type: "var",
|
|
309
|
-
size: "large",
|
|
310
|
-
className: "--spacing-input-side-l"
|
|
311
|
-
}
|
|
312
|
-
],
|
|
313
|
-
defaultVariants: { size: "default" }
|
|
314
|
-
}
|
|
315
|
-
});
|
|
316
|
-
const useInputCva = () => {
|
|
317
|
-
const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
|
|
318
|
-
const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
|
|
319
|
-
return ({ className, ...rest }) => {
|
|
320
|
-
return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
|
|
321
|
-
};
|
|
322
|
-
};
|
|
323
|
-
//#endregion
|
|
324
|
-
export { inputSizeDefinition as a, inputSideDefinition as i, inputClearClassDefinition as n, useInputCva as o, inputContentWrapperDefinition as r, inputBaseDefinition as t };
|