@persona/design-system 0.1.7 → 0.1.9
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/CHANGELOG.md +355 -221
- package/README.md +20 -1
- package/dist/{Action-DkNqzc2X.d.mts → Action-CVtzREhU.d.mts} +3 -3
- package/dist/Action.d.mts +1 -1
- package/dist/AdvancedFilterRuleRow.d.mts +37 -0
- package/dist/AdvancedFilterRulesPopover.d.mts +62 -0
- package/dist/ArrayValueControl.d.mts +38 -0
- package/dist/Attribute.d.mts +4 -4
- package/dist/AttributeGrid.d.mts +1 -1
- package/dist/{Badge-DRn_r6is.mjs → Badge-DEVbRlJX.mjs} +2 -2
- package/dist/{Badge-DRn_r6is.mjs.map → Badge-DEVbRlJX.mjs.map} +1 -1
- package/dist/Banner.d.mts +1 -1
- package/dist/BooleanValueControl.d.mts +20 -0
- package/dist/{Breadcrumb-On7pOpgt.d.mts → Breadcrumb-lziQ1FX9.d.mts} +15 -2
- package/dist/Breadcrumb.d.mts +2 -2
- package/dist/Breadcrumbs-DJ5qqqRD.d.mts +26 -0
- package/dist/Breadcrumbs-W8hIhdHD.mjs +288 -0
- package/dist/Breadcrumbs-W8hIhdHD.mjs.map +1 -0
- package/dist/Breadcrumbs.d.mts +2 -20
- package/dist/{Button-C_3p5Xfi.d.cts → Button-Vd5O4DUp.d.mts} +6 -6
- package/dist/Button.d.mts +1 -1
- package/dist/ButtonGroup.d.mts +1 -1
- package/dist/Calendar.d.mts +1 -1
- package/dist/CalendarBase.d.mts +1 -1
- package/dist/{Card-CLTkZLKr.mjs → Card-BMCB9eFC.mjs} +4 -4
- package/dist/{Card-CLTkZLKr.mjs.map → Card-BMCB9eFC.mjs.map} +1 -1
- package/dist/{Card-IOBCsfke.d.mts → Card-CqnG--CU.d.mts} +4 -4
- package/dist/Card.d.mts +1 -1
- package/dist/Card2.d.mts +1 -1
- package/dist/CardV2-C0fcOUdp.mjs +411 -0
- package/dist/CardV2-C0fcOUdp.mjs.map +1 -0
- package/dist/{Checkbox-BghGF-iW.mjs → Checkbox-BcuiFvK7.mjs} +5 -5
- package/dist/{Checkbox-BghGF-iW.mjs.map → Checkbox-BcuiFvK7.mjs.map} +1 -1
- package/dist/{Checkbox-DfI0Xp3y.d.cts → Checkbox-Bm8exUfH.d.mts} +1 -1
- package/dist/Checkbox.d.mts +1 -1
- package/dist/CheckboxGroupField.d.mts +2 -2
- package/dist/ChoicesValueControl.d.mts +35 -0
- package/dist/{Combobox-CeKMrlxy.mjs → Combobox-B6JyLog8.mjs} +261 -71
- package/dist/Combobox-B6JyLog8.mjs.map +1 -0
- package/dist/{Combobox-5rAFq_52.d.cts → Combobox-BaD0f2Du.d.mts} +3 -3
- package/dist/Combobox.d.mts +2 -2
- package/dist/{ComboboxBase-DGZUdsQa.d.mts → ComboboxBase-BsPf8BZh.d.mts} +53 -8
- package/dist/ComboboxBase.d.mts +2 -2
- package/dist/{ComboboxMultiSelect-DMWPiBrE.d.mts → ComboboxMultiSelect-DhLzCWbz.d.mts} +2 -2
- package/dist/ComboboxMultiSelect.d.mts +1 -1
- package/dist/{ComboboxSingleSelect-CcppU_hq.d.mts → ComboboxSingleSelect-P0r5rs_u.d.mts} +4 -4
- package/dist/ComboboxSingleSelect.d.mts +1 -1
- package/dist/{CompactBar-2cpJD7qg.d.mts → CompactBar-CXqlVKy7.d.mts} +3 -3
- package/dist/CompactBar.d.mts +1 -1
- package/dist/{ConfigFormGroup-DISUwz5j.mjs → ConfigFormGroup-yhb2jldT.mjs} +3 -3
- package/dist/{ConfigFormGroup-DISUwz5j.mjs.map → ConfigFormGroup-yhb2jldT.mjs.map} +1 -1
- package/dist/{ControlBar-DXyl1gjc.d.mts → ControlBar-tOCQnbAl.d.mts} +2 -2
- package/dist/ControlBar.d.mts +1 -1
- package/dist/DataTable.d.mts +13 -4
- package/dist/DateField.d.mts +1 -1
- package/dist/DatePicker-Bw79p-Lx.mjs +922 -0
- package/dist/DatePicker-Bw79p-Lx.mjs.map +1 -0
- package/dist/DatePicker.d.mts +1 -1
- package/dist/DateRangePicker.d.mts +1 -1
- package/dist/DateValueControl.d.mts +26 -0
- package/dist/{DropdownButton-B397h6ka.mjs → DropdownButton-BI3IFJun.mjs} +3 -3
- package/dist/{DropdownButton-B397h6ka.mjs.map → DropdownButton-BI3IFJun.mjs.map} +1 -1
- package/dist/DropdownButton.d.mts +2 -2
- package/dist/{DropdownMenu-cnkoGc7C.mjs → DropdownMenu-D25WBCah.mjs} +3 -3
- package/dist/{DropdownMenu-cnkoGc7C.mjs.map → DropdownMenu-D25WBCah.mjs.map} +1 -1
- package/dist/{DropdownMenu-5qIgQ14A.d.mts → DropdownMenu-D6nfAsi0.d.mts} +3 -3
- package/dist/DropdownMenu.d.mts +1 -1
- package/dist/{ErrorProps-BosuK6zJ.d.cts → ErrorProps-CN2XjaOX.d.mts} +1 -1
- package/dist/ErrorProps.d.mts +1 -1
- package/dist/FieldRegistry-rqSkjchY.d.mts +122 -0
- package/dist/FieldRegistry.d.mts +2 -0
- package/dist/FilterBar-D3LiIy1-.d.mts +103 -0
- package/dist/FilterBar.d.mts +2 -0
- package/dist/FilterPickerMenu.d.mts +84 -0
- package/dist/FilterPill.d.mts +60 -0
- package/dist/FilterPopover.d.mts +87 -0
- package/dist/FloatValueControl.d.mts +40 -0
- package/dist/{FormControl-ArDcvmir.mjs → FormControl-CFU9uKF7.mjs} +6 -6
- package/dist/{FormControl-ArDcvmir.mjs.map → FormControl-CFU9uKF7.mjs.map} +1 -1
- package/dist/{FormControl-DnsC4vTX.d.mts → FormControl-DH3bgqaB.d.mts} +3 -3
- package/dist/FormControl.d.mts +1 -1
- package/dist/FormControlLabel.d.mts +1 -1
- package/dist/{FormField-BddCs6P0.d.mts → FormField-BugkBvN4.d.mts} +2 -2
- package/dist/FormField-DdmgSWq4.mjs +474 -0
- package/dist/FormField-DdmgSWq4.mjs.map +1 -0
- package/dist/FormField.d.mts +1 -1
- package/dist/{Header-B-Us54dR.d.mts → Header-CDTYK1XJ.d.mts} +2 -2
- package/dist/Header.d.mts +1 -1
- package/dist/{HelperTooltip-CofPKyZh.d.mts → HelperTooltip-B7Ysh8B3.d.mts} +3 -3
- package/dist/HelperTooltip.d.mts +1 -1
- package/dist/{HoverCopyableField-DR575ayC.mjs → HoverCopyableField-7TWP0Y1Z.mjs} +6 -6
- package/dist/{HoverCopyableField-DR575ayC.mjs.map → HoverCopyableField-7TWP0Y1Z.mjs.map} +1 -1
- package/dist/HoverCopyableField.d.mts +1 -1
- package/dist/{IconButton-ZcyTFjPn.d.cts → IconButton-BHCmHIx5.d.mts} +2 -2
- package/dist/{IconButton-DC4rh6ow.mjs → IconButton-P8w0JDI5.mjs} +5 -5
- package/dist/{IconButton-DC4rh6ow.mjs.map → IconButton-P8w0JDI5.mjs.map} +1 -1
- package/dist/IconButton.d.mts +1 -1
- package/dist/ImageTile.d.mts +2 -2
- package/dist/InlineCombobox.d.mts +2 -2
- package/dist/InlineInput.d.mts +1 -1
- package/dist/{Input-CEcTvtX2.d.cts → Input-DMgVyZyq.d.mts} +6 -6
- package/dist/{Input-PWfwMSJ7.mjs → Input-QC6xla6I.mjs} +5 -5
- package/dist/Input-QC6xla6I.mjs.map +1 -0
- package/dist/Input.d.mts +1 -1
- package/dist/{InputProps-DNlik5IZ.d.cts → InputProps-BnjxrdWQ.d.mts} +2 -2
- package/dist/InputProps.d.mts +1 -1
- package/dist/IntegerValueControl.d.mts +39 -0
- package/dist/LayoutLoadingShimmer.d.mts +20 -0
- package/dist/Link.d.mts +1 -1
- package/dist/{ListBox-DZIAlPbc.d.mts → ListBox-D09N1a5D.d.mts} +10 -5
- package/dist/{ListBox-CDNOJmvz.mjs → ListBox-TrL3Tb7X.mjs} +89 -14
- package/dist/ListBox-TrL3Tb7X.mjs.map +1 -0
- package/dist/ListBox.d.mts +1 -1
- package/dist/ListBoxField.d.mts +3 -3
- package/dist/{LoadingShimmer-Bu6KtQ06.mjs → LoadingShimmer-Dsc_RCCf.mjs} +1 -1
- package/dist/{LoadingShimmer-Bu6KtQ06.mjs.map → LoadingShimmer-Dsc_RCCf.mjs.map} +1 -1
- package/dist/LoadingShimmer.d.mts +2 -2
- package/dist/LogicRow-BcuiSTHN.d.mts +40 -0
- package/dist/LogicRow.d.mts +2 -0
- package/dist/MaskedInput.d.mts +1 -1
- package/dist/{Menu-BJ5c7HGD.d.mts → Menu-Bv8dsrz6.d.mts} +4 -4
- package/dist/{Menu-CVuFAxl2.mjs → Menu-DmeMgN-i.mjs} +4 -4
- package/dist/{Menu-CVuFAxl2.mjs.map → Menu-DmeMgN-i.mjs.map} +1 -1
- package/dist/Menu.d.mts +1 -1
- package/dist/{MiddleTruncatedText-Bzpg3zAU.mjs → MiddleTruncatedText-GXI-CPvs.mjs} +3 -3
- package/dist/{MiddleTruncatedText-Bzpg3zAU.mjs.map → MiddleTruncatedText-GXI-CPvs.mjs.map} +1 -1
- package/dist/Modal.d.mts +3 -3
- package/dist/PageHeader-jSLud2JI.mjs +65 -0
- package/dist/PageHeader-jSLud2JI.mjs.map +1 -0
- package/dist/PageHeader.d.mts +18 -4
- package/dist/{PageSelector-CMoV-cHa.d.mts → PageSelector-vay4jpMp.d.mts} +3 -3
- package/dist/PageSelector.d.mts +1 -1
- package/dist/PageSizeSelector.d.mts +7 -1
- package/dist/{Pagination-Cj08JRG9.mjs → Pagination-BeYukNCj.mjs} +13 -10
- package/dist/Pagination-BeYukNCj.mjs.map +1 -0
- package/dist/{Pagination-QWNK_hH7.d.mts → Pagination-ygLutOst.d.mts} +9 -3
- package/dist/Pagination.d.mts +1 -1
- package/dist/{Pii-Bxh6_R4T.mjs → Pii-QsTrz8wn.mjs} +2 -2
- package/dist/{Pii-Bxh6_R4T.mjs.map → Pii-QsTrz8wn.mjs.map} +1 -1
- package/dist/Pii.d.mts +1 -1
- package/dist/PillShell.d.mts +85 -0
- package/dist/{Popover-D0QY5f-J.mjs → Popover-BkDpDdaO.mjs} +5 -5
- package/dist/{Popover-D0QY5f-J.mjs.map → Popover-BkDpDdaO.mjs.map} +1 -1
- package/dist/Popover.d.mts +1 -1
- package/dist/ProgressBar.d.mts +1 -1
- package/dist/ProgressIndicator.d.mts +1 -1
- package/dist/{PseudoClassProps-ySXCGUEQ.d.mts → PseudoClassProps-DLxPxo7T.d.mts} +1 -1
- package/dist/PseudoClassProps.d.mts +1 -1
- package/dist/{Radio-C9DevagH.mjs → Radio-CSX2eO-O.mjs} +3 -3
- package/dist/{Radio-C9DevagH.mjs.map → Radio-CSX2eO-O.mjs.map} +1 -1
- package/dist/{RadioGroup-B3hRbIWF.mjs → RadioGroup-CnK0opBd.mjs} +3 -3
- package/dist/{RadioGroup-B3hRbIWF.mjs.map → RadioGroup-CnK0opBd.mjs.map} +1 -1
- package/dist/{RadioGroup-nhMXEbCx.d.mts → RadioGroup-DKqbSfju.d.mts} +1 -1
- package/dist/RadioGroup.d.mts +1 -1
- package/dist/RangeCalendar.d.mts +1 -1
- package/dist/RangeCalendarPresets.d.mts +1 -1
- package/dist/RuleEditorFields.d.mts +37 -0
- package/dist/RulesPill.d.mts +65 -0
- package/dist/{SearchInput-s6qGC2WZ.d.mts → SearchInput-Bp2yjaE1.d.mts} +3 -3
- package/dist/SearchInput.d.mts +1 -1
- package/dist/Section.d.mts +1 -1
- package/dist/{SectionHeading-CDBQ4m9E.d.mts → SectionHeading-Q-rx2LEd.d.mts} +2 -2
- package/dist/SectionHeading.d.mts +1 -1
- package/dist/{SegmentedControl-B1ZLgu61.mjs → SegmentedControl-CgDQIVll.mjs} +8 -7
- package/dist/SegmentedControl-CgDQIVll.mjs.map +1 -0
- package/dist/{SegmentedControl-BYuXohIp.d.cts → SegmentedControl-DrjdUOU9.d.mts} +2 -2
- package/dist/SegmentedControl.d.mts +1 -1
- package/dist/{Select-NcaURrGZ.d.cts → Select-Bk27TgN8.d.mts} +11 -5
- package/dist/{Select-ByTgXOlU.mjs → Select-C1ZoRk39.mjs} +14 -11
- package/dist/Select-C1ZoRk39.mjs.map +1 -0
- package/dist/Select.d.mts +1 -1
- package/dist/Slider.d.mts +1 -1
- package/dist/SliderRHF.d.mts +1 -1
- package/dist/SliderThumb.d.mts +1 -1
- package/dist/{Spacer-Ln3KChb5.mjs → Spacer-CJp0lwkL.mjs} +1 -1
- package/dist/{Spacer-Ln3KChb5.mjs.map → Spacer-CJp0lwkL.mjs.map} +1 -1
- package/dist/{Stack-ckRN7LrP.mjs → Stack-Bl54WmhY.mjs} +1 -1
- package/dist/{Stack-ckRN7LrP.mjs.map → Stack-Bl54WmhY.mjs.map} +1 -1
- package/dist/{Stack-UMhJ6F_3.d.mts → Stack-CkV7k7TE.d.mts} +2 -2
- package/dist/Stack.d.mts +1 -1
- package/dist/StatusIndicator.d.mts +32 -4
- package/dist/{Sticker-DjF9VJQB.d.mts → Sticker-Bs25ISz7.d.mts} +5 -5
- package/dist/{Sticker-B0TbkV4o.mjs → Sticker-CyGb9dEu.mjs} +3 -3
- package/dist/{Sticker-B0TbkV4o.mjs.map → Sticker-CyGb9dEu.mjs.map} +1 -1
- package/dist/Sticker.d.mts +1 -1
- package/dist/StringValueControl.d.mts +39 -0
- package/dist/SwatchPicker.d.mts +1 -1
- package/dist/Tab.d.mts +14 -5
- package/dist/{TabBar-ByusqAXF.mjs → TabBar-Bn8PHHBZ.mjs} +16 -10
- package/dist/TabBar-Bn8PHHBZ.mjs.map +1 -0
- package/dist/TabBarIconButton.d.mts +1 -1
- package/dist/{Table-DJZtluW3.d.cts → Table-BNScLj9g.d.mts} +1 -1
- package/dist/{Table-CNs8p8hL.mjs → Table-BfontAeY.mjs} +8 -6
- package/dist/{Table-CNs8p8hL.mjs.map → Table-BfontAeY.mjs.map} +1 -1
- package/dist/Table.d.mts +1 -1
- package/dist/{TableBody-BFPF07n4.d.cts → TableBody-CrDNMyT8.d.mts} +1 -1
- package/dist/TableBody.d.mts +1 -1
- package/dist/{TableBox-DIJffyts.mjs → TableBox-bmrKh_ax.mjs} +89 -38
- package/dist/TableBox-bmrKh_ax.mjs.map +1 -0
- package/dist/TableBox.d.mts +2 -2
- package/dist/{TableBoxCell-D1bjYv7b.d.mts → TableBoxCell-CvjLYhTV.d.mts} +24 -10
- package/dist/TableBoxCell.d.mts +1 -1
- package/dist/TableBoxField.d.mts +8 -5
- package/dist/{TableBoxRow-CTR14HJF.d.mts → TableBoxRow-BzXECgid.d.mts} +4 -4
- package/dist/TableBoxRow.d.mts +1 -1
- package/dist/{TableBoxRowActions-BoMt5d0b.d.mts → TableBoxRowActions-BAiFXiCh.d.mts} +2 -2
- package/dist/TableBoxRowActions.d.mts +1 -1
- package/dist/TableCell.d.mts +1 -1
- package/dist/{TableControls-BZyiqk9V.d.mts → TableControls-BehR7CKS.d.mts} +4 -4
- package/dist/TableControls-DVTtNAPo.mjs +3859 -0
- package/dist/TableControls-DVTtNAPo.mjs.map +1 -0
- package/dist/TableControls.d.mts +1 -1
- package/dist/{TableControlsContext-CleTWT7z.d.mts → TableControlsContext-D_SBFZN1.d.mts} +2 -2
- package/dist/TableControlsContext.d.mts +1 -1
- package/dist/{TableHead-CTsZNRJm.d.cts → TableHead-LxvG0e9k.d.mts} +1 -1
- package/dist/TableHead.d.mts +1 -1
- package/dist/{TableHeaderCell-UoY92mzR.d.cts → TableHeaderCell-Br8ZE3Xe.d.mts} +1 -1
- package/dist/TableHeaderCell.d.mts +1 -1
- package/dist/{TableLayout-_TWUnffx.d.mts → TableLayout-BZeP8qfg.d.mts} +7 -1
- package/dist/TableLayout.d.mts +1 -1
- package/dist/{TableRow-BVzduO4G.d.cts → TableRow-BvS4yjo6.d.mts} +2 -2
- package/dist/TableRow.d.mts +1 -1
- package/dist/TableTH.d.mts +1 -1
- package/dist/{TableViewConfigurationDropdown-D2TM2wCv.d.mts → TableViewConfigurationDropdown-BYPh4dIP.d.mts} +2 -2
- package/dist/TableViewConfigurationDropdown.d.mts +1 -1
- package/dist/TechnicalSticker.d.mts +1 -1
- package/dist/{Text-D3FXEnG6.d.mts → Text-DNPbAuUG.d.mts} +3 -3
- package/dist/{Text-hEoPeOc9.mjs → Text-RcEfNFLx.mjs} +1 -1
- package/dist/{Text-hEoPeOc9.mjs.map → Text-RcEfNFLx.mjs.map} +1 -1
- package/dist/Text.d.mts +1 -1
- package/dist/{TextArea-KpDoXg-5.d.cts → TextArea-B89wtTsF.d.mts} +2 -2
- package/dist/{TextArea-DIPeBLkr.mjs → TextArea-NCLsW-03.mjs} +3 -3
- package/dist/{TextArea-DIPeBLkr.mjs.map → TextArea-NCLsW-03.mjs.map} +1 -1
- package/dist/TextArea.d.mts +1 -1
- package/dist/{TextUnderlineTooltip-Cep5cgEQ.d.mts → TextUnderlineTooltip-5-0D8s4z.d.mts} +3 -3
- package/dist/TextUnderlineTooltip.d.mts +1 -1
- package/dist/Tile.d.mts +2 -2
- package/dist/Toast.d.mts +1 -1
- package/dist/{Toggle-CfjUQlcK.mjs → Toggle-Bie9zCem.mjs} +5 -5
- package/dist/{Toggle-CfjUQlcK.mjs.map → Toggle-Bie9zCem.mjs.map} +1 -1
- package/dist/{Toggle-BQCOJZjZ.d.mts → Toggle-DzYLgxGk.d.mts} +1 -1
- package/dist/Toggle.d.mts +1 -1
- package/dist/{Tooltip-CDvOu1UN.mjs → Tooltip-BvDbmXak.mjs} +3 -3
- package/dist/{Tooltip-CDvOu1UN.mjs.map → Tooltip-BvDbmXak.mjs.map} +1 -1
- package/dist/{Tooltip-DRgufW3i.d.mts → Tooltip-CUC-JuRL.d.mts} +3 -3
- package/dist/Tooltip.d.mts +1 -1
- package/dist/{TruncatedText-Cy8NpHzm.d.mts → TruncatedText-BJnowVTx.d.mts} +1 -1
- package/dist/components/Attribute/index.mjs +10 -10
- package/dist/components/Attribute/index.mjs.map +1 -1
- package/dist/components/Badge/index.mjs +1 -1
- package/dist/components/Banner/index.mjs +1 -1
- package/dist/components/Breadcrumbs/index.d.mts +2 -2
- package/dist/components/Breadcrumbs/index.mjs +1 -267
- package/dist/components/Button/index.d.mts +2 -2
- package/dist/components/Button/index.mjs +1 -1
- package/dist/components/ButtonGroup/index.mjs +3 -3
- package/dist/components/Card/index.d.mts +2 -2
- package/dist/components/Card/index.mjs +1 -1
- package/dist/components/CardV2/index.d.mts +1 -1
- package/dist/components/CardV2/index.mjs +1 -410
- package/dist/components/Checkbox/index.d.mts +1 -1
- package/dist/components/Checkbox/index.mjs +1 -1
- package/dist/components/Combobox/index.d.mts +2 -2
- package/dist/components/Combobox/index.mjs +1 -1
- package/dist/components/ConfigFormGroup/index.mjs +2 -2
- package/dist/components/DataTable/TableControls/index.d.mts +16 -6
- package/dist/components/DataTable/TableControls/index.mjs +2 -2
- package/dist/components/DataTable/index.mjs +28 -26
- package/dist/components/DataTable/index.mjs.map +1 -1
- package/dist/components/DataTable/types.d.mts +2 -2
- package/dist/components/DatePicker/index.mjs +1 -921
- package/dist/components/DropdownButton/index.mjs +1 -1
- package/dist/components/DropdownMenu/index.d.mts +1 -1
- package/dist/components/DropdownMenu/index.mjs +1 -1
- package/dist/components/FormControl/index.d.mts +2 -2
- package/dist/components/FormControl/index.mjs +2 -2
- package/dist/components/FormField/index.d.mts +3 -3
- package/dist/components/FormField/index.mjs +2 -471
- package/dist/components/HoverCopyableField/index.mjs +1 -1
- package/dist/components/ImageTile/index.mjs +8 -8
- package/dist/components/Input/index.d.mts +1 -1
- package/dist/components/Input/index.mjs +1 -1
- package/dist/components/Link/index.mjs +1 -1
- package/dist/components/ListBox/index.d.mts +4 -2
- package/dist/components/ListBox/index.mjs +1 -1
- package/dist/components/LoadingShimmer/index.mjs +1 -1
- package/dist/components/MaskedInput/index.mjs +2 -2
- package/dist/components/Menu/index.d.mts +1 -1
- package/dist/components/Menu/index.mjs +1 -1
- package/dist/components/Modal/index.mjs +7 -7
- package/dist/components/PageHeader/index.mjs +1 -63
- package/dist/components/Pagination/index.d.mts +3 -3
- package/dist/components/Pagination/index.mjs +1 -1
- package/dist/components/Pii/index.mjs +1 -1
- package/dist/components/Popover/index.mjs +1 -1
- package/dist/components/ProgressBar/index.mjs +1 -1
- package/dist/components/Radio/index.mjs +1 -1
- package/dist/components/RadioGroup/index.d.mts +1 -1
- package/dist/components/RadioGroup/index.mjs +1 -1
- package/dist/components/SegmentedControl/index.d.mts +1 -1
- package/dist/components/SegmentedControl/index.mjs +1 -1
- package/dist/components/Select/index.d.mts +1 -1
- package/dist/components/Select/index.mjs +1 -1
- package/dist/components/Slider/index.mjs +2 -2
- package/dist/components/Spacer/index.mjs +1 -1
- package/dist/components/Stack/index.d.mts +1 -1
- package/dist/components/Stack/index.mjs +1 -1
- package/dist/components/StatusIndicator/index.d.mts +2 -2
- package/dist/components/StatusIndicator/index.mjs +61 -12
- package/dist/components/StatusIndicator/index.mjs.map +1 -1
- package/dist/components/Sticker/index.d.mts +1 -1
- package/dist/components/Sticker/index.mjs +1 -1
- package/dist/components/TabBar/index.mjs +1 -1
- package/dist/components/Table/index.d.mts +7 -7
- package/dist/components/Table/index.mjs +1 -1
- package/dist/components/TableBox/index.d.mts +2 -2
- package/dist/components/TableBox/index.mjs +1 -1
- package/dist/components/TechnicalSticker/index.mjs +4 -4
- package/dist/components/Text/index.d.mts +1 -1
- package/dist/components/Text/index.mjs +1 -1
- package/dist/components/TextArea/index.d.mts +1 -1
- package/dist/components/TextArea/index.mjs +1 -1
- package/dist/components/Tile/index.mjs +4 -4
- package/dist/components/Toast/index.mjs +1 -1
- package/dist/components/Toggle/index.d.mts +1 -1
- package/dist/components/Toggle/index.mjs +1 -1
- package/dist/components/Tooltip/index.d.mts +3 -3
- package/dist/components/Tooltip/index.mjs +1 -1
- package/dist/compound-expression.d.mts +9 -0
- package/dist/{constants-DVwPpTt5.d.mts → constants-BASogfT_.d.mts} +1 -1
- package/dist/constants.d.mts +1 -1
- package/dist/containers.d.mts +8 -0
- package/dist/display.d.mts +8 -0
- package/dist/fieldPickerOptions.d.mts +29 -0
- package/dist/filter-size-context-Blw6Sd69.d.mts +52 -0
- package/dist/filter-size-context.d.mts +2 -0
- package/dist/helpers.d.mts +1 -1
- package/dist/index-4_B2yRzD.d.mts +7 -0
- package/dist/index-BxXTpeUb2.d.mts +55 -0
- package/dist/{index-BPnJP0jZ.d.mts → index-DDbjWdk0.d.mts} +4 -4
- package/dist/index.d.mts +1 -1
- package/dist/index2.d.mts +1 -1
- package/dist/index3.d.mts +4 -1
- package/dist/index4.d.mts +11 -0
- package/dist/index5.d.mts +2 -0
- package/dist/{input-BkzqXwn7.d.cts → input-Bv5fKt5J.d.mts} +3 -3
- package/dist/inputFields.d.mts +11 -11
- package/dist/{intersperse-yd3oMrQl.mjs → intersperse-vOYvFOfF.mjs} +1 -1
- package/dist/{intersperse-Gxwgpbk8.cjs.map → intersperse-vOYvFOfF.mjs.map} +1 -1
- package/dist/layouts/LayoutLoadingShimmer/index.d.mts +2 -0
- package/dist/layouts/LayoutLoadingShimmer/index.mjs +133 -0
- package/dist/layouts/LayoutLoadingShimmer/index.mjs.map +1 -0
- package/dist/lib/MiddleTruncatedText.mjs +1 -1
- package/dist/lib/PDSProvider.d.mts +1 -1
- package/dist/lib/TruncatedText.d.mts +1 -1
- package/dist/lib/TruncatedText.mjs +1 -1
- package/dist/lib/TruncatedTextWithTooltip.d.mts +1 -1
- package/dist/lib/TruncatedTextWithTooltip.mjs +2 -2
- package/dist/lib/message.d.mts +1 -1
- package/dist/lib/pseudoClass.d.mts +1 -1
- package/dist/lib/useScrollOverflow.d.mts +7 -0
- package/dist/lib/useScrollOverflow.mjs +22 -1
- package/dist/lib/useScrollOverflow.mjs.map +1 -1
- package/dist/{message-BfJ87aIU.d.mts → message-CMHvlPGn.d.mts} +1 -1
- package/dist/mixins/focus.d.mts +1 -1
- package/dist/mixins/hoverable.d.mts +2 -2
- package/dist/mixins/input.d.mts +1 -1
- package/dist/mixins/menuItem.d.mts +2 -2
- package/dist/mixins/text.d.mts +1 -1
- package/dist/operators-Bo31xlc2.d.mts +43 -0
- package/dist/operators.d.mts +2 -0
- package/dist/{text-CtoDqqAO.d.mts → text-B21s9mRZ.d.mts} +1 -1
- package/dist/{theme-Bx2sn3Lt.d.mts → theme-BzBpJXhO.d.mts} +1 -1
- package/dist/theme.d.mts +1 -1
- package/dist/types-D58IoRx6.d.mts +158 -0
- package/dist/types-D7ppqnNj.d.mts +45 -0
- package/dist/{types-B34lbI2k.d.mts → types-DEh_pXgS.d.mts} +1 -1
- package/dist/{types-CuCT-YnX.d.cts → types-TV9nVfSe.d.mts} +1 -1
- package/dist/types.d.mts +1 -1
- package/dist/types2.d.mts +2 -2
- package/dist/types3.d.mts +2 -0
- package/dist/types4.d.mts +2 -0
- package/dist/use-rules-popover-selection.d.mts +19 -0
- package/dist/useComboboxFooterAction.d.mts +47 -0
- package/dist/useFilterStateV2-DCQghouq.d.mts +93 -0
- package/dist/useFilterStateV2.d.mts +2 -0
- package/dist/{useFormField-BE0rTBF1.d.mts → useFormField-D8mLsiQc.d.mts} +2 -2
- package/dist/{useFormField-eftOPiXj.mjs → useFormField-DhYd6bNn.mjs} +2 -2
- package/dist/{useFormField-eftOPiXj.mjs.map → useFormField-DhYd6bNn.mjs.map} +1 -1
- package/dist/useFormField.d.mts +1 -1
- package/dist/{useFormGroup-BMukAMAd.mjs → useFormGroup-DWVW7A9f.mjs} +1 -1
- package/dist/{useFormGroup-BMukAMAd.mjs.map → useFormGroup-DWVW7A9f.mjs.map} +1 -1
- package/dist/{useTableBoxDragAndDrop--QBq2FQh.d.cts → useTableBoxDragAndDrop-BMo-iaUF.d.mts} +1 -1
- package/dist/useTableBoxDragAndDrop.d.mts +1 -1
- package/dist/{useToggle-3k3EkV8V.mjs → useToggle-Bo3yd14Y.mjs} +1 -1
- package/dist/{useToggle-3k3EkV8V.mjs.map → useToggle-Bo3yd14Y.mjs.map} +1 -1
- package/dist/useTruncation.d.mts +1 -1
- package/dist/{utilities-DqO6Sh94.d.cts → utilities-BO_95qFA.d.mts} +1 -1
- package/dist/utilities.d.mts +1 -1
- package/dist/utils/storybook.mjs +1 -1
- package/dist/utils/testing.d.mts +1 -1
- package/dist/utils/testing.mjs +1 -1
- package/dist/utils.d.mts +22 -5
- package/dist/utils2.d.mts +9 -0
- package/dist/validation-vLh3t2dk.d.mts +51 -0
- package/dist/validation.d.mts +2 -0
- package/dist/value-control-resolver-CE-bqdAl.d.mts +46 -0
- package/dist/value-control-resolver.d.mts +2 -0
- package/package.json +203 -738
- package/skills/ui-authoring/COMPONENTS.md +331 -0
- package/skills/ui-authoring/EXAMPLES.md +370 -0
- package/skills/ui-authoring/REFERENCE.md +293 -0
- package/skills/ui-authoring/SKILL.md +237 -0
- package/dist/Action-z1rV4qON.d.cts +0 -35
- package/dist/Action.d.cts +0 -2
- package/dist/Attribute.d.cts +0 -107
- package/dist/AttributeGrid.d.cts +0 -40
- package/dist/Badge-DAGPU4-e.cjs +0 -38
- package/dist/Badge-DAGPU4-e.cjs.map +0 -1
- package/dist/Badge.d.cts +0 -25
- package/dist/Banner.d.cts +0 -48
- package/dist/Breadcrumb-BOxfam3E.d.cts +0 -31
- package/dist/Breadcrumb.d.cts +0 -2
- package/dist/Breadcrumbs.d.cts +0 -20
- package/dist/Button-DXsYU5qU.d.mts +0 -101
- package/dist/Button.d.cts +0 -2
- package/dist/ButtonGroup.d.cts +0 -20
- package/dist/Calendar.d.cts +0 -11
- package/dist/Card-CaOItkgL.cjs +0 -248
- package/dist/Card-CaOItkgL.cjs.map +0 -1
- package/dist/Card-DnmrsQWi.d.cts +0 -52
- package/dist/Card.d.cts +0 -2
- package/dist/Card2.d.cts +0 -95
- package/dist/Checkbox-DhxpxzGp.cjs +0 -183
- package/dist/Checkbox-DhxpxzGp.cjs.map +0 -1
- package/dist/Checkbox-MUC37dLY.d.mts +0 -46
- package/dist/Checkbox.d.cts +0 -2
- package/dist/CheckboxGroupField.d.cts +0 -24
- package/dist/Combobox-4Bi9-N1p.cjs +0 -1693
- package/dist/Combobox-4Bi9-N1p.cjs.map +0 -1
- package/dist/Combobox-Bedo_GIj.d.mts +0 -11
- package/dist/Combobox-CeKMrlxy.mjs.map +0 -1
- package/dist/Combobox.d.cts +0 -3
- package/dist/ComboboxBase-BoR9DVwe.d.cts +0 -321
- package/dist/ComboboxBase.d.cts +0 -2
- package/dist/ComboboxMultiSelect-CnI6sFAF.d.cts +0 -47
- package/dist/ComboboxMultiSelect.d.cts +0 -2
- package/dist/ComboboxSingleSelect-Japejm0g.d.cts +0 -35
- package/dist/ComboboxSingleSelect.d.cts +0 -2
- package/dist/CompactBar-DTsGo1zU.d.cts +0 -21
- package/dist/CompactBar.d.cts +0 -2
- package/dist/ConfigFormGroup-DVRhkS2L.cjs +0 -35
- package/dist/ConfigFormGroup-DVRhkS2L.cjs.map +0 -1
- package/dist/ConfigFormGroup.d.cts +0 -7
- package/dist/ControlBar-BGmXymCB.d.cts +0 -151
- package/dist/ControlBar.d.cts +0 -2
- package/dist/DataTable.d.cts +0 -372
- package/dist/DateField.d.cts +0 -23
- package/dist/DatePicker.d.cts +0 -19
- package/dist/DateRangePicker.d.cts +0 -52
- package/dist/DropdownButton-Du6dwZVL.cjs +0 -32
- package/dist/DropdownButton-Du6dwZVL.cjs.map +0 -1
- package/dist/DropdownButton.d.cts +0 -26
- package/dist/DropdownMenu-CfJxgWN5.cjs +0 -74
- package/dist/DropdownMenu-CfJxgWN5.cjs.map +0 -1
- package/dist/DropdownMenu-FIYz6oAo.d.cts +0 -75
- package/dist/DropdownMenu.d.cts +0 -2
- package/dist/ErrorProps-iEj4BIVA.d.mts +0 -8
- package/dist/ErrorProps.d.cts +0 -2
- package/dist/FloatingActionBar.d.cts +0 -40
- package/dist/FormControl-BrsML00L.d.cts +0 -60
- package/dist/FormControl-Czt95h2L.cjs +0 -212
- package/dist/FormControl-Czt95h2L.cjs.map +0 -1
- package/dist/FormControl.d.cts +0 -2
- package/dist/FormField-DoSXvnJ3.d.cts +0 -69
- package/dist/FormField.d.cts +0 -2
- package/dist/Header-CkZvzbzL.d.cts +0 -35
- package/dist/Header.d.cts +0 -2
- package/dist/HelperTooltip-C1CYMpJP.d.cts +0 -20
- package/dist/HelperTooltip.d.cts +0 -2
- package/dist/HoverCopyableField-B_WNB7Qp.cjs +0 -110
- package/dist/HoverCopyableField-B_WNB7Qp.cjs.map +0 -1
- package/dist/HoverCopyableField.d.cts +0 -16
- package/dist/IconButton-DNy7g5zh.cjs +0 -372
- package/dist/IconButton-DNy7g5zh.cjs.map +0 -1
- package/dist/IconButton-Dnnlf9uO.d.mts +0 -24
- package/dist/IconButton.d.cts +0 -2
- package/dist/ImageTile.d.cts +0 -60
- package/dist/Input-4KeYlOWM.d.mts +0 -65
- package/dist/Input-BDLUq-pK.cjs +0 -209
- package/dist/Input-BDLUq-pK.cjs.map +0 -1
- package/dist/Input-PWfwMSJ7.mjs.map +0 -1
- package/dist/Input.d.cts +0 -2
- package/dist/InputProps-CTLG2Tr0.d.mts +0 -16
- package/dist/InputProps.d.cts +0 -2
- package/dist/Inserter.d.cts +0 -12
- package/dist/Link.d.cts +0 -43
- package/dist/ListBox-BCscLcYL.cjs +0 -379
- package/dist/ListBox-BCscLcYL.cjs.map +0 -1
- package/dist/ListBox-CDNOJmvz.mjs.map +0 -1
- package/dist/ListBox-WyZvseo5.d.cts +0 -138
- package/dist/ListBox.d.cts +0 -2
- package/dist/ListBoxField.d.cts +0 -46
- package/dist/LoadingShimmer-CUjbAqGd.cjs +0 -92
- package/dist/LoadingShimmer-CUjbAqGd.cjs.map +0 -1
- package/dist/LoadingShimmer.d.cts +0 -38
- package/dist/MaskedInput.d.cts +0 -10
- package/dist/MatchHighlight.d.cts +0 -11
- package/dist/Menu-BKMxOXkj.d.cts +0 -70
- package/dist/Menu-BXic-30n.cjs +0 -217
- package/dist/Menu-BXic-30n.cjs.map +0 -1
- package/dist/Menu.d.cts +0 -2
- package/dist/MiddleTruncatedText-BIzKECv9.cjs +0 -178
- package/dist/MiddleTruncatedText-BIzKECv9.cjs.map +0 -1
- package/dist/Modal.d.cts +0 -146
- package/dist/PageHeader.d.cts +0 -26
- package/dist/PageSelector-DoROR_Uh.d.cts +0 -30
- package/dist/PageSelector.d.cts +0 -2
- package/dist/Pagination-B97xQ-Wk.d.cts +0 -33
- package/dist/Pagination-Cj08JRG9.mjs.map +0 -1
- package/dist/Pagination-D4IVVj3S.cjs +0 -233
- package/dist/Pagination-D4IVVj3S.cjs.map +0 -1
- package/dist/Pagination.d.cts +0 -2
- package/dist/Pii-D-Ry7L0t.cjs +0 -25
- package/dist/Pii-D-Ry7L0t.cjs.map +0 -1
- package/dist/Pii.d.cts +0 -16
- package/dist/Popover-BAv7BujW.cjs +0 -168
- package/dist/Popover-BAv7BujW.cjs.map +0 -1
- package/dist/Popover.d.cts +0 -90
- package/dist/ProgressBar.d.cts +0 -83
- package/dist/ProgressIndicator.d.cts +0 -64
- package/dist/PseudoClassProps-C5jpj6Rp.d.cts +0 -12
- package/dist/PseudoClassProps.d.cts +0 -2
- package/dist/Radio-nw846eRv.cjs +0 -154
- package/dist/Radio-nw846eRv.cjs.map +0 -1
- package/dist/Radio.d.cts +0 -21
- package/dist/RadioGroup-D_H1B7JV.d.cts +0 -21
- package/dist/RadioGroup-DmGVJCgT.cjs +0 -57
- package/dist/RadioGroup-DmGVJCgT.cjs.map +0 -1
- package/dist/RadioGroup.d.cts +0 -2
- package/dist/SearchInput-CAHYPQVX.d.cts +0 -46
- package/dist/SearchInput.d.cts +0 -2
- package/dist/SectionHeading-D-L4uPoX.d.cts +0 -71
- package/dist/SectionHeading.d.cts +0 -2
- package/dist/SegmentedControl-B1ZLgu61.mjs.map +0 -1
- package/dist/SegmentedControl-CE845gnm.d.mts +0 -59
- package/dist/SegmentedControl-CIJz0oxY.cjs +0 -124
- package/dist/SegmentedControl-CIJz0oxY.cjs.map +0 -1
- package/dist/SegmentedControl.d.cts +0 -2
- package/dist/Select-BMEwCfbv.d.mts +0 -77
- package/dist/Select-ByTgXOlU.mjs.map +0 -1
- package/dist/Select-C65bfYeT.cjs +0 -262
- package/dist/Select-C65bfYeT.cjs.map +0 -1
- package/dist/Select.d.cts +0 -2
- package/dist/Slider.d.cts +0 -51
- package/dist/SliderRHF.d.cts +0 -18
- package/dist/Spacer-GYHbk-dS.cjs +0 -20
- package/dist/Spacer-GYHbk-dS.cjs.map +0 -1
- package/dist/Spacer.d.cts +0 -17
- package/dist/Spinner-B6bx70yR.cjs +0 -48
- package/dist/Spinner-B6bx70yR.cjs.map +0 -1
- package/dist/Spinner.d.cts +0 -26
- package/dist/Stack-BF-9YjA1.cjs +0 -53
- package/dist/Stack-BF-9YjA1.cjs.map +0 -1
- package/dist/Stack-D979gYU9.d.cts +0 -47
- package/dist/Stack.d.cts +0 -2
- package/dist/StatusIndicator.d.cts +0 -54
- package/dist/Sticker-D0jIU2Dt.cjs +0 -244
- package/dist/Sticker-D0jIU2Dt.cjs.map +0 -1
- package/dist/Sticker-N8XZnv7M.d.cts +0 -68
- package/dist/Sticker.d.cts +0 -2
- package/dist/SwatchPicker.d.cts +0 -18
- package/dist/Tab.d.cts +0 -26
- package/dist/TabBar-BpHMYvNb.cjs +0 -298
- package/dist/TabBar-BpHMYvNb.cjs.map +0 -1
- package/dist/TabBar-ByusqAXF.mjs.map +0 -1
- package/dist/TabBar.d.cts +0 -33
- package/dist/TabBarIconButton.d.cts +0 -10
- package/dist/Table-C9rjUVpn.cjs +0 -478
- package/dist/Table-C9rjUVpn.cjs.map +0 -1
- package/dist/Table-D3nyiZt0.d.mts +0 -13
- package/dist/Table.d.cts +0 -2
- package/dist/TableBody-DpRjZgzU.d.mts +0 -9
- package/dist/TableBody.d.cts +0 -2
- package/dist/TableBox-DIJffyts.mjs.map +0 -1
- package/dist/TableBox-DO-yToJk.cjs +0 -1370
- package/dist/TableBox-DO-yToJk.cjs.map +0 -1
- package/dist/TableBox.d.cts +0 -3
- package/dist/TableBoxCell-DOQ8PnAT.d.cts +0 -259
- package/dist/TableBoxCell.d.cts +0 -2
- package/dist/TableBoxField.d.cts +0 -99
- package/dist/TableBoxRow-BUK5RjRA.d.cts +0 -86
- package/dist/TableBoxRow.d.cts +0 -2
- package/dist/TableBoxRowActions-CKgUEH38.d.cts +0 -57
- package/dist/TableBoxRowActions.d.cts +0 -2
- package/dist/TableCell.d.cts +0 -2
- package/dist/TableControls-Bkd3jhC1.d.cts +0 -70
- package/dist/TableControls-BkdSeQvt.mjs +0 -1029
- package/dist/TableControls-BkdSeQvt.mjs.map +0 -1
- package/dist/TableControls-DcbnNqeK.cjs +0 -1080
- package/dist/TableControls-DcbnNqeK.cjs.map +0 -1
- package/dist/TableControls.d.cts +0 -2
- package/dist/TableControlsContext-D6XpuRVw.d.cts +0 -21
- package/dist/TableControlsContext.d.cts +0 -2
- package/dist/TableHead-wl78HqPT.d.mts +0 -12
- package/dist/TableHead.d.cts +0 -2
- package/dist/TableHeaderCell-B2yiOw4w.d.mts +0 -17
- package/dist/TableHeaderCell.d.cts +0 -2
- package/dist/TableLayout-GyRS-Awa.d.cts +0 -19
- package/dist/TableLayout.d.cts +0 -2
- package/dist/TableRow-C-faHbkL.d.mts +0 -13
- package/dist/TableRow.d.cts +0 -2
- package/dist/TableTH.d.cts +0 -2
- package/dist/TableViewConfigurationDropdown-u3-prEHJ.d.cts +0 -32
- package/dist/TableViewConfigurationDropdown.d.cts +0 -2
- package/dist/TechnicalSticker.d.cts +0 -51
- package/dist/Text-CrGiWG2E.d.cts +0 -42
- package/dist/Text-CzN0DOXV.cjs +0 -95
- package/dist/Text-CzN0DOXV.cjs.map +0 -1
- package/dist/Text.d.cts +0 -2
- package/dist/TextArea-DVHi0K7M.cjs +0 -40
- package/dist/TextArea-DVHi0K7M.cjs.map +0 -1
- package/dist/TextArea-weASn4Hq.d.mts +0 -10
- package/dist/TextArea.d.cts +0 -2
- package/dist/TextUnderlineTooltip-cSMjZOuB.d.cts +0 -18
- package/dist/TextUnderlineTooltip.d.cts +0 -2
- package/dist/Tile.d.cts +0 -63
- package/dist/Toast.d.cts +0 -23
- package/dist/Toggle-CTtrhzsV.cjs +0 -174
- package/dist/Toggle-CTtrhzsV.cjs.map +0 -1
- package/dist/Toggle-CYQE1Nk_.d.cts +0 -54
- package/dist/Toggle.d.cts +0 -2
- package/dist/Tooltip-BhGRP9QA.d.cts +0 -100
- package/dist/Tooltip-vylydKVv.cjs +0 -152
- package/dist/Tooltip-vylydKVv.cjs.map +0 -1
- package/dist/Tooltip.d.cts +0 -2
- package/dist/TruncatedText-D8f3AiBL.d.cts +0 -18
- package/dist/chunk-CKQMccvm.cjs +0 -28
- package/dist/components/Attribute/index.cjs +0 -210
- package/dist/components/Attribute/index.cjs.map +0 -1
- package/dist/components/Attribute/index.d.cts +0 -3
- package/dist/components/Badge/index.cjs +0 -7
- package/dist/components/Badge/index.d.cts +0 -2
- package/dist/components/Banner/index.cjs +0 -99
- package/dist/components/Banner/index.cjs.map +0 -1
- package/dist/components/Banner/index.d.cts +0 -2
- package/dist/components/Breadcrumbs/index.cjs +0 -275
- package/dist/components/Breadcrumbs/index.cjs.map +0 -1
- package/dist/components/Breadcrumbs/index.d.cts +0 -2
- package/dist/components/Breadcrumbs/index.mjs.map +0 -1
- package/dist/components/Button/index.cjs +0 -11
- package/dist/components/Button/index.d.cts +0 -3
- package/dist/components/ButtonGroup/index.cjs +0 -112
- package/dist/components/ButtonGroup/index.cjs.map +0 -1
- package/dist/components/ButtonGroup/index.d.cts +0 -2
- package/dist/components/Card/index.cjs +0 -12
- package/dist/components/Card/index.d.cts +0 -3
- package/dist/components/CardV2/index.cjs +0 -419
- package/dist/components/CardV2/index.cjs.map +0 -1
- package/dist/components/CardV2/index.d.cts +0 -3
- package/dist/components/CardV2/index.mjs.map +0 -1
- package/dist/components/Checkbox/index.cjs +0 -7
- package/dist/components/Checkbox/index.d.cts +0 -2
- package/dist/components/Combobox/index.cjs +0 -9
- package/dist/components/Combobox/index.d.cts +0 -3
- package/dist/components/ConfigFormGroup/index.cjs +0 -10
- package/dist/components/ConfigFormGroup/index.d.cts +0 -3
- package/dist/components/DataTable/TableControls/index.cjs +0 -13
- package/dist/components/DataTable/TableControls/index.d.cts +0 -6
- package/dist/components/DataTable/index.cjs +0 -1434
- package/dist/components/DataTable/index.cjs.map +0 -1
- package/dist/components/DataTable/index.d.cts +0 -8
- package/dist/components/DataTable/types.cjs +0 -0
- package/dist/components/DataTable/types.d.cts +0 -159
- package/dist/components/DatePicker/index.cjs +0 -933
- package/dist/components/DatePicker/index.cjs.map +0 -1
- package/dist/components/DatePicker/index.d.cts +0 -5
- package/dist/components/DatePicker/index.mjs.map +0 -1
- package/dist/components/DropdownButton/index.cjs +0 -7
- package/dist/components/DropdownButton/index.d.cts +0 -2
- package/dist/components/DropdownMenu/index.cjs +0 -7
- package/dist/components/DropdownMenu/index.d.cts +0 -2
- package/dist/components/FormControl/index.cjs +0 -15
- package/dist/components/FormControl/index.d.cts +0 -3
- package/dist/components/FormField/index.cjs +0 -490
- package/dist/components/FormField/index.cjs.map +0 -1
- package/dist/components/FormField/index.d.cts +0 -6
- package/dist/components/FormField/index.mjs.map +0 -1
- package/dist/components/HoverCopyableField/index.cjs +0 -2
- package/dist/components/HoverCopyableField/index.d.cts +0 -2
- package/dist/components/ImageTile/index.cjs +0 -225
- package/dist/components/ImageTile/index.cjs.map +0 -1
- package/dist/components/ImageTile/index.d.cts +0 -2
- package/dist/components/Input/index.cjs +0 -14
- package/dist/components/Input/index.cjs.map +0 -1
- package/dist/components/Input/index.d.cts +0 -2
- package/dist/components/Link/index.cjs +0 -87
- package/dist/components/Link/index.cjs.map +0 -1
- package/dist/components/Link/index.d.cts +0 -2
- package/dist/components/ListBox/index.cjs +0 -8
- package/dist/components/ListBox/index.d.cts +0 -2
- package/dist/components/LoadingShimmer/index.cjs +0 -6
- package/dist/components/LoadingShimmer/index.d.cts +0 -2
- package/dist/components/MaskedInput/index.cjs +0 -29
- package/dist/components/MaskedInput/index.cjs.map +0 -1
- package/dist/components/MaskedInput/index.d.cts +0 -2
- package/dist/components/MatchHighlight/index.cjs +0 -31
- package/dist/components/MatchHighlight/index.cjs.map +0 -1
- package/dist/components/MatchHighlight/index.d.cts +0 -2
- package/dist/components/Menu/index.cjs +0 -14
- package/dist/components/Menu/index.d.cts +0 -2
- package/dist/components/Modal/index.cjs +0 -290
- package/dist/components/Modal/index.cjs.map +0 -1
- package/dist/components/Modal/index.d.cts +0 -2
- package/dist/components/PageHeader/index.cjs +0 -71
- package/dist/components/PageHeader/index.cjs.map +0 -1
- package/dist/components/PageHeader/index.d.cts +0 -2
- package/dist/components/PageHeader/index.mjs.map +0 -1
- package/dist/components/Pagination/index.cjs +0 -10
- package/dist/components/Pagination/index.d.cts +0 -4
- package/dist/components/Pii/index.cjs +0 -2
- package/dist/components/Pii/index.d.cts +0 -2
- package/dist/components/Popover/index.cjs +0 -12
- package/dist/components/Popover/index.d.cts +0 -2
- package/dist/components/ProgressBar/index.cjs +0 -177
- package/dist/components/ProgressBar/index.cjs.map +0 -1
- package/dist/components/ProgressBar/index.d.cts +0 -2
- package/dist/components/ProgressIndicator/index.cjs +0 -185
- package/dist/components/ProgressIndicator/index.cjs.map +0 -1
- package/dist/components/ProgressIndicator/index.d.cts +0 -2
- package/dist/components/Radio/index.cjs +0 -7
- package/dist/components/Radio/index.d.cts +0 -2
- package/dist/components/RadioGroup/index.cjs +0 -7
- package/dist/components/RadioGroup/index.d.cts +0 -2
- package/dist/components/SegmentedControl/index.cjs +0 -8
- package/dist/components/SegmentedControl/index.d.cts +0 -2
- package/dist/components/Select/index.cjs +0 -9
- package/dist/components/Select/index.d.cts +0 -2
- package/dist/components/Slider/index.cjs +0 -245
- package/dist/components/Slider/index.cjs.map +0 -1
- package/dist/components/Slider/index.d.cts +0 -3
- package/dist/components/Spacer/index.cjs +0 -2
- package/dist/components/Spacer/index.d.cts +0 -2
- package/dist/components/Spinner/index.cjs +0 -7
- package/dist/components/Spinner/index.d.cts +0 -2
- package/dist/components/Stack/index.cjs +0 -8
- package/dist/components/Stack/index.d.cts +0 -2
- package/dist/components/StatusIndicator/index.cjs +0 -174
- package/dist/components/StatusIndicator/index.cjs.map +0 -1
- package/dist/components/StatusIndicator/index.d.cts +0 -2
- package/dist/components/Sticker/index.cjs +0 -11
- package/dist/components/Sticker/index.d.cts +0 -2
- package/dist/components/SwatchPicker/index.cjs +0 -63
- package/dist/components/SwatchPicker/index.cjs.map +0 -1
- package/dist/components/SwatchPicker/index.d.cts +0 -2
- package/dist/components/TabBar/index.cjs +0 -11
- package/dist/components/TabBar/index.d.cts +0 -4
- package/dist/components/Table/index.cjs +0 -21
- package/dist/components/Table/index.d.cts +0 -8
- package/dist/components/TableBox/index.cjs +0 -7
- package/dist/components/TableBox/index.d.cts +0 -3
- package/dist/components/TechnicalSticker/index.cjs +0 -239
- package/dist/components/TechnicalSticker/index.cjs.map +0 -1
- package/dist/components/TechnicalSticker/index.d.cts +0 -2
- package/dist/components/Text/index.cjs +0 -8
- package/dist/components/Text/index.d.cts +0 -2
- package/dist/components/TextArea/index.cjs +0 -7
- package/dist/components/TextArea/index.d.cts +0 -2
- package/dist/components/Tile/index.cjs +0 -102
- package/dist/components/Tile/index.cjs.map +0 -1
- package/dist/components/Tile/index.d.cts +0 -2
- package/dist/components/Toast/index.cjs +0 -134
- package/dist/components/Toast/index.cjs.map +0 -1
- package/dist/components/Toast/index.d.cts +0 -2
- package/dist/components/Toggle/index.cjs +0 -7
- package/dist/components/Toggle/index.d.cts +0 -2
- package/dist/components/Tooltip/index.cjs +0 -11
- package/dist/components/Tooltip/index.d.cts +0 -4
- package/dist/constants-kwVsjw8O.d.cts +0 -6
- package/dist/constants.d.cts +0 -2
- package/dist/constants2.d.cts +0 -10
- package/dist/helpers.d.cts +0 -76
- package/dist/index-D-BciAtf.d.cts +0 -1
- package/dist/index-D2HUTZ-d.d.cts +0 -1
- package/dist/index-D8dPsry7.d.mts +0 -1
- package/dist/index-DeEmP3Jc.d.cts +0 -1
- package/dist/index-DeVKzGce.d.mts +0 -1
- package/dist/index-DrZ2Dh-H.d.cts +0 -1
- package/dist/index-DxSM7VXJ.d.cts +0 -1
- package/dist/index-FtE8MXJ_.d.mts +0 -1
- package/dist/index-JuxZj_Qp2.d.mts +0 -1
- package/dist/index-LhFpnU-f.d.mts +0 -1
- package/dist/index-N-OgGgfF.d.mts +0 -1
- package/dist/index-NKYLt_R9.d.mts +0 -1
- package/dist/index-VWno75SQ.d.mts +0 -1
- package/dist/index-_tQRydn9.d.cts +0 -75
- package/dist/index-_wQ5ClJU.d.cts +0 -1
- package/dist/index-c55Utzva.d.mts +0 -1
- package/dist/index-gpCH5158.d.mts +0 -1
- package/dist/index-lQ_hGQ08.d.cts +0 -1
- package/dist/index-luywJTzJ.d.mts +0 -1
- package/dist/index-zO0Ly4bS.d.cts +0 -1
- package/dist/index.cjs +0 -0
- package/dist/index.d.cts +0 -2
- package/dist/index2.d.cts +0 -2
- package/dist/index3.d.cts +0 -1
- package/dist/input-DrG6mA0V.d.mts +0 -17
- package/dist/inputFields.d.cts +0 -83
- package/dist/intersperse-Gxwgpbk8.cjs +0 -26
- package/dist/intersperse-yd3oMrQl.mjs.map +0 -1
- package/dist/lib/ConfigContext.cjs +0 -15
- package/dist/lib/ConfigContext.cjs.map +0 -1
- package/dist/lib/ConfigContext.d.cts +0 -16
- package/dist/lib/GlobalStyles.cjs +0 -57
- package/dist/lib/GlobalStyles.cjs.map +0 -1
- package/dist/lib/GlobalStyles.d.cts +0 -8
- package/dist/lib/HeadlessAriaButton.cjs +0 -33
- package/dist/lib/HeadlessAriaButton.cjs.map +0 -1
- package/dist/lib/HeadlessAriaButton.d.cts +0 -12
- package/dist/lib/MiddleTruncatedText.cjs +0 -7
- package/dist/lib/MiddleTruncatedText.d.cts +0 -14
- package/dist/lib/PDSProvider.cjs +0 -13
- package/dist/lib/PDSProvider.cjs.map +0 -1
- package/dist/lib/PDSProvider.d.cts +0 -10
- package/dist/lib/TruncatedText.cjs +0 -39
- package/dist/lib/TruncatedText.cjs.map +0 -1
- package/dist/lib/TruncatedText.d.cts +0 -2
- package/dist/lib/TruncatedTextWithTooltip.cjs +0 -34
- package/dist/lib/TruncatedTextWithTooltip.cjs.map +0 -1
- package/dist/lib/TruncatedTextWithTooltip.d.cts +0 -15
- package/dist/lib/comboboxHelper.cjs +0 -46
- package/dist/lib/comboboxHelper.cjs.map +0 -1
- package/dist/lib/comboboxHelper.d.cts +0 -24
- package/dist/lib/copyTextToClipboard.cjs +0 -33
- package/dist/lib/copyTextToClipboard.cjs.map +0 -1
- package/dist/lib/copyTextToClipboard.d.cts +0 -4
- package/dist/lib/datePickerHelper.cjs +0 -36
- package/dist/lib/datePickerHelper.cjs.map +0 -1
- package/dist/lib/datePickerHelper.d.cts +0 -19
- package/dist/lib/message.cjs +0 -12
- package/dist/lib/message.cjs.map +0 -1
- package/dist/lib/message.d.cts +0 -2
- package/dist/lib/pseudoClass.cjs +0 -31
- package/dist/lib/pseudoClass.cjs.map +0 -1
- package/dist/lib/pseudoClass.d.cts +0 -45
- package/dist/lib/reorderItems.cjs +0 -38
- package/dist/lib/reorderItems.cjs.map +0 -1
- package/dist/lib/reorderItems.d.cts +0 -26
- package/dist/lib/selectHelper.cjs +0 -22
- package/dist/lib/selectHelper.cjs.map +0 -1
- package/dist/lib/selectHelper.d.cts +0 -14
- package/dist/lib/useControlled.cjs +0 -20
- package/dist/lib/useControlled.cjs.map +0 -1
- package/dist/lib/useControlled.d.cts +0 -16
- package/dist/lib/useIsOverflow.cjs +0 -58
- package/dist/lib/useIsOverflow.cjs.map +0 -1
- package/dist/lib/useIsOverflow.d.cts +0 -11
- package/dist/lib/useOutsideClick.cjs +0 -19
- package/dist/lib/useOutsideClick.cjs.map +0 -1
- package/dist/lib/useOutsideClick.d.cts +0 -13
- package/dist/lib/useScrollOverflow.cjs +0 -61
- package/dist/lib/useScrollOverflow.cjs.map +0 -1
- package/dist/lib/useScrollOverflow.d.cts +0 -36
- package/dist/lib/zindex.cjs +0 -26
- package/dist/lib/zindex.cjs.map +0 -1
- package/dist/lib/zindex.d.cts +0 -25
- package/dist/message-C2286H-r.d.cts +0 -9
- package/dist/mixins/focus.cjs +0 -39
- package/dist/mixins/focus.cjs.map +0 -1
- package/dist/mixins/focus.d.cts +0 -11
- package/dist/mixins/hoverable.cjs +0 -38
- package/dist/mixins/hoverable.cjs.map +0 -1
- package/dist/mixins/hoverable.d.cts +0 -16
- package/dist/mixins/input.cjs +0 -95
- package/dist/mixins/input.cjs.map +0 -1
- package/dist/mixins/input.d.cts +0 -2
- package/dist/mixins/menuItem.cjs +0 -110
- package/dist/mixins/menuItem.cjs.map +0 -1
- package/dist/mixins/menuItem.d.cts +0 -30
- package/dist/mixins/print/index.cjs +0 -25
- package/dist/mixins/print/index.cjs.map +0 -1
- package/dist/mixins/print/index.d.cts +0 -11
- package/dist/mixins/text.cjs +0 -93
- package/dist/mixins/text.cjs.map +0 -1
- package/dist/mixins/text.d.cts +0 -2
- package/dist/text-PmH5oc61.d.cts +0 -14
- package/dist/theme-Cadb1xzQ.d.cts +0 -154
- package/dist/theme.cjs +0 -353
- package/dist/theme.cjs.map +0 -1
- package/dist/theme.d.cts +0 -2
- package/dist/types-C_AUGurs.d.cts +0 -25
- package/dist/types-DTak9UTv.d.mts +0 -10
- package/dist/types.d.cts +0 -2
- package/dist/types2.d.cts +0 -2
- package/dist/useFormField-B98dmreO.cjs +0 -37
- package/dist/useFormField-B98dmreO.cjs.map +0 -1
- package/dist/useFormField-CaIdE7JQ.d.cts +0 -30
- package/dist/useFormField.d.cts +0 -2
- package/dist/useFormGroup-BE7v9eAj.cjs +0 -26
- package/dist/useFormGroup-BE7v9eAj.cjs.map +0 -1
- package/dist/useFormGroup.d.cts +0 -18
- package/dist/useTableBoxDragAndDrop-BTtv9PEt.d.mts +0 -69
- package/dist/useTableBoxDragAndDrop.d.cts +0 -2
- package/dist/useTableColumns.d.cts +0 -72
- package/dist/useToggle-CSkZWXtQ.cjs +0 -27
- package/dist/useToggle-CSkZWXtQ.cjs.map +0 -1
- package/dist/utilities-SMbDe8oK.d.mts +0 -9
- package/dist/utilities.d.cts +0 -2
- package/dist/utils/storybook.cjs +0 -12
- package/dist/utils/storybook.cjs.map +0 -1
- package/dist/utils/testing.cjs +0 -50
- package/dist/utils/testing.cjs.map +0 -1
- package/dist/utils/testing.d.cts +0 -18
- package/dist/variables/color.cjs +0 -22
- package/dist/variables/color.cjs.map +0 -1
- package/dist/variables/color.d.cts +0 -19
- package/dist/variables/effect.cjs +0 -27
- package/dist/variables/effect.cjs.map +0 -1
- package/dist/variables/effect.d.cts +0 -21
- package/dist/variables/keyframes.cjs +0 -22
- package/dist/variables/keyframes.cjs.map +0 -1
- package/dist/variables/keyframes.d.cts +0 -8
- package/dist/variables/spacing.cjs +0 -10
- package/dist/variables/spacing.cjs.map +0 -1
- package/dist/variables/spacing.d.cts +0 -8
- package/dist/variables/text.cjs +0 -13
- package/dist/variables/text.cjs.map +0 -1
- package/dist/variables/text.d.cts +0 -10
- package/dist/variables/transitions.cjs +0 -24
- package/dist/variables/transitions.cjs.map +0 -1
- package/dist/variables/transitions.d.cts +0 -19
- /package/dist/{index-8SLBz2NH.d.mts → index--p6oQT9I.d.mts} +0 -0
- /package/dist/{index-B2KLYYkM.d.cts → index-BYd3Btr1.d.mts} +0 -0
- /package/dist/{index-B5cbLMbC2.d.cts → index-CDGG7lCB.d.mts} +0 -0
- /package/dist/{index-BCsiC0tv.d.cts → index-CKKoxA9V.d.mts} +0 -0
- /package/dist/{index-BPSCxsMC.d.cts → index-CMuRFTR3.d.mts} +0 -0
- /package/dist/{index-BPiqSRRl.d.mts → index-CNxS4Tlu.d.mts} +0 -0
- /package/dist/{index-BR1oNnaF.d.cts → index-CWB6exYm.d.mts} +0 -0
- /package/dist/{index-BSVhZrWN.d.mts → index-CzItj62a.d.mts} +0 -0
- /package/dist/{index-BTImeehL2.d.mts → index-D4DUvwPf.d.mts} +0 -0
- /package/dist/{index-C0NRIDsj2.d.cts → index-DGsJdI5l.d.mts} +0 -0
- /package/dist/{index-C3kE54DD.d.mts → index-DM6vVDZD.d.mts} +0 -0
- /package/dist/{index-C6yvNuzO.d.cts → index-DWfPppPU.d.mts} +0 -0
- /package/dist/{index-C8k_zgEm.d.cts → index-DXJd7-2Z.d.mts} +0 -0
- /package/dist/{index-CEqOS-7M.d.mts → index-DkrC-i1D.d.mts} +0 -0
- /package/dist/{index-CROz1VSV.d.mts → index-DvuJXuAN.d.mts} +0 -0
- /package/dist/{index-CWt1yJ75.d.cts → index-Iujpc9_6.d.mts} +0 -0
- /package/dist/{index-CmCelmEL.d.cts → index-PWQavSPf.d.mts} +0 -0
- /package/dist/{index-CmUzJ4E-2.d.cts → index-e6k85DKM.d.mts} +0 -0
- /package/dist/{index-CsuikFeJ.d.mts → index-lIMqGGJz.d.mts} +0 -0
- /package/dist/{index-CtCMUyZA.d.cts → index-sViox9YW.d.mts} +0 -0
- /package/dist/{index-Cz6N-KeS.d.cts → index6.d.mts} +0 -0
package/dist/TextArea.d.cts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as TooltipStandardProps } from "./Tooltip-BhGRP9QA.cjs";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
import * as _$styled_components0 from "styled-components";
|
|
4
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
|
|
5
|
-
|
|
6
|
-
//#region components/Tooltip/TextUnderlineTooltip.d.ts
|
|
7
|
-
declare const TextWithDashedUnderline: _$styled_components0.StyledComponent<"span", any, {}, never>;
|
|
8
|
-
interface TextUnderlineTooltipProps extends Omit<TooltipStandardProps, 'trigger' | 'iconTrigger'> {
|
|
9
|
-
tooltip: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
declare const TextUnderlineTooltip: ({
|
|
12
|
-
children,
|
|
13
|
-
tooltip,
|
|
14
|
-
...props
|
|
15
|
-
}: TextUnderlineTooltipProps) => _$react_jsx_runtime0.JSX.Element;
|
|
16
|
-
//#endregion
|
|
17
|
-
export { TextWithDashedUnderline as n, TextUnderlineTooltip as t };
|
|
18
|
-
//# sourceMappingURL=TextUnderlineTooltip-cSMjZOuB.d.cts.map
|
package/dist/Tile.d.cts
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { o as StickerProps } from "./Sticker-N8XZnv7M.cjs";
|
|
2
|
-
import { ComponentPropsWithoutRef, ReactNode } from "react";
|
|
3
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
|
|
4
|
-
|
|
5
|
-
//#region components/Tile/Tile.d.ts
|
|
6
|
-
type TileSize = 'sm' | 'md';
|
|
7
|
-
interface TileStickerProps extends Omit<StickerProps, 'children' | 'onDismiss' | 'dismissButtonProps'> {
|
|
8
|
-
/**
|
|
9
|
-
* Text content of the sticker. The Tile owns rendering so callers cannot
|
|
10
|
-
* inject arbitrary JSX.
|
|
11
|
-
*/
|
|
12
|
-
text: string;
|
|
13
|
-
}
|
|
14
|
-
interface TileProps extends ComponentPropsWithoutRef<'div'> {
|
|
15
|
-
/**
|
|
16
|
-
* Size of the tile. Controls value typography and padding.
|
|
17
|
-
*
|
|
18
|
-
* @defaultValue 'md'
|
|
19
|
-
*/
|
|
20
|
-
size?: TileSize;
|
|
21
|
-
/**
|
|
22
|
-
* Label rendered above the value.
|
|
23
|
-
*/
|
|
24
|
-
label: string;
|
|
25
|
-
/**
|
|
26
|
-
* Tooltip content shown when hovering the label. When provided, the label
|
|
27
|
-
* is rendered with a dashed-underline trigger.
|
|
28
|
-
*/
|
|
29
|
-
labelTooltip?: ReactNode;
|
|
30
|
-
/**
|
|
31
|
-
* Main value displayed prominently. Pass a `[before, after]` tuple to render
|
|
32
|
-
* a transition between two values with a right-pointing arrow between them.
|
|
33
|
-
*/
|
|
34
|
-
value: string | [string, string];
|
|
35
|
-
/**
|
|
36
|
-
* Optional sticker rendered to the right of the value. The Tile renders the
|
|
37
|
-
* `<Sticker>` itself; callers configure it via these props (text + any
|
|
38
|
-
* non-children sticker props such as `variant` or `icon`).
|
|
39
|
-
*/
|
|
40
|
-
sticker?: TileStickerProps;
|
|
41
|
-
/**
|
|
42
|
-
* Optional metadata text rendered beneath the value.
|
|
43
|
-
*/
|
|
44
|
-
metadata?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Tooltip content shown when hovering the metadata. When provided, the
|
|
47
|
-
* metadata is rendered with a dashed-underline trigger.
|
|
48
|
-
*/
|
|
49
|
-
metadataTooltip?: ReactNode;
|
|
50
|
-
}
|
|
51
|
-
declare const Tile: ({
|
|
52
|
-
size,
|
|
53
|
-
label,
|
|
54
|
-
labelTooltip,
|
|
55
|
-
value,
|
|
56
|
-
sticker,
|
|
57
|
-
metadata,
|
|
58
|
-
metadataTooltip,
|
|
59
|
-
...props
|
|
60
|
-
}: TileProps) => _$react_jsx_runtime0.JSX.Element;
|
|
61
|
-
//#endregion
|
|
62
|
-
export { Tile, Tile as default, TileProps, TileSize, TileStickerProps };
|
|
63
|
-
//# sourceMappingURL=Tile.d.cts.map
|
package/dist/Toast.d.cts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { t as MessageType } from "./message-C2286H-r.cjs";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
|
|
3
|
-
import { HTMLMotionProps } from "framer-motion";
|
|
4
|
-
|
|
5
|
-
//#region components/Toast/Toast.d.ts
|
|
6
|
-
interface ToastProps extends HTMLMotionProps<'div'> {
|
|
7
|
-
id: string;
|
|
8
|
-
message: React.ReactNode;
|
|
9
|
-
messageType: MessageType;
|
|
10
|
-
onDismiss?: () => void;
|
|
11
|
-
shouldClipOverflow?: boolean;
|
|
12
|
-
}
|
|
13
|
-
declare const TOAST_WIDTH = "324px";
|
|
14
|
-
declare const Toast: ({
|
|
15
|
-
message,
|
|
16
|
-
messageType,
|
|
17
|
-
onDismiss,
|
|
18
|
-
shouldClipOverflow,
|
|
19
|
-
...elemProps
|
|
20
|
-
}: ToastProps) => _$react_jsx_runtime0.JSX.Element;
|
|
21
|
-
//#endregion
|
|
22
|
-
export { TOAST_WIDTH, Toast, ToastProps };
|
|
23
|
-
//# sourceMappingURL=Toast.d.cts.map
|
package/dist/Toggle-CTtrhzsV.cjs
DELETED
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
const require_chunk = require("./chunk-CKQMccvm.cjs");
|
|
2
|
-
const require_lib_pseudoClass = require("./lib/pseudoClass.cjs");
|
|
3
|
-
const require_mixins_focus = require("./mixins/focus.cjs");
|
|
4
|
-
require("./variables/transitions.cjs");
|
|
5
|
-
const require_Text = require("./Text-CzN0DOXV.cjs");
|
|
6
|
-
const require_useToggle = require("./useToggle-CSkZWXtQ.cjs");
|
|
7
|
-
const require_useFormField = require("./useFormField-B98dmreO.cjs");
|
|
8
|
-
let _persona_design_tokens = require("@persona/design-tokens");
|
|
9
|
-
let styled_components = require("styled-components");
|
|
10
|
-
styled_components = require_chunk.__toESM(styled_components);
|
|
11
|
-
let react = require("react");
|
|
12
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
|
-
let react_aria = require("react-aria");
|
|
14
|
-
//#region components/Toggle/Toggle.tsx
|
|
15
|
-
const SWITCH_SIZES = {
|
|
16
|
-
md: {
|
|
17
|
-
width: 32,
|
|
18
|
-
height: 18
|
|
19
|
-
},
|
|
20
|
-
sm: {
|
|
21
|
-
width: 28,
|
|
22
|
-
height: parseInt(_persona_design_tokens.Spacing[4], 10)
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const SLIDER_SIZES = {
|
|
26
|
-
md: {
|
|
27
|
-
diameter: 14,
|
|
28
|
-
offset: 2
|
|
29
|
-
},
|
|
30
|
-
sm: {
|
|
31
|
-
diameter: parseInt(_persona_design_tokens.Spacing[3], 10),
|
|
32
|
-
offset: 2
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
const Container = styled_components.default.div`
|
|
36
|
-
display: inline-flex;
|
|
37
|
-
align-items: center;
|
|
38
|
-
position: relative;
|
|
39
|
-
`;
|
|
40
|
-
const Switch = styled_components.default.div`
|
|
41
|
-
transition: box-shadow ${"200ms"};
|
|
42
|
-
position: relative;
|
|
43
|
-
display: inline-flex;
|
|
44
|
-
height: ${({ size }) => SWITCH_SIZES[size].height}px;
|
|
45
|
-
width: ${({ size }) => SWITCH_SIZES[size].width}px;
|
|
46
|
-
border-radius: 1000px;
|
|
47
|
-
cursor: pointer;
|
|
48
|
-
&${require_lib_pseudoClass.isDisabled} {
|
|
49
|
-
cursor: not-allowed;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
${require_mixins_focus.focusOutlineControlled}
|
|
53
|
-
|
|
54
|
-
/* Background */
|
|
55
|
-
&:before {
|
|
56
|
-
position: absolute;
|
|
57
|
-
content: '';
|
|
58
|
-
height: ${({ size }) => SWITCH_SIZES[size].height}px;
|
|
59
|
-
width: ${({ size }) => SWITCH_SIZES[size].width}px;
|
|
60
|
-
top: 0;
|
|
61
|
-
right: 0;
|
|
62
|
-
bottom: 0;
|
|
63
|
-
background-color: ${({ checked, disabled }) => disabled ? checked ? _persona_design_tokens.Color.BackgroundInputActiveDisabled : _persona_design_tokens.Color.BackgroundInputDisabled : checked ? _persona_design_tokens.Color.BackgroundInputActive : _persona_design_tokens.Color.BackgroundInputToggle};
|
|
64
|
-
|
|
65
|
-
transition: ${"400ms"};
|
|
66
|
-
border-radius: 1000px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&${require_lib_pseudoClass.isHovered}${require_lib_pseudoClass.isNotDisabled}:before {
|
|
70
|
-
background-color: ${({ checked }) => checked ? _persona_design_tokens.Color.BackgroundInputActiveHover : _persona_design_tokens.Color.BackgroundInputToggleHover};
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
/* Slider thumb */
|
|
74
|
-
&:after {
|
|
75
|
-
position: absolute;
|
|
76
|
-
content: '';
|
|
77
|
-
height: ${({ size }) => SLIDER_SIZES[size].diameter}px;
|
|
78
|
-
width: ${({ size }) => SLIDER_SIZES[size].diameter}px;
|
|
79
|
-
bottom: ${({ size }) => SLIDER_SIZES[size].offset}px;
|
|
80
|
-
background-color: ${_persona_design_tokens.Color.BackgroundInputDefault};
|
|
81
|
-
transition: ${"400ms"};
|
|
82
|
-
border-radius: 1000px;
|
|
83
|
-
|
|
84
|
-
right: ${({ size }) => SLIDER_SIZES[size].offset}px;
|
|
85
|
-
|
|
86
|
-
${({ checked, size }) => !checked && styled_components.css`
|
|
87
|
-
transform: translateX(-${getSlideDistance(size)}px);
|
|
88
|
-
`}
|
|
89
|
-
}
|
|
90
|
-
`;
|
|
91
|
-
const ToggleLabel = (0, styled_components.default)(require_Text.Label)`
|
|
92
|
-
cursor: ${({ disabled }) => disabled ? "initial" : "pointer"};
|
|
93
|
-
color: ${_persona_design_tokens.Color.TextSecondary};
|
|
94
|
-
|
|
95
|
-
padding: 0 ${_persona_design_tokens.Spacing[2]};
|
|
96
|
-
white-space: nowrap;
|
|
97
|
-
line-height: ${({ size = "md" }) => `${SWITCH_SIZES[size].height}px`};
|
|
98
|
-
|
|
99
|
-
${({ theme, disabled }) => disabled && styled_components.css`
|
|
100
|
-
color: ${theme.color.text.disabled};
|
|
101
|
-
`}
|
|
102
|
-
`;
|
|
103
|
-
function getSlideDistance(size) {
|
|
104
|
-
const switchSize = SWITCH_SIZES[size];
|
|
105
|
-
const sliderSize = SLIDER_SIZES[size];
|
|
106
|
-
return switchSize.width - sliderSize.diameter - sliderSize.offset * 2;
|
|
107
|
-
}
|
|
108
|
-
const HiddenInput = styled_components.default.input`
|
|
109
|
-
height: 0;
|
|
110
|
-
width: 0;
|
|
111
|
-
margin: -1px;
|
|
112
|
-
border: 0;
|
|
113
|
-
overflow: hidden;
|
|
114
|
-
clip: rect(0, 0, 0, 0);
|
|
115
|
-
position: absolute;
|
|
116
|
-
`;
|
|
117
|
-
const Toggle = (0, react.forwardRef)(function Toggle({ className, disabled, titleOff = "Off", titleOn = "On", onChange = () => void 0, value, id, labelOn, labelOff, "data-test": dataTest, "aria-label": ariaLabel, size = "md" }, ref) {
|
|
118
|
-
const field = require_useFormField.useFormField({ disabled });
|
|
119
|
-
const generatedId = (0, react_aria.useId)();
|
|
120
|
-
const label = value ? labelOn : labelOff || labelOn;
|
|
121
|
-
const [focused, { enable: setFocus, disable: clearFocus }] = require_useToggle.useToggle();
|
|
122
|
-
const handleChange = (0, react.useCallback)(() => {
|
|
123
|
-
onChange(!value);
|
|
124
|
-
inputRef.current?.focus();
|
|
125
|
-
}, [onChange, value]);
|
|
126
|
-
const inputRef = (0, react.useRef)();
|
|
127
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
|
|
128
|
-
className,
|
|
129
|
-
"data-test": dataTest,
|
|
130
|
-
title: value ? titleOn : titleOff,
|
|
131
|
-
ref,
|
|
132
|
-
children: [
|
|
133
|
-
label != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleLabel, {
|
|
134
|
-
htmlFor: generatedId,
|
|
135
|
-
disabled: field.disabled,
|
|
136
|
-
size,
|
|
137
|
-
children: label
|
|
138
|
-
}),
|
|
139
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
|
|
140
|
-
id,
|
|
141
|
-
checked: !!value,
|
|
142
|
-
disabled: field.disabled,
|
|
143
|
-
focused,
|
|
144
|
-
onClick: field.disabled ? void 0 : handleChange,
|
|
145
|
-
size
|
|
146
|
-
}),
|
|
147
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HiddenInput, {
|
|
148
|
-
id: generatedId,
|
|
149
|
-
ref: inputRef,
|
|
150
|
-
"data-test-toggle-status": value ? "on" : "off",
|
|
151
|
-
disabled: field.disabled,
|
|
152
|
-
type: "checkbox",
|
|
153
|
-
checked: !!value,
|
|
154
|
-
readOnly: true,
|
|
155
|
-
onChange: disabled ? void 0 : handleChange,
|
|
156
|
-
onFocus: setFocus,
|
|
157
|
-
onBlur: clearFocus,
|
|
158
|
-
"aria-checked": !!value,
|
|
159
|
-
role: "switch",
|
|
160
|
-
"aria-readonly": field.disabled,
|
|
161
|
-
...label ? { "aria-labelledby": generatedId } : { "aria-label": ariaLabel ?? (value ? "Toggle on" : "Toggle off") }
|
|
162
|
-
})
|
|
163
|
-
]
|
|
164
|
-
});
|
|
165
|
-
});
|
|
166
|
-
//#endregion
|
|
167
|
-
Object.defineProperty(exports, "Toggle", {
|
|
168
|
-
enumerable: true,
|
|
169
|
-
get: function() {
|
|
170
|
-
return Toggle;
|
|
171
|
-
}
|
|
172
|
-
});
|
|
173
|
-
|
|
174
|
-
//# sourceMappingURL=Toggle-CTtrhzsV.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle-CTtrhzsV.cjs","names":["Spacing","isDisabled","focusOutlineControlled","Color","isHovered","isNotDisabled","Label","useFormField","useToggle"],"sources":["../components/Toggle/Toggle.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, useCallback, useRef } from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport { Label } from 'design-system/components/Text';\nimport { isDisabled, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport useToggle from 'design-system/lib/useToggle';\nimport { focusOutlineControlled } from 'design-system/mixins/focus';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ntype ToggleSize = 'md' | 'sm';\n\ninterface SwitchSizes {\n width: number;\n height: number;\n}\n\nconst SWITCH_SIZES: Record<ToggleSize, SwitchSizes> = {\n md: { width: 32, height: 18 },\n sm: { width: 28, height: parseInt(Spacing[4], 10) }, // 16px height from tokens\n};\n\ninterface SliderSizes {\n diameter: number;\n offset: number;\n}\n\nconst SLIDER_SIZES: Record<ToggleSize, SliderSizes> = {\n md: { diameter: 14, offset: 2 },\n sm: { diameter: parseInt(Spacing[3], 10), offset: 2 }, // 12px diameter from tokens\n};\n\nconst Container = styled.div`\n display: inline-flex;\n align-items: center;\n position: relative;\n`;\n\ntype SwitchProps = Pick<ToggleProps, 'disabled'> & {\n checked: boolean;\n focused: boolean;\n size: ToggleSize;\n};\nconst Switch = styled.div<SwitchProps>`\n transition: box-shadow ${TransitionDuration.Fast};\n position: relative;\n display: inline-flex;\n height: ${({ size }) => SWITCH_SIZES[size].height}px;\n width: ${({ size }) => SWITCH_SIZES[size].width}px;\n border-radius: 1000px;\n cursor: pointer;\n &${isDisabled} {\n cursor: not-allowed;\n }\n\n ${focusOutlineControlled}\n\n /* Background */\n &:before {\n position: absolute;\n content: '';\n height: ${({ size }) => SWITCH_SIZES[size].height}px;\n width: ${({ size }) => SWITCH_SIZES[size].width}px;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: ${({ checked, disabled }) =>\n disabled\n ? checked\n ? Color.BackgroundInputActiveDisabled\n : Color.BackgroundInputDisabled\n : checked\n ? Color.BackgroundInputActive\n : Color.BackgroundInputToggle};\n\n transition: ${TransitionDuration.Medium};\n border-radius: 1000px;\n }\n\n &${isHovered}${isNotDisabled}:before {\n background-color: ${({ checked }) =>\n checked ? Color.BackgroundInputActiveHover : Color.BackgroundInputToggleHover};\n }\n\n /* Slider thumb */\n &:after {\n position: absolute;\n content: '';\n height: ${({ size }) => SLIDER_SIZES[size].diameter}px;\n width: ${({ size }) => SLIDER_SIZES[size].diameter}px;\n bottom: ${({ size }) => SLIDER_SIZES[size].offset}px;\n background-color: ${Color.BackgroundInputDefault};\n transition: ${TransitionDuration.Medium};\n border-radius: 1000px;\n\n right: ${({ size }) => SLIDER_SIZES[size].offset}px;\n\n ${({ checked, size }) =>\n !checked &&\n css`\n transform: translateX(-${getSlideDistance(size)}px);\n `}\n }\n`;\n\nconst ToggleLabel = styled(Label)<Pick<ToggleProps, 'disabled' | 'size'>>`\n cursor: ${({ disabled }) => (disabled ? 'initial' : 'pointer')};\n color: ${Color.TextSecondary};\n\n padding: 0 ${Spacing[2]};\n white-space: nowrap;\n line-height: ${({ size = 'md' }) => `${SWITCH_SIZES[size].height}px`};\n\n ${({ theme, disabled }) =>\n disabled &&\n css`\n color: ${theme.color.text.disabled};\n `}\n`;\n\nfunction getSlideDistance(size: ToggleSize) {\n const switchSize = SWITCH_SIZES[size];\n const sliderSize = SLIDER_SIZES[size];\n return switchSize.width - sliderSize.diameter - sliderSize.offset * 2;\n}\n\nconst HiddenInput = styled.input`\n height: 0;\n width: 0;\n margin: -1px;\n border: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n position: absolute;\n`;\n\nexport interface ToggleProps {\n className?: string;\n /** Disables interaction and renders the toggle in a muted style. */\n disabled?: boolean;\n /**\n * Tooltip / title shown on the root element when the toggle is off.\n * @defaultValue 'Off'\n */\n titleOff?: string;\n /**\n * Tooltip / title shown on the root element when the toggle is on.\n * @defaultValue 'On'\n */\n titleOn?: string;\n /**\n * Called with the new boolean value when the user clicks the toggle.\n * The component is fully controlled — you must update `value` in response.\n */\n onChange?: (value: boolean) => void;\n /**\n * Current on/off state. Falsy values (`false`, `null`, `undefined`, `''`)\n * are treated as off; `true` is treated as on.\n */\n value: boolean | null | undefined | '';\n /** `id` forwarded to the visible switch element. */\n id?: string;\n /** Label node rendered to the left of the switch when the toggle is on. */\n labelOn?: ReactNode;\n /**\n * Label node rendered to the left of the switch when the toggle is off.\n * Falls back to `labelOn` when not provided.\n */\n labelOff?: ReactNode;\n 'data-test'?: string;\n /**\n * Accessible label for the hidden `<input role=\"switch\">`.\n * Required when no visible label is provided via `labelOn` / `labelOff`.\n */\n 'aria-label'?: string;\n /**\n * Size of the toggle switch.\n * @defaultValue 'md'\n */\n size?: ToggleSize;\n}\n\nexport const Toggle = forwardRef<HTMLDivElement, ToggleProps>(function Toggle(\n {\n className,\n disabled,\n titleOff = 'Off',\n titleOn = 'On',\n onChange = () => undefined,\n value,\n id,\n labelOn,\n labelOff,\n 'data-test': dataTest,\n 'aria-label': ariaLabel,\n size = 'md',\n },\n ref,\n) {\n const field = useFormField({ disabled });\n const generatedId = useId();\n const label = value ? labelOn : labelOff || labelOn;\n\n const [focused, { enable: setFocus, disable: clearFocus }] = useToggle();\n\n const handleChange = useCallback(() => {\n onChange(!value);\n inputRef.current?.focus();\n }, [onChange, value]);\n\n const inputRef = useRef<HTMLInputElement>();\n\n return (\n <Container\n className={className}\n data-test={dataTest}\n title={value ? titleOn : titleOff}\n ref={ref}\n >\n {label != null && (\n <ToggleLabel htmlFor={generatedId} disabled={field.disabled} size={size}>\n {label}\n </ToggleLabel>\n )}\n <Switch\n id={id}\n checked={!!value}\n disabled={field.disabled}\n focused={focused}\n onClick={field.disabled ? undefined : handleChange}\n size={size}\n />\n <HiddenInput\n id={generatedId}\n /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n ref={inputRef}\n data-test-toggle-status={value ? 'on' : 'off'}\n disabled={field.disabled}\n type='checkbox'\n checked={!!value}\n readOnly={true}\n onChange={disabled ? undefined : handleChange}\n onFocus={setFocus}\n onBlur={clearFocus}\n aria-checked={!!value}\n role='switch'\n aria-readonly={field.disabled}\n {...(label\n ? { 'aria-labelledby': generatedId }\n : { 'aria-label': ariaLabel ?? (value ? 'Toggle on' : 'Toggle off') })}\n />\n </Container>\n );\n});\n\nexport default Toggle;\n"],"mappings":"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"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import * as _$react from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
|
|
4
|
-
//#region components/Toggle/Toggle.d.ts
|
|
5
|
-
type ToggleSize = 'md' | 'sm';
|
|
6
|
-
interface ToggleProps {
|
|
7
|
-
className?: string;
|
|
8
|
-
/** Disables interaction and renders the toggle in a muted style. */
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Tooltip / title shown on the root element when the toggle is off.
|
|
12
|
-
* @defaultValue 'Off'
|
|
13
|
-
*/
|
|
14
|
-
titleOff?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Tooltip / title shown on the root element when the toggle is on.
|
|
17
|
-
* @defaultValue 'On'
|
|
18
|
-
*/
|
|
19
|
-
titleOn?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Called with the new boolean value when the user clicks the toggle.
|
|
22
|
-
* The component is fully controlled — you must update `value` in response.
|
|
23
|
-
*/
|
|
24
|
-
onChange?: (value: boolean) => void;
|
|
25
|
-
/**
|
|
26
|
-
* Current on/off state. Falsy values (`false`, `null`, `undefined`, `''`)
|
|
27
|
-
* are treated as off; `true` is treated as on.
|
|
28
|
-
*/
|
|
29
|
-
value: boolean | null | undefined | '';
|
|
30
|
-
/** `id` forwarded to the visible switch element. */
|
|
31
|
-
id?: string;
|
|
32
|
-
/** Label node rendered to the left of the switch when the toggle is on. */
|
|
33
|
-
labelOn?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Label node rendered to the left of the switch when the toggle is off.
|
|
36
|
-
* Falls back to `labelOn` when not provided.
|
|
37
|
-
*/
|
|
38
|
-
labelOff?: ReactNode;
|
|
39
|
-
'data-test'?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Accessible label for the hidden `<input role="switch">`.
|
|
42
|
-
* Required when no visible label is provided via `labelOn` / `labelOff`.
|
|
43
|
-
*/
|
|
44
|
-
'aria-label'?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Size of the toggle switch.
|
|
47
|
-
* @defaultValue 'md'
|
|
48
|
-
*/
|
|
49
|
-
size?: ToggleSize;
|
|
50
|
-
}
|
|
51
|
-
declare const Toggle: _$react.ForwardRefExoticComponent<ToggleProps & _$react.RefAttributes<HTMLDivElement>>;
|
|
52
|
-
//#endregion
|
|
53
|
-
export { ToggleProps as n, Toggle as t };
|
|
54
|
-
//# sourceMappingURL=Toggle-CYQE1Nk_.d.cts.map
|
package/dist/Toggle.d.cts
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { r as _default, t as CardProps } from "./Card-DnmrsQWi.cjs";
|
|
2
|
-
import { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode } from "react";
|
|
3
|
-
import { DefaultTheme, StyledComponent } from "styled-components";
|
|
4
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
|
|
5
|
-
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
6
|
-
|
|
7
|
-
//#region components/Tooltip/Tooltip.d.ts
|
|
8
|
-
interface FloatingTooltipProps extends CardProps {
|
|
9
|
-
zIndex?: number;
|
|
10
|
-
contentAlignment: 'start' | 'center' | 'end';
|
|
11
|
-
maxWidth?: string;
|
|
12
|
-
size?: 'sm' | 'md';
|
|
13
|
-
}
|
|
14
|
-
declare const FloatingTooltip: StyledComponent<ComponentType<ComponentPropsWithoutRef<typeof _default>>, DefaultTheme, FloatingTooltipProps>;
|
|
15
|
-
interface TooltipBaseProps extends Omit<TooltipPrimitive.TooltipProps, 'disableHoverableContent'>, TooltipPrimitive.TooltipContentProps {
|
|
16
|
-
/**
|
|
17
|
-
* Optionally hide tooltip arrow.
|
|
18
|
-
*/
|
|
19
|
-
hideArrow?: boolean;
|
|
20
|
-
children?: ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Disabling will prevent tooltip from rendering on the trigger
|
|
23
|
-
*/
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Render in a portal.
|
|
27
|
-
* Disable to render adjacent to trigger for rendering within elements such as modals
|
|
28
|
-
*/
|
|
29
|
-
portal?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Props applied to Radix UI Portal component
|
|
32
|
-
*/
|
|
33
|
-
portalProps?: TooltipPrimitive.TooltipPortalProps;
|
|
34
|
-
/**
|
|
35
|
-
* Determines if the tooltip closes when the mouse hovers into the tooltip content area
|
|
36
|
-
*/
|
|
37
|
-
interactive?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Override the zIndex in case the tooltip is used in situations where the content is
|
|
40
|
-
* already elevated
|
|
41
|
-
*/
|
|
42
|
-
zIndex?: number;
|
|
43
|
-
/**
|
|
44
|
-
* Max width of the contents in the tooltip
|
|
45
|
-
*/
|
|
46
|
-
maxWidth?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Props to apply to Tooltip.Trigger within
|
|
49
|
-
*/
|
|
50
|
-
triggerProps?: TooltipPrimitive.TooltipTriggerProps;
|
|
51
|
-
/**
|
|
52
|
-
* Size of the tooltip. Defaults to 'md'.
|
|
53
|
-
*/
|
|
54
|
-
size?: 'sm' | 'md';
|
|
55
|
-
}
|
|
56
|
-
interface TooltipStandardProps extends TooltipBaseProps {
|
|
57
|
-
/**
|
|
58
|
-
* Element that will trigger the tooltip. A `ref` will be set.
|
|
59
|
-
*/
|
|
60
|
-
trigger: ReactElement;
|
|
61
|
-
iconTrigger?: never;
|
|
62
|
-
className?: never;
|
|
63
|
-
contentAlignment?: 'start' | 'center' | 'end';
|
|
64
|
-
}
|
|
65
|
-
interface TooltipWithIconProps extends TooltipBaseProps {
|
|
66
|
-
trigger?: never;
|
|
67
|
-
/**
|
|
68
|
-
* Icon that will trigger the tooltip. A wrapper div will be set.
|
|
69
|
-
*/
|
|
70
|
-
iconTrigger: ReactElement;
|
|
71
|
-
className?: string;
|
|
72
|
-
contentAlignment?: 'start' | 'center' | 'end';
|
|
73
|
-
}
|
|
74
|
-
type TooltipProps = TooltipStandardProps | TooltipWithIconProps;
|
|
75
|
-
declare const Tooltip: ({
|
|
76
|
-
trigger: triggerProp,
|
|
77
|
-
iconTrigger,
|
|
78
|
-
side,
|
|
79
|
-
hideArrow,
|
|
80
|
-
defaultOpen,
|
|
81
|
-
open,
|
|
82
|
-
delayDuration,
|
|
83
|
-
onOpenChange,
|
|
84
|
-
interactive,
|
|
85
|
-
children,
|
|
86
|
-
"aria-label": ariaLabel,
|
|
87
|
-
portal,
|
|
88
|
-
disabled,
|
|
89
|
-
className,
|
|
90
|
-
maxWidth,
|
|
91
|
-
zIndex,
|
|
92
|
-
triggerProps,
|
|
93
|
-
portalProps,
|
|
94
|
-
contentAlignment,
|
|
95
|
-
size,
|
|
96
|
-
...contentProps
|
|
97
|
-
}: TooltipProps) => _$react_jsx_runtime0.JSX.Element;
|
|
98
|
-
//#endregion
|
|
99
|
-
export { TooltipWithIconProps as i, Tooltip as n, TooltipStandardProps as r, FloatingTooltip as t };
|
|
100
|
-
//# sourceMappingURL=Tooltip-BhGRP9QA.d.cts.map
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
const require_chunk = require("./chunk-CKQMccvm.cjs");
|
|
2
|
-
require("./variables/transitions.cjs");
|
|
3
|
-
const require_mixins_text = require("./mixins/text.cjs");
|
|
4
|
-
const require_Card = require("./Card-CaOItkgL.cjs");
|
|
5
|
-
const require_variables_keyframes = require("./variables/keyframes.cjs");
|
|
6
|
-
let _persona_design_tokens = require("@persona/design-tokens");
|
|
7
|
-
let styled_components = require("styled-components");
|
|
8
|
-
styled_components = require_chunk.__toESM(styled_components);
|
|
9
|
-
let react = require("react");
|
|
10
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
|
-
let _persona_icons = require("@persona/icons");
|
|
12
|
-
let _persona_icons_12px = require("@persona/icons/12px");
|
|
13
|
-
let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
|
|
14
|
-
_radix_ui_react_tooltip = require_chunk.__toESM(_radix_ui_react_tooltip);
|
|
15
|
-
//#region components/Tooltip/Tooltip.tsx
|
|
16
|
-
const FloatingTooltip = (0, styled_components.default)(require_Card.Card_default)`
|
|
17
|
-
${({ size = "md" }) => size === "sm" ? require_mixins_text.paragraphMixins.sm : require_mixins_text.paragraphMixins.md};
|
|
18
|
-
line-height: ${({ size = "md" }) => size === "sm" ? "16px" : "20px"};
|
|
19
|
-
box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
|
|
20
|
-
border-radius: 4px;
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: ${({ contentAlignment }) => contentAlignment || "center"};
|
|
23
|
-
justify-content: center;
|
|
24
|
-
padding: 6px ${_persona_design_tokens.Spacing[2]};
|
|
25
|
-
animation: ${require_variables_keyframes.fadeIn} ${"200ms"} ease-in-out;
|
|
26
|
-
z-index: ${({ zIndex }) => zIndex};
|
|
27
|
-
margin: 0;
|
|
28
|
-
max-width: ${({ maxWidth }) => maxWidth || "250px"};
|
|
29
|
-
color: ${_persona_design_tokens.Color.TextPrimary};
|
|
30
|
-
`;
|
|
31
|
-
const TooltipArrow = styled_components.default.div`
|
|
32
|
-
width: 0;
|
|
33
|
-
height: 0;
|
|
34
|
-
border-color: ${({ theme }) => theme.color.background.primary};
|
|
35
|
-
border-left: 8px solid transparent;
|
|
36
|
-
border-top: 8px solid ${({ theme }) => theme.color.background.primary};
|
|
37
|
-
border-right: 8px solid transparent;
|
|
38
|
-
`;
|
|
39
|
-
const TooltipIcon = styled_components.default.div`
|
|
40
|
-
display: inline-flex;
|
|
41
|
-
`;
|
|
42
|
-
const Tooltip = ({ trigger: triggerProp, iconTrigger, side = "bottom", hideArrow, defaultOpen, open, delayDuration = 300, onOpenChange, interactive = true, children, "aria-label": ariaLabel, portal = true, disabled = false, className, maxWidth, zIndex = 10, triggerProps, portalProps, contentAlignment, size = "md", ...contentProps }) => {
|
|
43
|
-
let trigger;
|
|
44
|
-
if (iconTrigger) trigger = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipIcon, {
|
|
45
|
-
tabIndex: 0,
|
|
46
|
-
"aria-label": ariaLabel,
|
|
47
|
-
className,
|
|
48
|
-
children: (0, react.cloneElement)(iconTrigger, {
|
|
49
|
-
focusable: false,
|
|
50
|
-
"aria-hidden": true
|
|
51
|
-
})
|
|
52
|
-
});
|
|
53
|
-
else trigger = triggerProp;
|
|
54
|
-
const hasRenderableChildren = react.Children.toArray(children).length > 0;
|
|
55
|
-
const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Content, {
|
|
56
|
-
side,
|
|
57
|
-
sideOffset: 8,
|
|
58
|
-
asChild: true,
|
|
59
|
-
...contentProps,
|
|
60
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FloatingTooltip, {
|
|
61
|
-
zIndex,
|
|
62
|
-
contentAlignment,
|
|
63
|
-
maxWidth,
|
|
64
|
-
size,
|
|
65
|
-
children: [children, !hideArrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Arrow, {
|
|
66
|
-
asChild: true,
|
|
67
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipArrow, {})
|
|
68
|
-
})]
|
|
69
|
-
})
|
|
70
|
-
});
|
|
71
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
|
|
72
|
-
delayDuration,
|
|
73
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Root, {
|
|
74
|
-
open,
|
|
75
|
-
defaultOpen,
|
|
76
|
-
disableHoverableContent: !interactive,
|
|
77
|
-
onOpenChange,
|
|
78
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
|
|
79
|
-
asChild: true,
|
|
80
|
-
"aria-label": ariaLabel,
|
|
81
|
-
...triggerProps,
|
|
82
|
-
children: trigger
|
|
83
|
-
}), !disabled && hasRenderableChildren && (portal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Portal, {
|
|
84
|
-
...portalProps,
|
|
85
|
-
children: content
|
|
86
|
-
}) : content)]
|
|
87
|
-
})
|
|
88
|
-
});
|
|
89
|
-
};
|
|
90
|
-
//#endregion
|
|
91
|
-
//#region components/Tooltip/HelperTooltip.tsx
|
|
92
|
-
/**
|
|
93
|
-
* Helper component for rendering help text via help icons.
|
|
94
|
-
*/
|
|
95
|
-
const HelperTooltip = ({ children, size = "md", ...props }) => {
|
|
96
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tooltip, {
|
|
97
|
-
size,
|
|
98
|
-
iconTrigger: size === "md" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleHelpIcon, { color: _persona_design_tokens.Color.BorderIconSecondary }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.CircleHelpIcon, { color: _persona_design_tokens.Color.BorderIconSecondary }),
|
|
99
|
-
...props,
|
|
100
|
-
children
|
|
101
|
-
});
|
|
102
|
-
};
|
|
103
|
-
//#endregion
|
|
104
|
-
//#region components/Tooltip/TextUnderlineTooltip.tsx
|
|
105
|
-
const TextWithDashedUnderline = styled_components.default.span`
|
|
106
|
-
text-decoration: underline;
|
|
107
|
-
text-decoration-style: dashed;
|
|
108
|
-
text-decoration-color: ${_persona_design_tokens.Color.CoreSlate700};
|
|
109
|
-
text-underline-offset: 2px;
|
|
110
|
-
text-decoration-thickness: 1px;
|
|
111
|
-
width: fit-content;
|
|
112
|
-
`;
|
|
113
|
-
const TextUnderlineTooltip = ({ children, tooltip, ...props }) => {
|
|
114
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tooltip, {
|
|
115
|
-
trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextWithDashedUnderline, { children }),
|
|
116
|
-
...props,
|
|
117
|
-
children: tooltip
|
|
118
|
-
});
|
|
119
|
-
};
|
|
120
|
-
//#endregion
|
|
121
|
-
Object.defineProperty(exports, "FloatingTooltip", {
|
|
122
|
-
enumerable: true,
|
|
123
|
-
get: function() {
|
|
124
|
-
return FloatingTooltip;
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
Object.defineProperty(exports, "HelperTooltip", {
|
|
128
|
-
enumerable: true,
|
|
129
|
-
get: function() {
|
|
130
|
-
return HelperTooltip;
|
|
131
|
-
}
|
|
132
|
-
});
|
|
133
|
-
Object.defineProperty(exports, "TextUnderlineTooltip", {
|
|
134
|
-
enumerable: true,
|
|
135
|
-
get: function() {
|
|
136
|
-
return TextUnderlineTooltip;
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
Object.defineProperty(exports, "TextWithDashedUnderline", {
|
|
140
|
-
enumerable: true,
|
|
141
|
-
get: function() {
|
|
142
|
-
return TextWithDashedUnderline;
|
|
143
|
-
}
|
|
144
|
-
});
|
|
145
|
-
Object.defineProperty(exports, "Tooltip", {
|
|
146
|
-
enumerable: true,
|
|
147
|
-
get: function() {
|
|
148
|
-
return Tooltip;
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
|
|
152
|
-
//# sourceMappingURL=Tooltip-vylydKVv.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-vylydKVv.cjs","names":["Card","paragraphMixins","Spacing","fadeIn","Color","Children","TooltipPrimitive","CircleHelpIcon","Color","CircleHelpIconSmall","Color"],"sources":["../components/Tooltip/Tooltip.tsx","../components/Tooltip/HelperTooltip.tsx","../components/Tooltip/TextUnderlineTooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {\n Children,\n cloneElement,\n type ComponentPropsWithoutRef,\n type ComponentType,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport styled, { type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport Card, { type CardProps } from 'design-system/components/Card';\nimport { paragraphMixins } from 'design-system/mixins/text';\nimport { fadeIn } from 'design-system/variables/keyframes';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ninterface FloatingTooltipProps extends CardProps {\n zIndex?: number;\n contentAlignment: 'start' | 'center' | 'end';\n maxWidth?: string;\n size?: 'sm' | 'md';\n}\n\nexport const FloatingTooltip: StyledComponent<\n ComponentType<ComponentPropsWithoutRef<typeof Card>>,\n DefaultTheme,\n FloatingTooltipProps\n> = styled(Card)<FloatingTooltipProps>`\n ${({ size = 'md' }) => (size === 'sm' ? paragraphMixins.sm : paragraphMixins.md)};\n line-height: ${({ size = 'md' }) => (size === 'sm' ? '16px' : '20px')};\n box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n display: flex;\n align-items: ${({ contentAlignment }) => contentAlignment || 'center'};\n justify-content: center;\n padding: 6px ${Spacing[2]};\n animation: ${fadeIn} ${TransitionDuration.Fast} ease-in-out;\n z-index: ${({ zIndex }) => zIndex};\n margin: 0;\n max-width: ${({ maxWidth }) => maxWidth || '250px'};\n color: ${Color.TextPrimary};\n`;\n\nconst TooltipArrow = styled.div`\n width: 0;\n height: 0;\n border-color: ${({ theme }) => theme.color.background.primary};\n border-left: 8px solid transparent;\n border-top: 8px solid ${({ theme }) => theme.color.background.primary};\n border-right: 8px solid transparent;\n`;\n\nconst TooltipIcon = styled.div`\n display: inline-flex;\n`;\n\ninterface TooltipBaseProps\n extends\n Omit<TooltipPrimitive.TooltipProps, 'disableHoverableContent'>,\n TooltipPrimitive.TooltipContentProps {\n /**\n * Optionally hide tooltip arrow.\n */\n hideArrow?: boolean;\n\n children?: ReactNode;\n\n /**\n * Disabling will prevent tooltip from rendering on the trigger\n */\n disabled?: boolean;\n\n /**\n * Render in a portal.\n * Disable to render adjacent to trigger for rendering within elements such as modals\n */\n portal?: boolean;\n\n /**\n * Props applied to Radix UI Portal component\n */\n portalProps?: TooltipPrimitive.TooltipPortalProps;\n\n /**\n * Determines if the tooltip closes when the mouse hovers into the tooltip content area\n */\n interactive?: boolean;\n\n /**\n * Override the zIndex in case the tooltip is used in situations where the content is\n * already elevated\n */\n zIndex?: number;\n\n /**\n * Max width of the contents in the tooltip\n */\n maxWidth?: string;\n\n /**\n * Props to apply to Tooltip.Trigger within\n */\n triggerProps?: TooltipPrimitive.TooltipTriggerProps;\n\n /**\n * Size of the tooltip. Defaults to 'md'.\n */\n size?: 'sm' | 'md';\n}\n\nexport interface TooltipStandardProps extends TooltipBaseProps {\n /**\n * Element that will trigger the tooltip. A `ref` will be set.\n */\n trigger: ReactElement;\n\n iconTrigger?: never;\n\n className?: never;\n\n contentAlignment?: 'start' | 'center' | 'end';\n}\n\nexport interface TooltipWithIconProps extends TooltipBaseProps {\n trigger?: never;\n\n /**\n * Icon that will trigger the tooltip. A wrapper div will be set.\n */\n iconTrigger: ReactElement;\n\n className?: string;\n\n contentAlignment?: 'start' | 'center' | 'end';\n}\n\ntype TooltipProps = TooltipStandardProps | TooltipWithIconProps;\n\nexport const Tooltip = ({\n trigger: triggerProp,\n iconTrigger,\n side = 'bottom',\n hideArrow,\n defaultOpen,\n open,\n delayDuration = 300,\n onOpenChange,\n interactive = true,\n children,\n 'aria-label': ariaLabel,\n portal = true,\n disabled = false,\n className,\n maxWidth,\n zIndex = 10,\n triggerProps,\n portalProps,\n contentAlignment,\n size = 'md',\n ...contentProps\n}: TooltipProps) => {\n let trigger;\n\n if (iconTrigger) {\n trigger = (\n <TooltipIcon tabIndex={0} aria-label={ariaLabel} className={className}>\n {cloneElement(iconTrigger, { focusable: false, 'aria-hidden': true })}\n </TooltipIcon>\n );\n } else {\n trigger = triggerProp;\n }\n\n // quick way to check if children are renderable. null, false, and true will be filtered out when converting to an array\n const hasRenderableChildren = Children.toArray(children).length > 0;\n\n const content = (\n <TooltipPrimitive.Content side={side} sideOffset={8} asChild {...contentProps}>\n <FloatingTooltip\n zIndex={zIndex}\n contentAlignment={contentAlignment}\n maxWidth={maxWidth}\n size={size}\n >\n {children}\n {!hideArrow && (\n <TooltipPrimitive.Arrow asChild>\n <TooltipArrow />\n </TooltipPrimitive.Arrow>\n )}\n </FloatingTooltip>\n </TooltipPrimitive.Content>\n );\n\n return (\n <TooltipPrimitive.Provider delayDuration={delayDuration}>\n <TooltipPrimitive.Root\n open={open}\n defaultOpen={defaultOpen}\n disableHoverableContent={!interactive}\n onOpenChange={onOpenChange}\n >\n <TooltipPrimitive.Trigger asChild aria-label={ariaLabel} {...triggerProps}>\n {trigger}\n </TooltipPrimitive.Trigger>\n\n {!disabled &&\n hasRenderableChildren &&\n (portal ? (\n <TooltipPrimitive.Portal {...portalProps}>{content}</TooltipPrimitive.Portal>\n ) : (\n content\n ))}\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nexport default Tooltip;\n","import type { ReactNode } from 'react';\n\nimport { Color } from '@persona/design-tokens';\nimport { CircleHelpIcon } from '@persona/icons';\nimport { CircleHelpIcon as CircleHelpIconSmall } from '@persona/icons/12px';\n\nimport Tooltip, { type TooltipWithIconProps } from './Tooltip';\n\nexport interface HelperTooltipProps extends Omit<TooltipWithIconProps, 'iconTrigger'> {\n children: ReactNode;\n size?: 'md' | 'sm';\n}\n\n/**\n * Helper component for rendering help text via help icons.\n */\nconst HelperTooltip = ({ children, size = 'md', ...props }: HelperTooltipProps) => {\n return (\n <Tooltip\n size={size}\n iconTrigger={\n size === 'md' ? (\n <CircleHelpIcon color={Color.BorderIconSecondary} />\n ) : (\n <CircleHelpIconSmall color={Color.BorderIconSecondary} />\n )\n }\n {...props}\n >\n {children}\n </Tooltip>\n );\n};\n\nexport default HelperTooltip;\n","import type { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\n\nimport Tooltip, { type TooltipStandardProps } from './Tooltip';\n\nexport const TextWithDashedUnderline = styled.span`\n text-decoration: underline;\n text-decoration-style: dashed;\n text-decoration-color: ${Color.CoreSlate700};\n text-underline-offset: 2px;\n text-decoration-thickness: 1px;\n width: fit-content;\n`;\n\ninterface TextUnderlineTooltipProps extends Omit<TooltipStandardProps, 'trigger' | 'iconTrigger'> {\n tooltip: ReactNode;\n}\n\nconst TextUnderlineTooltip = ({ children, tooltip, ...props }: TextUnderlineTooltipProps) => {\n return (\n <Tooltip trigger={<TextWithDashedUnderline>{children}</TextWithDashedUnderline>} {...props}>\n {tooltip}\n </Tooltip>\n );\n};\n\nexport default TextUnderlineTooltip;\n"],"mappings":"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"}
|
package/dist/Tooltip.d.cts
DELETED