@persona/design-system 0.1.9 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/{Action-CVtzREhU.d.mts → Action-B25g4O9p.d.mts} +3 -3
- package/dist/Action.d.mts +1 -1
- package/dist/AdvancedFilterRuleRow.d.mts +3 -3
- package/dist/AdvancedFilterRulesPopover.d.mts +3 -3
- package/dist/ArrayValueControl.d.mts +1 -1
- package/dist/Attribute.d.mts +5 -5
- package/dist/AttributeGrid.d.mts +1 -1
- package/dist/{Badge-DEVbRlJX.mjs → Badge-Bd_k492g.mjs} +2 -2
- package/dist/{Badge-DEVbRlJX.mjs.map → Badge-Bd_k492g.mjs.map} +1 -1
- package/dist/Banner.d.mts +1 -1
- package/dist/BooleanValueControl.d.mts +1 -1
- package/dist/{Breadcrumb-lziQ1FX9.d.mts → Breadcrumb-DEwZFJHF.d.mts} +10 -2
- package/dist/Breadcrumb.d.mts +1 -1
- package/dist/{Breadcrumbs-DJ5qqqRD.d.mts → Breadcrumbs-0e_3v9FF.d.mts} +2 -2
- package/dist/{Breadcrumbs-W8hIhdHD.mjs → Breadcrumbs-C9udlH48.mjs} +44 -27
- package/dist/Breadcrumbs-C9udlH48.mjs.map +1 -0
- package/dist/Breadcrumbs.d.mts +1 -1
- package/dist/{Button-Vd5O4DUp.d.mts → Button-KCl4uRtU.d.mts} +4 -4
- 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-CqnG--CU.d.mts → Card-8DuhHQIk.d.mts} +4 -4
- package/dist/{Card-BMCB9eFC.mjs → Card-CLTkZLKr.mjs} +4 -4
- package/dist/{Card-BMCB9eFC.mjs.map → Card-CLTkZLKr.mjs.map} +1 -1
- package/dist/Card.d.mts +1 -1
- package/dist/Card2.d.mts +2 -2
- package/dist/{CardV2-C0fcOUdp.mjs → CardV2-_GfXFd3d.mjs} +16 -16
- package/dist/{CardV2-C0fcOUdp.mjs.map → CardV2-_GfXFd3d.mjs.map} +1 -1
- package/dist/{Checkbox-Bm8exUfH.d.mts → Checkbox-Bmm-r5ei.d.mts} +1 -1
- package/dist/{Checkbox-BcuiFvK7.mjs → Checkbox-D77Rg7La.mjs} +7 -7
- package/dist/{Checkbox-BcuiFvK7.mjs.map → Checkbox-D77Rg7La.mjs.map} +1 -1
- package/dist/Checkbox.d.mts +1 -1
- package/dist/CheckboxGroupField.d.mts +2 -2
- package/dist/ChoicesValueControl.d.mts +1 -1
- package/dist/{Combobox-B6JyLog8.mjs → Combobox-BzqlrMK0.mjs} +55 -31
- package/dist/Combobox-BzqlrMK0.mjs.map +1 -0
- package/dist/{Combobox-BaD0f2Du.d.mts → Combobox-DVI8PoKx.d.mts} +3 -3
- package/dist/Combobox.d.mts +2 -2
- package/dist/{ComboboxBase-BsPf8BZh.d.mts → ComboboxBase-B8evOZpf.d.mts} +8 -8
- package/dist/ComboboxBase.d.mts +1 -1
- package/dist/{ComboboxMultiSelect-DhLzCWbz.d.mts → ComboboxMultiSelect-KJarhRm4.d.mts} +2 -2
- package/dist/ComboboxMultiSelect.d.mts +1 -1
- package/dist/{ComboboxSingleSelect-P0r5rs_u.d.mts → ComboboxSingleSelect-CcIGaphR.d.mts} +4 -4
- package/dist/ComboboxSingleSelect.d.mts +1 -1
- package/dist/{CompactBar-CXqlVKy7.d.mts → CompactBar-DfP7Wu1l.d.mts} +3 -3
- package/dist/CompactBar.d.mts +1 -1
- package/dist/{ConfigFormGroup-yhb2jldT.mjs → ConfigFormGroup-D1Qma23p.mjs} +2 -2
- package/dist/{ConfigFormGroup-yhb2jldT.mjs.map → ConfigFormGroup-D1Qma23p.mjs.map} +1 -1
- package/dist/{ControlBar-tOCQnbAl.d.mts → ControlBar-DYrjBDzu.d.mts} +2 -2
- package/dist/ControlBar.d.mts +1 -1
- package/dist/DataTable.d.mts +4 -4
- package/dist/DateField.d.mts +1 -1
- package/dist/{DatePicker-Bw79p-Lx.mjs → DatePicker-CK2D9jvG.mjs} +24 -24
- package/dist/DatePicker-CK2D9jvG.mjs.map +1 -0
- package/dist/DatePicker.d.mts +1 -1
- package/dist/DateRangePicker.d.mts +2 -1
- package/dist/DateValueControl.d.mts +1 -1
- package/dist/{DropdownButton-BI3IFJun.mjs → DropdownButton-CaM0itat.mjs} +3 -3
- package/dist/{DropdownButton-BI3IFJun.mjs.map → DropdownButton-CaM0itat.mjs.map} +1 -1
- package/dist/DropdownButton.d.mts +2 -2
- package/dist/{DropdownMenu-D25WBCah.mjs → DropdownMenu-B4f3LNoW.mjs} +3 -3
- package/dist/{DropdownMenu-D25WBCah.mjs.map → DropdownMenu-B4f3LNoW.mjs.map} +1 -1
- package/dist/{DropdownMenu-D6nfAsi0.d.mts → DropdownMenu-Bgho2AsJ.d.mts} +3 -3
- package/dist/DropdownMenu.d.mts +1 -1
- package/dist/{ErrorProps-CN2XjaOX.d.mts → ErrorProps-DX50vo-U.d.mts} +1 -1
- package/dist/ErrorProps.d.mts +1 -1
- package/dist/{FieldRegistry-rqSkjchY.d.mts → FieldRegistry-COyIA4VU.d.mts} +2 -2
- package/dist/FieldRegistry.d.mts +1 -1
- package/dist/{FilterBar-D3LiIy1-.d.mts → FilterBar-CS2YjiTr.d.mts} +8 -5
- package/dist/FilterBar.d.mts +1 -1
- package/dist/FilterPickerMenu.d.mts +3 -3
- package/dist/FilterPill.d.mts +1 -1
- package/dist/FilterPopover.d.mts +13 -3
- package/dist/FloatValueControl.d.mts +1 -1
- package/dist/{FormControl-CFU9uKF7.mjs → FormControl-CFYlkv7E.mjs} +3 -3
- package/dist/{FormControl-CFU9uKF7.mjs.map → FormControl-CFYlkv7E.mjs.map} +1 -1
- package/dist/{FormControl-DH3bgqaB.d.mts → FormControl-iPeOOlFb.d.mts} +4 -4
- package/dist/FormControl.d.mts +1 -1
- package/dist/FormControlLabel.d.mts +2 -2
- package/dist/{FormField-DdmgSWq4.mjs → FormField-Bol8gzNt.mjs} +20 -20
- package/dist/FormField-Bol8gzNt.mjs.map +1 -0
- package/dist/{FormField-BugkBvN4.d.mts → FormField-BruK7Des.d.mts} +2 -2
- package/dist/FormField.d.mts +1 -1
- package/dist/{Header-CDTYK1XJ.d.mts → Header-BxTdWg0Q.d.mts} +2 -2
- package/dist/Header.d.mts +1 -1
- package/dist/{HelperTooltip-B7Ysh8B3.d.mts → HelperTooltip-Z5NdrLCT.d.mts} +3 -3
- package/dist/HelperTooltip.d.mts +1 -1
- package/dist/{HoverCopyableField-7TWP0Y1Z.mjs → HoverCopyableField-C8AdtVrT.mjs} +7 -7
- package/dist/{HoverCopyableField-7TWP0Y1Z.mjs.map → HoverCopyableField-C8AdtVrT.mjs.map} +1 -1
- package/dist/HoverCopyableField.d.mts +1 -1
- package/dist/{IconButton-P8w0JDI5.mjs → IconButton-Bi4kdsbV.mjs} +9 -9
- package/dist/{IconButton-P8w0JDI5.mjs.map → IconButton-Bi4kdsbV.mjs.map} +1 -1
- package/dist/{IconButton-BHCmHIx5.d.mts → IconButton-BycIGS3p.d.mts} +2 -2
- 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-DMgVyZyq.d.mts → Input-CEcoDtTu.d.mts} +5 -5
- package/dist/{Input-QC6xla6I.mjs → Input-CSOxMzlt.mjs} +4 -4
- package/dist/{Input-QC6xla6I.mjs.map → Input-CSOxMzlt.mjs.map} +1 -1
- package/dist/Input.d.mts +1 -1
- package/dist/{InputProps-BnjxrdWQ.d.mts → InputProps-Buxtnz77.d.mts} +2 -2
- package/dist/InputProps.d.mts +1 -1
- package/dist/IntegerValueControl.d.mts +1 -1
- package/dist/LayoutLoadingShimmer.d.mts +1 -1
- package/dist/Link.d.mts +1 -1
- package/dist/{ListBox-TrL3Tb7X.mjs → ListBox-CSMVAgHm.mjs} +13 -13
- package/dist/{ListBox-TrL3Tb7X.mjs.map → ListBox-CSMVAgHm.mjs.map} +1 -1
- package/dist/{ListBox-D09N1a5D.d.mts → ListBox-CajNIX9P.d.mts} +5 -5
- package/dist/ListBox.d.mts +1 -1
- package/dist/ListBoxField.d.mts +3 -3
- package/dist/LoadingShimmer.d.mts +2 -2
- package/dist/{LogicRow-BcuiSTHN.d.mts → LogicRow-DK1NcP2a.d.mts} +4 -4
- package/dist/LogicRow.d.mts +1 -1
- package/dist/MaskedInput.d.mts +2 -2
- package/dist/MatchHighlight.d.mts +1 -1
- package/dist/{Menu-Bv8dsrz6.d.mts → Menu-BLtjpLst.d.mts} +4 -4
- package/dist/{Menu-DmeMgN-i.mjs → Menu-DDXR9uHy.mjs} +5 -5
- package/dist/{Menu-DmeMgN-i.mjs.map → Menu-DDXR9uHy.mjs.map} +1 -1
- package/dist/Menu.d.mts +1 -1
- package/dist/{MiddleTruncatedText-GXI-CPvs.mjs → MiddleTruncatedText-DjsUk8HM.mjs} +4 -4
- package/dist/{MiddleTruncatedText-GXI-CPvs.mjs.map → MiddleTruncatedText-DjsUk8HM.mjs.map} +1 -1
- package/dist/Modal.d.mts +3 -3
- package/dist/{PageHeader-jSLud2JI.mjs → PageHeader-BI2gxol5.mjs} +3 -3
- package/dist/{PageHeader-jSLud2JI.mjs.map → PageHeader-BI2gxol5.mjs.map} +1 -1
- package/dist/PageHeader.d.mts +2 -2
- package/dist/PageLayout.d.mts +16 -0
- package/dist/{PageSelector-vay4jpMp.d.mts → PageSelector-BDo3ge1E.d.mts} +3 -3
- package/dist/PageSelector.d.mts +1 -1
- package/dist/{Pagination-ygLutOst.d.mts → Pagination-Dcmv7bVe.d.mts} +2 -2
- package/dist/{Pagination-BeYukNCj.mjs → Pagination-DiaJX5Da.mjs} +8 -8
- package/dist/{Pagination-BeYukNCj.mjs.map → Pagination-DiaJX5Da.mjs.map} +1 -1
- package/dist/Pagination.d.mts +1 -1
- package/dist/{Pii-QsTrz8wn.mjs → Pii-CSBV5Is7.mjs} +2 -2
- package/dist/{Pii-QsTrz8wn.mjs.map → Pii-CSBV5Is7.mjs.map} +1 -1
- package/dist/Pii.d.mts +1 -1
- package/dist/PillShell.d.mts +1 -1
- package/dist/{Popover-BkDpDdaO.mjs → Popover-5y0p85Sw.mjs} +6 -6
- package/dist/{Popover-BkDpDdaO.mjs.map → Popover-5y0p85Sw.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-DLxPxo7T.d.mts → PseudoClassProps-CcSlKNev.d.mts} +1 -1
- package/dist/PseudoClassProps.d.mts +1 -1
- package/dist/{Radio-CSX2eO-O.mjs → Radio-aMjdUp4K.mjs} +3 -3
- package/dist/{Radio-CSX2eO-O.mjs.map → Radio-aMjdUp4K.mjs.map} +1 -1
- package/dist/{RadioGroup-CnK0opBd.mjs → RadioGroup-BpoKyoi3.mjs} +3 -3
- package/dist/{RadioGroup-CnK0opBd.mjs.map → RadioGroup-BpoKyoi3.mjs.map} +1 -1
- package/dist/{RadioGroup-DKqbSfju.d.mts → RadioGroup-Xn46ovrV.d.mts} +1 -1
- package/dist/RadioGroup.d.mts +1 -1
- package/dist/RangeCalendar.d.mts +3 -1
- package/dist/RangeCalendarPresets.d.mts +1 -1
- package/dist/RuleEditorFields.d.mts +3 -3
- package/dist/RulesPill.d.mts +1 -1
- package/dist/{SearchInput-Bp2yjaE1.d.mts → SearchInput-Try11aJD.d.mts} +10 -3
- package/dist/SearchInput.d.mts +1 -1
- package/dist/Section.d.mts +1 -1
- package/dist/{SectionHeading-Q-rx2LEd.d.mts → SectionHeading-BxKNuU2m.d.mts} +2 -2
- package/dist/SectionHeading.d.mts +1 -1
- package/dist/{SegmentedControl-CgDQIVll.mjs → SegmentedControl-Cgs6qlhN.mjs} +3 -3
- package/dist/{SegmentedControl-CgDQIVll.mjs.map → SegmentedControl-Cgs6qlhN.mjs.map} +1 -1
- package/dist/{SegmentedControl-DrjdUOU9.d.mts → SegmentedControl-DckAdhcD.d.mts} +2 -2
- package/dist/SegmentedControl.d.mts +1 -1
- package/dist/{Select-Bk27TgN8.d.mts → Select-COT4bkPb.d.mts} +4 -4
- package/dist/{Select-C1ZoRk39.mjs → Select-CmJEiYXU.mjs} +11 -11
- package/dist/{Select-C1ZoRk39.mjs.map → Select-CmJEiYXU.mjs.map} +1 -1
- 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-CJp0lwkL.mjs → Spacer-Ln3KChb5.mjs} +1 -1
- package/dist/{Spacer-CJp0lwkL.mjs.map → Spacer-Ln3KChb5.mjs.map} +1 -1
- package/dist/{Spinner-BEPF42RW.mjs → Spinner-BXfYWjC_.mjs} +2 -2
- package/dist/{Spinner-BEPF42RW.mjs.map → Spinner-BXfYWjC_.mjs.map} +1 -1
- package/dist/{Stack-CkV7k7TE.d.mts → Stack-DHaK1-dw.d.mts} +2 -2
- package/dist/{Stack-Bl54WmhY.mjs → Stack-ckRN7LrP.mjs} +1 -1
- package/dist/{Stack-Bl54WmhY.mjs.map → Stack-ckRN7LrP.mjs.map} +1 -1
- package/dist/Stack.d.mts +1 -1
- package/dist/StatusIndicator.d.mts +1 -1
- package/dist/{Sticker-CyGb9dEu.mjs → Sticker-BOlAy2TE.mjs} +5 -5
- package/dist/{Sticker-CyGb9dEu.mjs.map → Sticker-BOlAy2TE.mjs.map} +1 -1
- package/dist/{Sticker-Bs25ISz7.d.mts → Sticker-C8rvpu7M.d.mts} +6 -6
- package/dist/Sticker.d.mts +1 -1
- package/dist/StringValueControl.d.mts +1 -1
- package/dist/SwatchPicker.d.mts +1 -1
- package/dist/Tab.d.mts +3 -3
- package/dist/{TabBar-Bn8PHHBZ.mjs → TabBar-DX1Spi6D.mjs} +6 -6
- package/dist/{TabBar-Bn8PHHBZ.mjs.map → TabBar-DX1Spi6D.mjs.map} +1 -1
- package/dist/TabBarIconButton.d.mts +2 -2
- package/dist/{Table-BNScLj9g.d.mts → Table-8jXlKYLy.d.mts} +1 -1
- package/dist/{Table-BfontAeY.mjs → Table-BnYZVCLj.mjs} +7 -7
- package/dist/{Table-BfontAeY.mjs.map → Table-BnYZVCLj.mjs.map} +1 -1
- package/dist/Table.d.mts +1 -1
- package/dist/{TableBody-CrDNMyT8.d.mts → TableBody-ByEcFueE.d.mts} +1 -1
- package/dist/TableBody.d.mts +1 -1
- package/dist/{TableBox-bmrKh_ax.mjs → TableBox-BC5l3UMT.mjs} +68 -58
- package/dist/TableBox-BC5l3UMT.mjs.map +1 -0
- package/dist/TableBox.d.mts +2 -2
- package/dist/{TableBoxCell-CvjLYhTV.d.mts → TableBoxCell-CWh_riC8.d.mts} +8 -8
- package/dist/TableBoxCell.d.mts +1 -1
- package/dist/TableBoxField.d.mts +4 -4
- package/dist/{TableBoxRow-BzXECgid.d.mts → TableBoxRow-JnJXVqMr.d.mts} +4 -4
- package/dist/TableBoxRow.d.mts +1 -1
- package/dist/{TableBoxRowActions-BAiFXiCh.d.mts → TableBoxRowActions-CfEE1r4C.d.mts} +2 -2
- package/dist/TableBoxRowActions.d.mts +1 -1
- package/dist/TableCell.d.mts +1 -1
- package/dist/{TableControls-DVTtNAPo.mjs → TableControls-51NYgFvI.mjs} +133 -61
- package/dist/TableControls-51NYgFvI.mjs.map +1 -0
- package/dist/{TableControls-BehR7CKS.d.mts → TableControls-DscP6fyt.d.mts} +4 -4
- package/dist/TableControls.d.mts +1 -1
- package/dist/{TableControlsContext-D_SBFZN1.d.mts → TableControlsContext-BeJ7GHPN.d.mts} +2 -2
- package/dist/TableControlsContext.d.mts +1 -1
- package/dist/{TableHead-LxvG0e9k.d.mts → TableHead-g3afLl5B.d.mts} +1 -1
- package/dist/TableHead.d.mts +1 -1
- package/dist/{TableHeaderCell-Br8ZE3Xe.d.mts → TableHeaderCell-CWTMf2Fe.d.mts} +1 -1
- package/dist/TableHeaderCell.d.mts +1 -1
- package/dist/{TableLayout-BZeP8qfg.d.mts → TableLayout-hPlVO3dD.d.mts} +1 -1
- package/dist/TableLayout.d.mts +1 -1
- package/dist/{TableRow-BvS4yjo6.d.mts → TableRow-lvjbVccA.d.mts} +2 -2
- package/dist/TableRow.d.mts +1 -1
- package/dist/TableTH.d.mts +1 -1
- package/dist/{TableViewConfigurationDropdown-BYPh4dIP.d.mts → TableViewConfigurationDropdown-Ccxtk5dA.d.mts} +2 -2
- package/dist/TableViewConfigurationDropdown.d.mts +1 -1
- package/dist/TechnicalSticker-D7viw4H5.mjs +266 -0
- package/dist/TechnicalSticker-D7viw4H5.mjs.map +1 -0
- package/dist/TechnicalSticker.d.mts +7 -1
- package/dist/{Text-DNPbAuUG.d.mts → Text-CEisq2at.d.mts} +4 -4
- package/dist/{Text-RcEfNFLx.mjs → Text-hEoPeOc9.mjs} +1 -1
- package/dist/{Text-RcEfNFLx.mjs.map → Text-hEoPeOc9.mjs.map} +1 -1
- package/dist/Text.d.mts +1 -1
- package/dist/{TextArea-B89wtTsF.d.mts → TextArea-DiKEhpfD.d.mts} +2 -2
- package/dist/{TextArea-NCLsW-03.mjs → TextArea-DjmlpCdJ.mjs} +2 -2
- package/dist/{TextArea-NCLsW-03.mjs.map → TextArea-DjmlpCdJ.mjs.map} +1 -1
- package/dist/TextArea.d.mts +1 -1
- package/dist/{TextUnderlineTooltip-5-0D8s4z.d.mts → TextUnderlineTooltip-BKE4peKI.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-Bie9zCem.mjs → Toggle-D1rEjYoN.mjs} +5 -5
- package/dist/{Toggle-Bie9zCem.mjs.map → Toggle-D1rEjYoN.mjs.map} +1 -1
- package/dist/{Toggle-DzYLgxGk.d.mts → Toggle-oukvAn6V.d.mts} +1 -1
- package/dist/Toggle.d.mts +1 -1
- package/dist/{Tooltip-BvDbmXak.mjs → Tooltip-B-DDlRMw.mjs} +4 -4
- package/dist/{Tooltip-BvDbmXak.mjs.map → Tooltip-B-DDlRMw.mjs.map} +1 -1
- package/dist/{Tooltip-CUC-JuRL.d.mts → Tooltip-DZVPqxai.d.mts} +3 -3
- package/dist/Tooltip.d.mts +1 -1
- package/dist/{TruncatedText-BJnowVTx.d.mts → TruncatedText-D2R7uy_y.d.mts} +2 -2
- package/dist/components/Attribute/index.mjs +7 -7
- package/dist/components/Attribute/index.mjs.map +1 -1
- package/dist/components/Badge/index.mjs +1 -1
- package/dist/components/Banner/index.mjs +2 -2
- package/dist/components/Breadcrumbs/index.d.mts +1 -1
- package/dist/components/Breadcrumbs/index.mjs +1 -1
- package/dist/components/Button/index.d.mts +2 -2
- package/dist/components/Button/index.mjs +1 -1
- package/dist/components/ButtonGroup/index.mjs +2 -2
- 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 -1
- 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 +1 -1
- package/dist/components/DataTable/TableControls/index.d.mts +15 -15
- package/dist/components/DataTable/TableControls/index.mjs +1 -1
- package/dist/components/DataTable/index.mjs +24 -24
- 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 -1
- 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 +1 -1
- package/dist/components/FormField/index.d.mts +1 -1
- package/dist/components/FormField/index.mjs +1 -1
- 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 +3 -3
- package/dist/components/ListBox/index.d.mts +3 -3
- package/dist/components/ListBox/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 -1
- 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/ProgressIndicator/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 +3 -3
- package/dist/components/Spacer/index.mjs +1 -1
- package/dist/components/Spinner/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.mjs +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 +1 -231
- 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 +4 -4
- 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 +1 -1
- package/dist/{constants-BASogfT_.d.mts → constants-bA9kCzRQ.d.mts} +1 -1
- package/dist/constants.d.mts +1 -1
- package/dist/containers.d.mts +1 -1
- package/dist/display.d.mts +1 -1
- package/dist/fieldPickerOptions.d.mts +2 -2
- package/dist/{filter-size-context-Blw6Sd69.d.mts → filter-size-context-C1TvrE_O.d.mts} +2 -2
- package/dist/filter-size-context.d.mts +1 -1
- package/dist/helpers.d.mts +1 -1
- package/dist/{index-4_B2yRzD.d.mts → index-BC4edEsD.d.mts} +2 -2
- package/dist/{index-BxXTpeUb2.d.mts → index-DLV1eMsr.d.mts} +5 -5
- package/dist/{index-DDbjWdk0.d.mts → index-Doptc4HI.d.mts} +5 -5
- package/dist/index.d.mts +1 -1
- package/dist/index2.d.mts +1 -1
- package/dist/index3.d.mts +3 -3
- package/dist/index4.d.mts +10 -10
- package/dist/{input-Bv5fKt5J.d.mts → input-D3Qd6dI8.d.mts} +3 -3
- package/dist/inputFields.d.mts +11 -11
- 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/{message-CMHvlPGn.d.mts → message-CsK3sIq0.d.mts} +1 -1
- package/dist/mixins/focus.d.mts +1 -1
- package/dist/mixins/hoverable.d.mts +2 -2
- package/dist/mixins/hoverable.mjs +1 -1
- package/dist/mixins/input.d.mts +1 -1
- package/dist/mixins/input.mjs +1 -1
- package/dist/mixins/menuItem.d.mts +2 -2
- package/dist/mixins/text.d.mts +1 -1
- package/dist/{operators-Bo31xlc2.d.mts → operators-C_xPzItk.d.mts} +2 -2
- package/dist/operators.d.mts +1 -1
- package/dist/{layouts → patterns}/LayoutLoadingShimmer/index.mjs +6 -6
- package/dist/patterns/LayoutLoadingShimmer/index.mjs.map +1 -0
- package/dist/patterns/PageLayout/index.d.mts +2 -0
- package/dist/patterns/PageLayout/index.mjs +35 -0
- package/dist/patterns/PageLayout/index.mjs.map +1 -0
- package/dist/{text-B21s9mRZ.d.mts → text-BaQdW8qa.d.mts} +1 -1
- package/dist/{theme-BzBpJXhO.d.mts → theme-D9Y6NOzb.d.mts} +1 -1
- package/dist/theme.d.mts +1 -1
- package/dist/{types-D7ppqnNj.d.mts → types-BKEwt0uq.d.mts} +2 -2
- package/dist/{types-DEh_pXgS.d.mts → types-CjHuZoVJ.d.mts} +1 -1
- package/dist/{types-TV9nVfSe.d.mts → types-DVsBRqjZ.d.mts} +1 -1
- package/dist/{types-D58IoRx6.d.mts → types-mb3woqzE.d.mts} +6 -7
- package/dist/types.d.mts +1 -1
- package/dist/types2.d.mts +1 -1
- package/dist/types3.d.mts +1 -1
- package/dist/types4.d.mts +1 -1
- package/dist/useComboboxFooterAction.d.mts +1 -1
- package/dist/{useFilterStateV2-DCQghouq.d.mts → useFilterStateV2-CGzRyv0i.d.mts} +3 -3
- package/dist/useFilterStateV2.d.mts +1 -1
- package/dist/{useFormField-D8mLsiQc.d.mts → useFormField-DhwEi45-.d.mts} +2 -2
- package/dist/useFormField.d.mts +1 -1
- package/dist/{useTableBoxDragAndDrop-BMo-iaUF.d.mts → useTableBoxDragAndDrop-CsnN52lx.d.mts} +1 -1
- package/dist/useTableBoxDragAndDrop.d.mts +1 -1
- package/dist/{useToggle-Bo3yd14Y.mjs → useToggle-3k3EkV8V.mjs} +1 -1
- package/dist/{useToggle-Bo3yd14Y.mjs.map → useToggle-3k3EkV8V.mjs.map} +1 -1
- package/dist/useTruncation.d.mts +1 -1
- package/dist/{utilities-BO_95qFA.d.mts → utilities-DnSIlR1i.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 +1 -1
- package/dist/{validation-vLh3t2dk.d.mts → validation-BdP2vajF.d.mts} +3 -3
- package/dist/validation.d.mts +1 -1
- package/dist/{value-control-resolver-CE-bqdAl.d.mts → value-control-resolver-CiGEHQAc.d.mts} +2 -2
- package/dist/value-control-resolver.d.mts +1 -1
- package/llms.txt +43 -0
- package/package.json +8 -5
- package/skills/ui-authoring/SKILL.md +27 -1
- package/dist/Breadcrumbs-W8hIhdHD.mjs.map +0 -1
- package/dist/Combobox-B6JyLog8.mjs.map +0 -1
- package/dist/DatePicker-Bw79p-Lx.mjs.map +0 -1
- package/dist/FormField-DdmgSWq4.mjs.map +0 -1
- package/dist/TableBox-bmrKh_ax.mjs.map +0 -1
- package/dist/TableControls-DVTtNAPo.mjs.map +0 -1
- package/dist/components/TechnicalSticker/index.mjs.map +0 -1
- package/dist/layouts/LayoutLoadingShimmer/index.mjs.map +0 -1
- /package/dist/{index--p6oQT9I.d.mts → index-0-W_aPej.d.mts} +0 -0
- /package/dist/{index-BYd3Btr1.d.mts → index-7in8TPrM.d.mts} +0 -0
- /package/dist/{index-CDGG7lCB.d.mts → index-7rWKHdox.d.mts} +0 -0
- /package/dist/{index-CMuRFTR3.d.mts → index-B4woaFSm.d.mts} +0 -0
- /package/dist/{index-CNxS4Tlu.d.mts → index-BINnViIh.d.mts} +0 -0
- /package/dist/{index-CWB6exYm.d.mts → index-BNRXMhlr.d.mts} +0 -0
- /package/dist/{index-CzItj62a.d.mts → index-BO_854F2.d.mts} +0 -0
- /package/dist/{index-D4DUvwPf.d.mts → index-BOn0AAue.d.mts} +0 -0
- /package/dist/{index-D5tSVhTd.d.mts → index-CCt0lwyI.d.mts} +0 -0
- /package/dist/{index-DGsJdI5l.d.mts → index-CREkvfw9.d.mts} +0 -0
- /package/dist/{index-DM6vVDZD.d.mts → index-CRo77wc3.d.mts} +0 -0
- /package/dist/{index-DWfPppPU.d.mts → index-Ci-uuV07.d.mts} +0 -0
- /package/dist/{index-DXJd7-2Z.d.mts → index-CsuikFeJ.d.mts} +0 -0
- /package/dist/{index-DkrC-i1D.d.mts → index-CzUpNo0e.d.mts} +0 -0
- /package/dist/{index-DvuJXuAN.d.mts → index-DDdPqD_H.d.mts} +0 -0
- /package/dist/{index-Iujpc9_6.d.mts → index-DeVKzGce.d.mts} +0 -0
- /package/dist/{index-PWQavSPf.d.mts → index-Es5nKSSL.d.mts} +0 -0
- /package/dist/{index-e6k85DKM.d.mts → index-FtE8MXJ_.d.mts} +0 -0
- /package/dist/{index-lIMqGGJz.d.mts → index-ehD5GjMH.d.mts} +0 -0
- /package/dist/{index-sViox9YW.d.mts → index-uMNhmxEh.d.mts} +0 -0
- /package/dist/{layouts → patterns}/LayoutLoadingShimmer/index.d.mts +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { o as StickerProps } from "../../Sticker-
|
|
2
|
-
import { l as MenuItemProps } from "../../Menu-
|
|
1
|
+
import { o as StickerProps } from "../../Sticker-C8rvpu7M.mjs";
|
|
2
|
+
import { l as MenuItemProps } from "../../Menu-BLtjpLst.mjs";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { Column, DeepKeys, FilterFnOption, Header, RowData, SortingState, Table } from "@tanstack/react-table";
|
|
5
5
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as Calendar, n as DatePicker, r as DateField, t as DateRangePicker } from "../../DatePicker-
|
|
1
|
+
import { i as Calendar, n as DatePicker, r as DateField, t as DateRangePicker } from "../../DatePicker-CK2D9jvG.mjs";
|
|
2
2
|
export { Calendar, DateField, DatePicker, DatePicker as default, DateRangePicker };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as DropdownButton } from "../../DropdownButton-
|
|
1
|
+
import { t as DropdownButton } from "../../DropdownButton-CaM0itat.mjs";
|
|
2
2
|
export { DropdownButton, DropdownButton as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-
|
|
1
|
+
import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-Bgho2AsJ.mjs";
|
|
2
2
|
export { DropdownMenu, DropdownMenuProps, _default as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-
|
|
1
|
+
import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-B4f3LNoW.mjs";
|
|
2
2
|
export { DropdownMenu, DropdownMenu_default as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-
|
|
2
|
-
import { r as useFormField } from "../../useFormField-
|
|
1
|
+
import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-iPeOOlFb.mjs";
|
|
2
|
+
import { r as useFormField } from "../../useFormField-DhwEi45-.mjs";
|
|
3
3
|
export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText, useFormField };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { n as useFormField } from "../../useFormField-DhYd6bNn.mjs";
|
|
2
|
-
import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-
|
|
2
|
+
import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-CFYlkv7E.mjs";
|
|
3
3
|
export { Container, ErrorText, FormControl, FormControl as default, FormInputContainer, FormLabel, HelperText, WarningText, useFormField };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-
|
|
1
|
+
import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-BruK7Des.mjs";
|
|
2
2
|
import { CheckboxField, CheckboxFieldProps, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, ImplementsFormField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps } from "../../inputFields.mjs";
|
|
3
3
|
import CheckboxGroupField from "../../CheckboxGroupField.mjs";
|
|
4
4
|
import ListBoxField from "../../ListBoxField.mjs";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-
|
|
1
|
+
import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-Bol8gzNt.mjs";
|
|
2
2
|
export { CheckboxField, CheckboxGroupField, ComboboxField, FormField, FormField as default, ListBoxField, RadioGroupField, SegmentedControlField, SelectField, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, TextAreaField, TextField, ToggleField, splitOutFormFieldProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as HoverCopyableField_default } from "../../HoverCopyableField-
|
|
1
|
+
import { t as HoverCopyableField_default } from "../../HoverCopyableField-C8AdtVrT.mjs";
|
|
2
2
|
export { HoverCopyableField_default as default };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { i as Paragraph } from "../../Text-hEoPeOc9.mjs";
|
|
2
2
|
import "../../variables/transitions.mjs";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { t as IconButton } from "../../IconButton-
|
|
7
|
-
import { n as DropdownMenu_default } from "../../DropdownMenu-
|
|
3
|
+
import { a as Tooltip } from "../../Tooltip-B-DDlRMw.mjs";
|
|
4
|
+
import { focusOutline } from "../../mixins/focus.mjs";
|
|
5
|
+
import { n as Stack } from "../../Stack-ckRN7LrP.mjs";
|
|
6
|
+
import { t as IconButton } from "../../IconButton-Bi4kdsbV.mjs";
|
|
7
|
+
import { n as DropdownMenu_default } from "../../DropdownMenu-B4f3LNoW.mjs";
|
|
8
8
|
import { t as LoadingShimmer } from "../../LoadingShimmer-Dsc_RCCf.mjs";
|
|
9
|
-
import { t as Checkbox } from "../../Checkbox-
|
|
9
|
+
import { t as Checkbox } from "../../Checkbox-D77Rg7La.mjs";
|
|
10
10
|
import { Color, Spacing } from "@persona/design-tokens";
|
|
11
|
+
import { useEffect, useState } from "react";
|
|
11
12
|
import styled, { css } from "styled-components";
|
|
12
13
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useEffect, useState } from "react";
|
|
14
14
|
import { ImageIcon, LockedIcon, MoreIcon } from "@persona/icons";
|
|
15
15
|
//#region components/ImageTile/ImageTile.tsx
|
|
16
16
|
const MIN_WIDTH = "180px";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-
|
|
1
|
+
import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-CEcoDtTu.mjs";
|
|
2
2
|
export { ClearButton, Input, Input as default, InputGroup, InputGroupProps, InputProps };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { focusOutline } from "../../mixins/focus.mjs";
|
|
2
|
-
import "../../variables/transitions.mjs";
|
|
3
1
|
import { paragraphMixins } from "../../mixins/text.mjs";
|
|
2
|
+
import "../../variables/transitions.mjs";
|
|
3
|
+
import { focusOutline } from "../../mixins/focus.mjs";
|
|
4
4
|
import { Color, Spacing } from "@persona/design-tokens";
|
|
5
5
|
import styled, { css } from "styled-components";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
import { Link as Link$1 } from "react-router-dom";
|
|
8
7
|
import { LinkExternalIcon } from "@persona/icons";
|
|
8
|
+
import { Link as Link$1 } from "react-router-dom";
|
|
9
9
|
//#region components/Link/Link.tsx
|
|
10
10
|
const IconContainer = styled.span`
|
|
11
11
|
display: inline-block;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-
|
|
2
|
-
import { n as LogicRowProps } from "../../LogicRow-
|
|
3
|
-
import { t as ListBox } from "../../index-
|
|
1
|
+
import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-CajNIX9P.mjs";
|
|
2
|
+
import { n as LogicRowProps } from "../../LogicRow-DK1NcP2a.mjs";
|
|
3
|
+
import { t as ListBox } from "../../index-DLV1eMsr.mjs";
|
|
4
4
|
export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, LogicRowProps, useListBoxContext };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as useListBoxContext, t as ListBox } from "../../ListBox-
|
|
1
|
+
import { n as useListBoxContext, t as ListBox } from "../../ListBox-CSMVAgHm.mjs";
|
|
2
2
|
export { ListBox, ListBox as default, useListBoxContext };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { n as Input } from "../../Input-
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
1
|
+
import { n as Input } from "../../Input-CSOxMzlt.mjs";
|
|
3
2
|
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { IMaskMixin } from "react-imask";
|
|
5
5
|
//#region components/MaskedInput/MaskedInput.tsx
|
|
6
6
|
const MaskedInputBase = IMaskMixin(({ inputRef, size, componentProps, ...props }) => /* @__PURE__ */ jsx(Input, {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-
|
|
1
|
+
import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-BLtjpLst.mjs";
|
|
2
2
|
export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as MenuDivider, c as MenuList, i as Menu, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuItem, t as FloatingCard } from "../../Menu-
|
|
1
|
+
import { a as MenuDivider, c as MenuList, i as Menu, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuItem, t as FloatingCard } from "../../Menu-DDXR9uHy.mjs";
|
|
2
2
|
export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuItem, MenuList };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { n as
|
|
4
|
-
import { n as Button$1 } from "../../IconButton-
|
|
5
|
-
import { i as TabBar, r as Tab } from "../../TabBar-
|
|
1
|
+
import { t as Card_default } from "../../Card-CLTkZLKr.mjs";
|
|
2
|
+
import { n as Heading$1 } from "../../Text-hEoPeOc9.mjs";
|
|
3
|
+
import { n as Stack, t as HStack } from "../../Stack-ckRN7LrP.mjs";
|
|
4
|
+
import { n as Button$1 } from "../../IconButton-Bi4kdsbV.mjs";
|
|
5
|
+
import { i as TabBar, r as Tab } from "../../TabBar-DX1Spi6D.mjs";
|
|
6
6
|
import { Color, Spacing } from "@persona/design-tokens";
|
|
7
|
+
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
7
8
|
import styled from "styled-components";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
import { Button, Dialog, DialogTrigger, Heading, Modal, ModalOverlay, Pressable } from "react-aria-components";
|
|
10
|
-
import {
|
|
10
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
11
|
import { XIcon } from "@persona/icons";
|
|
12
12
|
//#region lib/useModalInsetRight.ts
|
|
13
13
|
const CSS_VAR = "--modal-inset-right";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-
|
|
1
|
+
import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-BI2gxol5.mjs";
|
|
2
2
|
export { PageHeaderContainer, PageHeader as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as Pagination } from "../../Pagination-
|
|
2
|
-
import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-
|
|
3
|
-
import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-
|
|
1
|
+
import { t as Pagination } from "../../Pagination-Dcmv7bVe.mjs";
|
|
2
|
+
import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-BDo3ge1E.mjs";
|
|
3
|
+
import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-bA9kCzRQ.mjs";
|
|
4
4
|
export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-
|
|
1
|
+
import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-DiaJX5Da.mjs";
|
|
2
2
|
export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination_default as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Pii_default } from "../../Pii-
|
|
1
|
+
import { t as Pii_default } from "../../Pii-CSBV5Is7.mjs";
|
|
2
2
|
export { Pii_default as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-
|
|
1
|
+
import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-5y0p85Sw.mjs";
|
|
2
2
|
export { PopoverAnchor, PopoverCard, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Popover_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { paragraphMixins } from "../../mixins/text.mjs";
|
|
2
|
-
import { a as Tooltip } from "../../Tooltip-
|
|
2
|
+
import { a as Tooltip } from "../../Tooltip-B-DDlRMw.mjs";
|
|
3
3
|
import { Color, Spacing } from "@persona/design-tokens";
|
|
4
4
|
import styled, { keyframes } from "styled-components";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { focusOutline } from "../../mixins/focus.mjs";
|
|
2
1
|
import { paragraphMixins } from "../../mixins/text.mjs";
|
|
2
|
+
import { focusOutline } from "../../mixins/focus.mjs";
|
|
3
3
|
import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
|
|
4
4
|
import styled, { css } from "styled-components";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Radio } from "../../Radio-
|
|
1
|
+
import { t as Radio } from "../../Radio-aMjdUp4K.mjs";
|
|
2
2
|
export { Radio, Radio as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-
|
|
1
|
+
import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-Xn46ovrV.mjs";
|
|
2
2
|
export { RadioGroup, RadioGroup as default, RadioGroupProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as RadioGroup } from "../../RadioGroup-
|
|
1
|
+
import { t as RadioGroup } from "../../RadioGroup-BpoKyoi3.mjs";
|
|
2
2
|
export { RadioGroup, RadioGroup as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-
|
|
1
|
+
import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-DckAdhcD.mjs";
|
|
2
2
|
export { SegmentedControl, SegmentedControl as default, SegmentedControlItem, SegmentedControlProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-
|
|
1
|
+
import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-Cgs6qlhN.mjs";
|
|
2
2
|
export { SegmentedControl, SegmentedControl as default, SegmentedControlItem };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-
|
|
1
|
+
import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-COT4bkPb.mjs";
|
|
2
2
|
export { Option, Select, Select as default, SelectHeader, SelectProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as Select, r as SelectHeader, t as Option } from "../../Select-
|
|
1
|
+
import { n as Select, r as SelectHeader, t as Option } from "../../Select-CmJEiYXU.mjs";
|
|
2
2
|
export { Option, Select, Select as default, SelectHeader };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { focusStyle } from "../../mixins/focus.mjs";
|
|
2
1
|
import { paragraphMixins } from "../../mixins/text.mjs";
|
|
3
|
-
import { i as FloatingTooltip } from "../../Tooltip-
|
|
2
|
+
import { i as FloatingTooltip } from "../../Tooltip-B-DDlRMw.mjs";
|
|
3
|
+
import { focusStyle } from "../../mixins/focus.mjs";
|
|
4
4
|
import { Color, Spacing } from "@persona/design-tokens";
|
|
5
|
+
import { useEffect, useMemo, useRef, useState } from "react";
|
|
5
6
|
import styled, { css } from "styled-components";
|
|
6
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
import { useEffect, useMemo, useRef, useState } from "react";
|
|
8
8
|
import { debounce } from "lodash";
|
|
9
9
|
import { mergeProps } from "@react-aria/utils";
|
|
10
10
|
import { useNumberFormatter } from "@react-aria/i18n";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Spacer_default } from "../../Spacer-
|
|
1
|
+
import { t as Spacer_default } from "../../Spacer-Ln3KChb5.mjs";
|
|
2
2
|
export { Spacer_default as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as Spinner } from "../../Spinner-
|
|
1
|
+
import { t as Spinner } from "../../Spinner-BXfYWjC_.mjs";
|
|
2
2
|
export { Spinner, Spinner as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-
|
|
1
|
+
import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-DHaK1-dw.mjs";
|
|
2
2
|
export { HStack, HStackProps, Stack, Stack as default, StackProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as Stack, t as HStack } from "../../Stack-
|
|
1
|
+
import { n as Stack, t as HStack } from "../../Stack-ckRN7LrP.mjs";
|
|
2
2
|
export { HStack, Stack, Stack as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { paragraphMixins } from "../../mixins/text.mjs";
|
|
2
1
|
import { TruncatedText } from "../../lib/TruncatedText.mjs";
|
|
2
|
+
import { paragraphMixins } from "../../mixins/text.mjs";
|
|
3
3
|
import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
|
|
4
4
|
import styled, { css } from "styled-components";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-
|
|
1
|
+
import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-C8rvpu7M.mjs";
|
|
2
2
|
export { LabelBackgrounds, STICKER_COLOR_CONFIG, Sticker, Sticker as default, StickerContainer, StickerContentContainer, StickerProps, StyledTruncatedText };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as StyledTruncatedText, i as StickerContentContainer, n as Sticker, r as StickerContainer, t as STICKER_COLOR_CONFIG } from "../../Sticker-
|
|
1
|
+
import { a as StyledTruncatedText, i as StickerContentContainer, n as Sticker, r as StickerContainer, t as STICKER_COLOR_CONFIG } from "../../Sticker-BOlAy2TE.mjs";
|
|
2
2
|
export { STICKER_COLOR_CONFIG, Sticker, Sticker as default, StickerContainer, StickerContentContainer, StyledTruncatedText };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as TabContainer, i as TabBar, n as StyledTab, r as Tab, t as TabBarIconButton_default } from "../../TabBar-
|
|
1
|
+
import { a as TabContainer, i as TabBar, n as StyledTab, r as Tab, t as TabBarIconButton_default } from "../../TabBar-DX1Spi6D.mjs";
|
|
2
2
|
export { StyledTab, Tab, TabBar, TabBar as default, TabBarIconButton_default as TabBarIconButton, TabContainer };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as Table } from "../../Table-
|
|
2
|
-
import { t as TableHeaderCell } from "../../TableHeaderCell-
|
|
3
|
-
import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD, u as TableTH } from "../../index-
|
|
4
|
-
import { t as TableRow } from "../../TableRow-
|
|
5
|
-
import { t as TableHead } from "../../TableHead-
|
|
6
|
-
import { t as TableBody } from "../../TableBody-
|
|
7
|
-
import { t as TableLayout } from "../../TableLayout-
|
|
1
|
+
import { t as Table } from "../../Table-8jXlKYLy.mjs";
|
|
2
|
+
import { t as TableHeaderCell } from "../../TableHeaderCell-CWTMf2Fe.mjs";
|
|
3
|
+
import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD, u as TableTH } from "../../index-Doptc4HI.mjs";
|
|
4
|
+
import { t as TableRow } from "../../TableRow-lvjbVccA.mjs";
|
|
5
|
+
import { t as TableHead } from "../../TableHead-g3afLl5B.mjs";
|
|
6
|
+
import { t as TableBody } from "../../TableBody-ByEcFueE.mjs";
|
|
7
|
+
import { t as TableLayout } from "../../TableLayout-hPlVO3dD.mjs";
|
|
8
8
|
export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellProps, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as StickyTH, c as TableCellTitle, d as TableTR, f as TableTH, h as Table, i as StickyTD, l as TableIconTD, m as TableHeaderCell, n as TableBody, o as TableActionTD, p as TableRow, r as TableHead, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-
|
|
1
|
+
import { a as StickyTH, c as TableCellTitle, d as TableTR, f as TableTH, h as Table, i as StickyTD, l as TableIconTD, m as TableHeaderCell, n as TableBody, o as TableActionTD, p as TableRow, r as TableHead, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-BnYZVCLj.mjs";
|
|
2
2
|
export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as DragDirection } from "../../useTableBoxDragAndDrop-
|
|
2
|
-
import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-
|
|
1
|
+
import { t as DragDirection } from "../../useTableBoxDragAndDrop-CsnN52lx.mjs";
|
|
2
|
+
import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-CWh_riC8.mjs";
|
|
3
3
|
export { DragDirection, InlineEditConfig, TableBoxContext, TableBoxProps, TableBox as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as TableBoxContext, t as TableBox } from "../../TableBox-
|
|
1
|
+
import { n as TableBoxContext, t as TableBox } from "../../TableBox-BC5l3UMT.mjs";
|
|
2
2
|
export { TableBoxContext, TableBox as default };
|
|
@@ -1,232 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as MiddleTruncatedText } from "../../MiddleTruncatedText-GXI-CPvs.mjs";
|
|
3
|
-
import { t as useToggle } from "../../useToggle-Bo3yd14Y.mjs";
|
|
4
|
-
import { a as Tooltip } from "../../Tooltip-BvDbmXak.mjs";
|
|
5
|
-
import copyTextToClipboard from "../../lib/copyTextToClipboard.mjs";
|
|
6
|
-
import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
|
|
7
|
-
import styled, { css } from "styled-components";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
import { useCallback, useEffect, useRef, useState } from "react";
|
|
10
|
-
import { CopyIcon } from "@persona/icons/12px";
|
|
11
|
-
//#region components/TechnicalSticker/TechnicalSticker.tsx
|
|
12
|
-
const COPY_CONFIRMATION_TEXT = "Copied!";
|
|
13
|
-
const COPY_CONFIRMATION_DURATION_MS = 1200;
|
|
14
|
-
const DEFAULT_COPY_TOOLTIP_LABEL = "Copy ID";
|
|
15
|
-
const HREF_VALIDATION_BASE_URL = "https://withpersona.com";
|
|
16
|
-
const TECHNICAL_TEXT_FONT = `${Typography.TextMono.fontWeight} ${Typography.TextExtraSmall.fontSize} ${Typography.TextMono.fontFamily}`;
|
|
17
|
-
const technicalStickerBackgrounds = {
|
|
18
|
-
grey: Color.BackgroundLabelGrey,
|
|
19
|
-
white: Color.BackgroundLabelWhite
|
|
20
|
-
};
|
|
21
|
-
const technicalStickerHoverBackgrounds = {
|
|
22
|
-
grey: Color.BackgroundLabelGreyHover,
|
|
23
|
-
white: Color.BackgroundButtonInverseHover
|
|
24
|
-
};
|
|
25
|
-
const isSafeTechnicalStickerHref = (href) => {
|
|
26
|
-
try {
|
|
27
|
-
const url = new URL(href, HREF_VALIDATION_BASE_URL);
|
|
28
|
-
return url.protocol === "http:" || url.protocol === "https:";
|
|
29
|
-
} catch {
|
|
30
|
-
return false;
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
const TechnicalStickerShell = styled.div`
|
|
34
|
-
display: inline-flex;
|
|
35
|
-
align-items: center;
|
|
36
|
-
white-space: nowrap;
|
|
37
|
-
|
|
38
|
-
border-radius: ${BorderRadius.Sm};
|
|
39
|
-
height: 1rem;
|
|
40
|
-
width: ${({ $width }) => typeof $width === "number" ? `${$width}px` : $width ?? "auto"};
|
|
41
|
-
max-width: 100%;
|
|
42
|
-
box-sizing: border-box;
|
|
43
|
-
|
|
44
|
-
color: ${({ theme, disabled }) => disabled ? theme.color.text.disabled : theme.color.text.primary};
|
|
45
|
-
background: ${({ variant }) => technicalStickerBackgrounds[variant]};
|
|
46
|
-
|
|
47
|
-
position: relative;
|
|
48
|
-
overflow: hidden;
|
|
49
|
-
border: 1px solid ${Color.BorderInputDefault};
|
|
50
|
-
|
|
51
|
-
${({ variant, disabled }) => !disabled && css`
|
|
52
|
-
&:hover {
|
|
53
|
-
background: ${technicalStickerHoverBackgrounds[variant]};
|
|
54
|
-
}
|
|
55
|
-
`}
|
|
56
|
-
`;
|
|
57
|
-
const labelContainerStyles = css`
|
|
58
|
-
display: flex;
|
|
59
|
-
align-items: center;
|
|
60
|
-
justify-content: center;
|
|
61
|
-
flex: 1 1 auto;
|
|
62
|
-
min-width: 0;
|
|
63
|
-
padding: 0 ${Spacing[1]};
|
|
64
|
-
`;
|
|
65
|
-
const LabelContainer = styled.div`
|
|
66
|
-
${labelContainerStyles}
|
|
67
|
-
`;
|
|
68
|
-
const LabelLink = styled.a`
|
|
69
|
-
${labelContainerStyles}
|
|
70
|
-
color: inherit;
|
|
71
|
-
text-decoration: none;
|
|
72
|
-
`;
|
|
73
|
-
const TechnicalText = styled(MiddleTruncatedText)`
|
|
74
|
-
${Typography.TextMono};
|
|
75
|
-
font-size: ${Typography.TextExtraSmall.fontSize};
|
|
76
|
-
line-height: ${Typography.TextExtraSmall.lineHeight};
|
|
77
|
-
text-align: center;
|
|
78
|
-
|
|
79
|
-
${({ $isLinkEnabled, $isTruncated }) => $isTruncated && css`
|
|
80
|
-
cursor: ${$isLinkEnabled ? "pointer" : "default"};
|
|
81
|
-
user-select: none;
|
|
82
|
-
|
|
83
|
-
& > span {
|
|
84
|
-
user-select: none;
|
|
85
|
-
}
|
|
86
|
-
`}
|
|
87
|
-
`;
|
|
88
|
-
const CopyActions = styled.div`
|
|
89
|
-
position: absolute;
|
|
90
|
-
top: 0;
|
|
91
|
-
right: 0;
|
|
92
|
-
z-index: 1;
|
|
93
|
-
display: flex;
|
|
94
|
-
align-items: center;
|
|
95
|
-
height: 16px;
|
|
96
|
-
opacity: ${({ $visible }) => $visible ? 1 : 0};
|
|
97
|
-
pointer-events: ${({ $visible }) => $visible ? "auto" : "none"};
|
|
98
|
-
transition: opacity 120ms ease-in-out;
|
|
99
|
-
|
|
100
|
-
&:focus-within {
|
|
101
|
-
opacity: 1;
|
|
102
|
-
pointer-events: auto;
|
|
103
|
-
}
|
|
104
|
-
`;
|
|
105
|
-
const CopyGradient = styled.div`
|
|
106
|
-
width: 8px;
|
|
107
|
-
height: 16px;
|
|
108
|
-
background: linear-gradient(to left, ${({ $background }) => $background}, transparent);
|
|
109
|
-
`;
|
|
110
|
-
const CopyButton = styled.button`
|
|
111
|
-
display: inline-flex;
|
|
112
|
-
align-items: center;
|
|
113
|
-
justify-content: center;
|
|
114
|
-
width: 16px;
|
|
115
|
-
height: 16px;
|
|
116
|
-
padding: 0 2px 0 0;
|
|
117
|
-
border: none;
|
|
118
|
-
background: ${({ $background }) => $background};
|
|
119
|
-
color: ${Color.BorderIconPrimary};
|
|
120
|
-
cursor: pointer;
|
|
121
|
-
|
|
122
|
-
&:disabled {
|
|
123
|
-
cursor: not-allowed;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
&${isHovered}:not(:disabled) {
|
|
127
|
-
color: ${Color.TextPrimary};
|
|
128
|
-
}
|
|
129
|
-
`;
|
|
130
|
-
const TechnicalSticker = ({ variant = "grey", href, tooltipLabel: tooltipLabelProp, copyTooltipLabel = DEFAULT_COPY_TOOLTIP_LABEL, copyable = true, copyValue, width, maxWidth = "96px", children, disabled, onMouseEnter, onMouseLeave, ...stickerProps }) => {
|
|
131
|
-
const [isHoveredState, setIsHoveredState] = useState(false);
|
|
132
|
-
const [isCopyButtonFocused, setIsCopyButtonFocused] = useState(false);
|
|
133
|
-
const [isTruncated, setIsTruncated] = useState(false);
|
|
134
|
-
const [isCopyTooltipOpen, setIsCopyTooltipOpen] = useState(false);
|
|
135
|
-
const [copyConfirmationOpen, { enable: showCopyConfirmation, disable: hideCopyConfirmation }] = useToggle(false);
|
|
136
|
-
const copyConfirmationTimerRef = useRef(null);
|
|
137
|
-
const tooltipLabel = tooltipLabelProp ?? children;
|
|
138
|
-
const hasCustomTooltipLabel = tooltipLabelProp != null;
|
|
139
|
-
const hoverBackground = technicalStickerHoverBackgrounds[variant];
|
|
140
|
-
const copyActionBackground = isHoveredState ? hoverBackground : technicalStickerBackgrounds[variant];
|
|
141
|
-
const showCopyActions = copyable && !disabled && (isHoveredState || isCopyButtonFocused || copyConfirmationOpen);
|
|
142
|
-
const showStickerTooltip = tooltipLabel.length > 0 && (isTruncated || hasCustomTooltipLabel);
|
|
143
|
-
const isCopyTooltipVisible = isCopyTooltipOpen || copyConfirmationOpen;
|
|
144
|
-
const isLinkEnabled = href != null && !disabled && isSafeTechnicalStickerHref(href);
|
|
145
|
-
const handleCopyTooltipOpenChange = useCallback((open) => {
|
|
146
|
-
if (copyConfirmationOpen) return;
|
|
147
|
-
setIsCopyTooltipOpen(open);
|
|
148
|
-
}, [copyConfirmationOpen]);
|
|
149
|
-
const handleCopy = useCallback(async (event) => {
|
|
150
|
-
event.preventDefault();
|
|
151
|
-
event.stopPropagation();
|
|
152
|
-
if (disabled) return;
|
|
153
|
-
if (!await copyTextToClipboard(copyValue ?? children)) return;
|
|
154
|
-
setIsCopyTooltipOpen(true);
|
|
155
|
-
showCopyConfirmation();
|
|
156
|
-
if (copyConfirmationTimerRef.current) clearTimeout(copyConfirmationTimerRef.current);
|
|
157
|
-
copyConfirmationTimerRef.current = setTimeout(() => {
|
|
158
|
-
setIsCopyTooltipOpen(false);
|
|
159
|
-
hideCopyConfirmation();
|
|
160
|
-
copyConfirmationTimerRef.current = null;
|
|
161
|
-
}, COPY_CONFIRMATION_DURATION_MS);
|
|
162
|
-
}, [
|
|
163
|
-
children,
|
|
164
|
-
copyValue,
|
|
165
|
-
disabled,
|
|
166
|
-
hideCopyConfirmation,
|
|
167
|
-
showCopyConfirmation
|
|
168
|
-
]);
|
|
169
|
-
useEffect(() => () => {
|
|
170
|
-
if (copyConfirmationTimerRef.current) clearTimeout(copyConfirmationTimerRef.current);
|
|
171
|
-
}, []);
|
|
172
|
-
const technicalText = /* @__PURE__ */ jsx(TechnicalText, {
|
|
173
|
-
value: children,
|
|
174
|
-
maxWidth: width ?? maxWidth,
|
|
175
|
-
font: TECHNICAL_TEXT_FONT,
|
|
176
|
-
onTruncatedChange: setIsTruncated,
|
|
177
|
-
titleBehavior: "never",
|
|
178
|
-
$isLinkEnabled: isLinkEnabled,
|
|
179
|
-
$isTruncated: isTruncated
|
|
180
|
-
});
|
|
181
|
-
const labelContent = isLinkEnabled ? /* @__PURE__ */ jsx(LabelLink, {
|
|
182
|
-
href,
|
|
183
|
-
target: "_blank",
|
|
184
|
-
rel: "noopener noreferrer",
|
|
185
|
-
children: technicalText
|
|
186
|
-
}) : /* @__PURE__ */ jsx(LabelContainer, { children: technicalText });
|
|
187
|
-
const labelWithTooltip = showStickerTooltip ? /* @__PURE__ */ jsx(Tooltip, {
|
|
188
|
-
trigger: labelContent,
|
|
189
|
-
interactive: true,
|
|
190
|
-
side: "top",
|
|
191
|
-
maxWidth: "400px",
|
|
192
|
-
children: tooltipLabel
|
|
193
|
-
}) : labelContent;
|
|
194
|
-
return /* @__PURE__ */ jsxs(TechnicalStickerShell, {
|
|
195
|
-
...stickerProps,
|
|
196
|
-
variant,
|
|
197
|
-
disabled,
|
|
198
|
-
$width: width,
|
|
199
|
-
onMouseEnter: (event) => {
|
|
200
|
-
onMouseEnter?.(event);
|
|
201
|
-
setIsHoveredState(true);
|
|
202
|
-
},
|
|
203
|
-
onMouseLeave: (event) => {
|
|
204
|
-
onMouseLeave?.(event);
|
|
205
|
-
setIsHoveredState(false);
|
|
206
|
-
},
|
|
207
|
-
children: [labelWithTooltip, copyable && /* @__PURE__ */ jsxs(CopyActions, {
|
|
208
|
-
$visible: showCopyActions,
|
|
209
|
-
children: [/* @__PURE__ */ jsx(CopyGradient, { $background: copyActionBackground }), /* @__PURE__ */ jsx(Tooltip, {
|
|
210
|
-
open: isCopyTooltipVisible,
|
|
211
|
-
onOpenChange: handleCopyTooltipOpenChange,
|
|
212
|
-
trigger: /* @__PURE__ */ jsx(CopyButton, {
|
|
213
|
-
type: "button",
|
|
214
|
-
"aria-label": "Copy",
|
|
215
|
-
disabled,
|
|
216
|
-
$background: copyActionBackground,
|
|
217
|
-
onClick: handleCopy,
|
|
218
|
-
onBlur: () => setIsCopyButtonFocused(false),
|
|
219
|
-
onFocus: () => setIsCopyButtonFocused(true),
|
|
220
|
-
children: /* @__PURE__ */ jsx(CopyIcon, {})
|
|
221
|
-
}),
|
|
222
|
-
interactive: false,
|
|
223
|
-
side: "top",
|
|
224
|
-
children: copyConfirmationOpen ? COPY_CONFIRMATION_TEXT : copyTooltipLabel
|
|
225
|
-
})]
|
|
226
|
-
})]
|
|
227
|
-
});
|
|
228
|
-
};
|
|
229
|
-
//#endregion
|
|
1
|
+
import { t as TechnicalSticker } from "../../TechnicalSticker-D7viw4H5.mjs";
|
|
230
2
|
export { TechnicalSticker, TechnicalSticker as default };
|
|
231
|
-
|
|
232
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-
|
|
1
|
+
import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-CEisq2at.mjs";
|
|
2
2
|
export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as Span, i as Paragraph, n as Heading, o as TabularNumber, r as Label, t as Display } from "../../Text-
|
|
1
|
+
import { a as Span, i as Paragraph, n as Heading, o as TabularNumber, r as Label, t as Display } from "../../Text-hEoPeOc9.mjs";
|
|
2
2
|
export { Display, Heading, Label, Paragraph, Span, TabularNumber };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-
|
|
1
|
+
import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-DiKEhpfD.mjs";
|
|
2
2
|
export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };
|