@plusui/library 0.1.0 → 0.1.3
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/cdn/components/accordion/accordion.js +3 -3
- package/cdn/components/accordion/index.js +3 -3
- package/cdn/components/accordion-group/accordion-group.js +3 -3
- package/cdn/components/accordion-group/index.js +3 -3
- package/cdn/components/alert/alert.js +4 -4
- package/cdn/components/alert/index.js +4 -4
- package/cdn/components/avatar/avatar.js +5 -5
- package/cdn/components/avatar/index.js +5 -5
- package/cdn/components/badge/badge.host.style.js +1 -1
- package/cdn/components/badge/badge.js +5 -5
- package/cdn/components/badge/index.js +5 -5
- package/cdn/components/base/index.js +2 -2
- package/cdn/components/base/tailwind-base.js +3 -3
- package/cdn/components/breadcrumb/breadcrumb.js +3 -3
- package/cdn/components/breadcrumb/index.js +3 -3
- package/cdn/components/breadcrumb-item/breadcrumb-item.js +4 -4
- package/cdn/components/breadcrumb-item/index.js +4 -4
- package/cdn/components/button/button.js +4 -4
- package/cdn/components/button/button.style.js +1 -1
- package/cdn/components/button/index.js +4 -4
- package/cdn/components/button-group/button-group.js +4 -4
- package/cdn/components/button-group/index.js +4 -4
- package/cdn/components/checkbox/checkbox.js +6 -6
- package/cdn/components/checkbox/index.js +6 -6
- package/cdn/components/checkbox-group/checkbox-group.js +3 -3
- package/cdn/components/checkbox-group/index.js +3 -3
- package/cdn/components/chip/chip.js +4 -4
- package/cdn/components/chip/index.js +4 -4
- package/cdn/components/divider/divider.js +4 -4
- package/cdn/components/divider/divider.style.js +1 -1
- package/cdn/components/divider/index.js +4 -4
- package/cdn/components/drawer/drawer.js +4 -4
- package/cdn/components/drawer/index.js +4 -4
- package/cdn/components/dropdown/dropdown.js +5 -5
- package/cdn/components/dropdown/index.js +5 -5
- package/cdn/components/dropdown-item/dropdown-item.js +5 -5
- package/cdn/components/dropdown-item/index.js +5 -5
- package/cdn/components/icon/icon.js +4 -4
- package/cdn/components/icon/index.js +3 -3
- package/cdn/components/index.js +9 -9
- package/cdn/components/input/index.js +6 -6
- package/cdn/components/input/input.js +6 -6
- package/cdn/components/input/input.style.js +1 -2
- package/cdn/components/link/index.js +3 -3
- package/cdn/components/link/link.js +3 -3
- package/cdn/components/list-box-item/index.js +4 -4
- package/cdn/components/list-box-item/list-box-item.js +4 -4
- package/cdn/components/modal/index.js +4 -4
- package/cdn/components/modal/modal.js +4 -4
- package/cdn/components/popconfirm/index.js +5 -5
- package/cdn/components/popconfirm/popconfirm.js +5 -5
- package/cdn/components/popover/index.js +5 -5
- package/cdn/components/popover/popover.js +5 -5
- package/cdn/components/radio/index.js +5 -5
- package/cdn/components/radio/radio.js +5 -5
- package/cdn/components/radio-group/index.js +3 -3
- package/cdn/components/radio-group/radio-group.js +3 -3
- package/cdn/components/rating/index.js +7 -7
- package/cdn/components/rating/rating.js +7 -7
- package/cdn/components/segmented-picker/index.js +3 -3
- package/cdn/components/segmented-picker/segmented-picker.component.js +3 -3
- package/cdn/components/segmented-picker-item/index.js +4 -4
- package/cdn/components/segmented-picker-item/segmented-picker-item.component.js +4 -4
- package/cdn/components/select/index.js +5 -5
- package/cdn/components/select/select.js +16 -5
- package/cdn/components/select/select.style.js +1 -1
- package/cdn/components/select-item/index.js +5 -5
- package/cdn/components/select-item/select-item.js +5 -5
- package/cdn/components/service/index.js +5 -5
- package/cdn/components/service/service.js +6 -6
- package/cdn/components/svg-icon/icons.js +1 -1
- package/cdn/components/svg-icon/index.js +3 -3
- package/cdn/components/svg-icon/svg-icon.js +4 -4
- package/cdn/components/tab/index.js +4 -4
- package/cdn/components/tab/tab.js +4 -4
- package/cdn/components/tab-group/index.js +4 -4
- package/cdn/components/tab-group/tab-group.js +4 -4
- package/cdn/components/tab-panel/index.js +3 -3
- package/cdn/components/tab-panel/tab-panel.js +3 -3
- package/cdn/components/tag/index.js +4 -4
- package/cdn/components/tag/tag.js +4 -4
- package/cdn/components/text/index.js +3 -3
- package/cdn/components/text/text.js +3 -3
- package/cdn/components/textarea/index.js +6 -6
- package/cdn/components/textarea/textarea.js +6 -6
- package/cdn/components/toast/index.js +4 -4
- package/cdn/components/toast/toast.js +4 -4
- package/cdn/components/toast-container/index.js +5 -5
- package/cdn/components/toast-container/toast-container.js +5 -5
- package/cdn/components/toggle/index.js +8 -8
- package/cdn/components/toggle/toggle.js +8 -8
- package/cdn/components/tooltip/index.js +5 -5
- package/cdn/components/tooltip/tooltip.js +5 -5
- package/cdn/factory/tailwind-factory.js +7 -7
- package/cdn/floating-ui.dom-BYyWpmHF.js +1 -0
- package/{dist/floating-ui.dom-OBaMlALa.js → cdn/floating-ui.dom-BpzIshEG.js} +26 -14
- package/cdn/global-CvNEUQeA.js +31 -0
- package/cdn/global-DePk2FdN.js +1 -0
- package/cdn/{if-defined-CQ5F5a3V.js → if-defined-CIB8OTrH.js} +1 -1
- package/cdn/{if-defined-D-m3dgRf.js → if-defined-DpyZ37D-.js} +1 -1
- package/cdn/lit-element-BNK__jO-.js +27 -0
- package/cdn/lit-element-CSuLHuHb.js +22 -0
- package/cdn/{live-BOAtKRUN.js → live-C1eBrEBV.js} +1 -1
- package/cdn/{live-Ba4FL2pG.js → live-CYp4nasd.js} +1 -1
- package/cdn/property-B8EDuyz_.js +7 -0
- package/cdn/{property-DiPQx9S3.js → property-Dz31PgR6.js} +2 -2
- package/{dist/state-D1d5Sfj8.js → cdn/state-BRspp5eU.js} +1 -1
- package/{dist/state-D6IyB_n5.js → cdn/state-hFbsBSdV.js} +1 -1
- package/cdn/{style-map-Z-XBeQmS.js → style-map-BYRi_l0u.js} +1 -1
- package/{dist/style-map-DC_vNus2.js → cdn/style-map-Cgr6kXUm.js} +1 -1
- package/{dist/unsafe-html-BhmP6ONc.js → cdn/unsafe-html-BXTWMFA8.js} +1 -1
- package/cdn/{unsafe-html-rEfV9uY8.js → unsafe-html-CFzahWAO.js} +1 -1
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/accordion.js +2 -2
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/accordion/index.js +2 -2
- package/dist/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist/components/accordion-group/accordion-group.js +2 -2
- package/dist/components/accordion-group/accordion-group.js.map +1 -1
- package/dist/components/accordion-group/index.js +2 -2
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/alert/alert.js +3 -3
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert/index.js +3 -3
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/avatar/avatar.js +4 -4
- package/dist/components/avatar/avatar.js.map +1 -1
- package/dist/components/avatar/index.js +4 -4
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/badge/badge.host.style.js +1 -1
- package/dist/components/badge/badge.js +4 -4
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/badge/index.js +4 -4
- package/dist/components/base/index.js +1 -1
- package/dist/components/base/tailwind-base.js +2 -2
- package/dist/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/breadcrumb/index.js +2 -2
- package/dist/components/breadcrumb-item/breadcrumb-item.js +3 -3
- package/dist/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
- package/dist/components/breadcrumb-item/index.js +3 -3
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/button/button.js +3 -3
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/button.style.js +1 -1
- package/dist/components/button/button.style.js.map +1 -1
- package/dist/components/button/index.js +3 -3
- package/dist/components/button-group/button-group.d.ts +1 -1
- package/dist/components/button-group/button-group.js +3 -3
- package/dist/components/button-group/button-group.js.map +1 -1
- package/dist/components/button-group/index.js +3 -3
- package/dist/components/checkbox/checkbox.d.ts +1 -1
- package/dist/components/checkbox/checkbox.js +5 -5
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/checkbox/index.js +5 -5
- package/dist/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist/components/checkbox-group/checkbox-group.js +2 -2
- package/dist/components/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/components/checkbox-group/index.js +2 -2
- package/dist/components/chip/chip.d.ts +1 -1
- package/dist/components/chip/chip.js +3 -3
- package/dist/components/chip/chip.js.map +1 -1
- package/dist/components/chip/index.js +3 -3
- package/dist/components/divider/divider.d.ts +1 -1
- package/dist/components/divider/divider.js +3 -3
- package/dist/components/divider/divider.js.map +1 -1
- package/dist/components/divider/divider.style.js +1 -1
- package/dist/components/divider/index.js +3 -3
- package/dist/components/drawer/drawer.d.ts +1 -1
- package/dist/components/drawer/drawer.js +3 -3
- package/dist/components/drawer/drawer.js.map +1 -1
- package/dist/components/drawer/index.js +3 -3
- package/dist/components/dropdown/dropdown.d.ts +1 -1
- package/dist/components/dropdown/dropdown.js +4 -4
- package/dist/components/dropdown/dropdown.js.map +1 -1
- package/dist/components/dropdown/index.js +4 -4
- package/dist/components/dropdown-item/dropdown-item.d.ts +1 -1
- package/dist/components/dropdown-item/dropdown-item.js +4 -4
- package/dist/components/dropdown-item/dropdown-item.js.map +1 -1
- package/dist/components/dropdown-item/index.js +4 -4
- package/dist/components/icon/icon.d.ts +1 -1
- package/dist/components/icon/icon.js +4 -4
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/icon/index.js +3 -3
- package/dist/components/index.js +8 -8
- package/dist/components/input/index.js +5 -5
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/input/input.js +5 -5
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/input/input.style.js +1 -2
- package/dist/components/input/input.style.js.map +1 -1
- package/dist/components/link/index.js +2 -2
- package/dist/components/link/link.d.ts +1 -1
- package/dist/components/link/link.js +2 -2
- package/dist/components/link/link.js.map +1 -1
- package/dist/components/list-box-item/index.js +3 -3
- package/dist/components/list-box-item/list-box-item.d.ts +1 -1
- package/dist/components/list-box-item/list-box-item.js +3 -3
- package/dist/components/list-box-item/list-box-item.js.map +1 -1
- package/dist/components/modal/index.js +3 -3
- package/dist/components/modal/modal.d.ts +1 -1
- package/dist/components/modal/modal.js +3 -3
- package/dist/components/modal/modal.js.map +1 -1
- package/dist/components/popconfirm/index.js +4 -4
- package/dist/components/popconfirm/popconfirm.d.ts +1 -1
- package/dist/components/popconfirm/popconfirm.js +4 -4
- package/dist/components/popconfirm/popconfirm.js.map +1 -1
- package/dist/components/popover/index.js +4 -4
- package/dist/components/popover/popover.d.ts +1 -1
- package/dist/components/popover/popover.js +4 -4
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/radio/index.js +4 -4
- package/dist/components/radio/radio.d.ts +1 -1
- package/dist/components/radio/radio.js +4 -4
- package/dist/components/radio/radio.js.map +1 -1
- package/dist/components/radio-group/index.js +2 -2
- package/dist/components/radio-group/radio-group.d.ts +1 -1
- package/dist/components/radio-group/radio-group.js +2 -2
- package/dist/components/radio-group/radio-group.js.map +1 -1
- package/dist/components/rating/index.js +6 -6
- package/dist/components/rating/rating.d.ts +1 -1
- package/dist/components/rating/rating.js +6 -6
- package/dist/components/rating/rating.js.map +1 -1
- package/dist/components/segmented-picker/index.js +2 -2
- package/dist/components/segmented-picker/segmented-picker.component.d.ts +1 -1
- package/dist/components/segmented-picker/segmented-picker.component.js +2 -2
- package/dist/components/segmented-picker/segmented-picker.component.js.map +1 -1
- package/dist/components/segmented-picker-item/index.js +3 -3
- package/dist/components/segmented-picker-item/segmented-picker-item.component.d.ts +1 -1
- package/dist/components/segmented-picker-item/segmented-picker-item.component.js +3 -3
- package/dist/components/segmented-picker-item/segmented-picker-item.component.js.map +1 -1
- package/dist/components/select/index.js +4 -4
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +15 -4
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/select/select.style.js +1 -1
- package/dist/components/select/select.style.js.map +1 -1
- package/dist/components/select-item/index.js +4 -4
- package/dist/components/select-item/select-item.d.ts +1 -1
- package/dist/components/select-item/select-item.js +4 -4
- package/dist/components/select-item/select-item.js.map +1 -1
- package/dist/components/service/index.js +4 -4
- package/dist/components/service/service.d.ts +1 -1
- package/dist/components/service/service.js +5 -5
- package/dist/components/service/service.js.map +1 -1
- package/dist/components/svg-icon/icons.js +1 -1
- package/dist/components/svg-icon/index.js +3 -3
- package/dist/components/svg-icon/svg-icon.d.ts +1 -1
- package/dist/components/svg-icon/svg-icon.js +4 -4
- package/dist/components/svg-icon/svg-icon.js.map +1 -1
- package/dist/components/tab/index.js +3 -3
- package/dist/components/tab/tab.d.ts +1 -1
- package/dist/components/tab/tab.js +3 -3
- package/dist/components/tab/tab.js.map +1 -1
- package/dist/components/tab-group/index.js +3 -3
- package/dist/components/tab-group/tab-group.d.ts +1 -1
- package/dist/components/tab-group/tab-group.js +3 -3
- package/dist/components/tab-group/tab-group.js.map +1 -1
- package/dist/components/tab-panel/index.js +2 -2
- package/dist/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist/components/tab-panel/tab-panel.js +2 -2
- package/dist/components/tab-panel/tab-panel.js.map +1 -1
- package/dist/components/tag/index.js +3 -3
- package/dist/components/tag/tag.d.ts +1 -1
- package/dist/components/tag/tag.js +3 -3
- package/dist/components/tag/tag.js.map +1 -1
- package/dist/components/text/index.js +2 -2
- package/dist/components/text/text.d.ts +1 -1
- package/dist/components/text/text.js +2 -2
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/textarea/index.js +5 -5
- package/dist/components/textarea/textarea.d.ts +1 -1
- package/dist/components/textarea/textarea.js +5 -5
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/toast/index.js +3 -3
- package/dist/components/toast/toast.js +3 -3
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/components/toast-container/index.js +4 -4
- package/dist/components/toast-container/toast-container.d.ts +1 -1
- package/dist/components/toast-container/toast-container.js +4 -4
- package/dist/components/toast-container/toast-container.js.map +1 -1
- package/dist/components/toggle/index.js +7 -7
- package/dist/components/toggle/toggle.d.ts +2 -2
- package/dist/components/toggle/toggle.js +7 -7
- package/dist/components/toggle/toggle.js.map +1 -1
- package/dist/components/tooltip/index.js +4 -4
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js +4 -4
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/factory/tailwind-factory.d.ts.map +1 -1
- package/dist/factory/tailwind-factory.js +6 -6
- package/{cdn/floating-ui.dom-OBaMlALa.js → dist/floating-ui.dom-BpzIshEG.js} +26 -14
- package/dist/floating-ui.dom-CC_JVmd9.js +1 -0
- package/dist/{if-defined-DZx5z3Rt.js → if-defined-ByWlXMXY.js} +1 -1
- package/dist/{if-defined-D-m3dgRf.js → if-defined-DpyZ37D-.js} +1 -1
- package/dist/index.css +2 -2
- package/dist/lit-element-B7kcWHze.js +22 -0
- package/dist/lit-element-BNK__jO-.js +27 -0
- package/dist/{live-BOAtKRUN.js → live-C1eBrEBV.js} +1 -1
- package/dist/{live-Cq6acxyl.js → live-pVFa0Jqn.js} +1 -1
- package/dist/model/plus.d.ts.map +1 -1
- package/dist/property-Bb1Db6at.js +7 -0
- package/dist/{property-DiPQx9S3.js → property-Dz31PgR6.js} +2 -2
- package/dist/{query-M3XxJAZy.js → query-RRtZCxQ7.js} +1 -1
- package/dist/{query-assigned-elements-DBAPT3sj.js → query-assigned-elements-BjEeiBhg.js} +1 -1
- package/{cdn/state-D1d5Sfj8.js → dist/state-BRspp5eU.js} +1 -1
- package/{cdn/state-CoIPL7X5.js → dist/state-CQcls-Yf.js} +1 -1
- package/dist/{style-map-CTYAtfNA.js → style-map-BRcUXxgF.js} +1 -1
- package/{cdn/style-map-DC_vNus2.js → dist/style-map-Cgr6kXUm.js} +1 -1
- package/dist/styles/global.js +2 -2
- package/dist/styles/theme/dark.js +2 -2
- package/dist/styles/theme/light.js +2 -2
- package/{cdn/unsafe-html-BhmP6ONc.js → dist/unsafe-html-BXTWMFA8.js} +1 -1
- package/dist/{unsafe-html-B4iHxNlq.js → unsafe-html-CglCgc9K.js} +1 -1
- package/package.json +6 -23
- package/react/PlusAccordion.js +9 -9
- package/react/PlusAccordionGroup.js +1 -3
- package/react/PlusAlert.js +9 -9
- package/react/PlusAvatar.js +1 -3
- package/react/PlusBadge.js +1 -3
- package/react/PlusBreadcrumb.js +1 -3
- package/react/PlusBreadcrumbItem.js +1 -3
- package/react/PlusButton.js +1 -3
- package/react/PlusButtonGroup.js +1 -3
- package/react/PlusCheckbox.js +9 -17
- package/react/PlusCheckboxGroup.js +9 -9
- package/react/PlusChip.js +1 -3
- package/react/PlusDivider.js +9 -9
- package/react/PlusDrawer.js +1 -7
- package/react/PlusDropDownItem.js +9 -9
- package/react/PlusDropdown.js +9 -9
- package/react/PlusIcon.js +1 -3
- package/react/PlusInput.js +9 -14
- package/react/PlusLink.js +1 -3
- package/react/PlusListBoxItem.js +9 -9
- package/react/PlusModal.js +1 -7
- package/react/PlusPopconfirm.js +9 -9
- package/react/PlusPopover.js +9 -9
- package/react/PlusRadio.js +9 -12
- package/react/PlusRadioGroup.js +1 -3
- package/react/PlusRating.js +9 -12
- package/react/PlusSegmentedPicker.js +9 -9
- package/react/PlusSegmentedPickerItem.js +1 -3
- package/react/PlusSelect.js +9 -9
- package/react/PlusSelectItem.js +9 -9
- package/react/PlusService.js +1 -3
- package/react/PlusSvgIcon.js +1 -3
- package/react/PlusTab.js +1 -3
- package/react/PlusTabGroup.js +9 -9
- package/react/PlusTabPanel.js +1 -3
- package/react/PlusTag.js +1 -3
- package/react/PlusText.js +1 -3
- package/react/PlusTextarea.js +9 -14
- package/react/PlusToast.js +9 -9
- package/react/PlusToastContainer.js +1 -3
- package/react/PlusToggle.js +9 -14
- package/react/PlusTooltip.js +1 -3
- package/react/Tailwind.js +1 -3
- package/web-types.json +1 -1
- package/cdn/floating-ui.dom-CXNHR8n2.js +0 -1
- package/cdn/global--d79_U21.js +0 -1
- package/cdn/global-Dh9axYQH.js +0 -31
- package/cdn/lit-element-ByzbtpGk.js +0 -27
- package/cdn/lit-element-DNNEDGnu.js +0 -23
- package/cdn/property-DLlzgs39.js +0 -7
- package/dist/floating-ui.dom-D3XJuCC4.js +0 -1
- package/dist/lit-element-ByzbtpGk.js +0 -27
- package/dist/lit-element-DWUSmjFy.js +0 -23
- package/dist/property-BbhdtSvA.js +0 -7
- /package/dist/{base-BqsGesSl.js → base-DxcUbjR1.js} +0 -0
- /package/dist/{directive-CaeGQrCm.js → directive-BnoBrrxd.js} +0 -0
- /package/dist/{index-exQ3KYY9.js → index-DHCwMC4J.js} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "[theme
|
|
4
|
-
var stylesheet="[theme
|
|
3
|
+
var css_248z = "[data-theme='dark'] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n";
|
|
4
|
+
var stylesheet="[data-theme='dark'] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
4
|
-
var stylesheet="
|
|
3
|
+
var css_248z = ":root {\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n}\n";
|
|
4
|
+
var stylesheet=":root {\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n}\n";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
package/package.json
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plusui/library",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "Plus UI
|
|
3
|
+
"version": "0.1.3",
|
|
4
|
+
"description": "Plus UI Core is a great library that offers many features that you can use in any framework without any problems.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"analyze": "cem analyze",
|
|
9
9
|
"analyze:dev": "cem analyze --watch",
|
|
10
10
|
"dev": "npm run clean && concurrently -k -r \"npm run analyze:dev\" \"npm run build:watch\" \"npm run preview\"",
|
|
11
|
-
"test": "web-test-runner --group default",
|
|
12
11
|
"build": "npm run clean && npm run analyze && npm run build:cdn",
|
|
13
12
|
"build:cdn": "tsc && rollup -c rollup.config.js",
|
|
14
13
|
"build:watch": "concurrently -k -r \"tsc --watch\" \"rollup -c rollup.config.js --watch\"",
|
|
@@ -20,36 +19,26 @@
|
|
|
20
19
|
"lint": "npm run lint:eslint && npm run lint:prettier",
|
|
21
20
|
"lint:eslint": "npx eslint",
|
|
22
21
|
"lint:prettier": "npx prettier . --check",
|
|
23
|
-
"prepare": "husky && npx playwright install-deps",
|
|
24
22
|
"preview": "node dev/server.js",
|
|
25
|
-
"clean": "rimraf cdn dist eslint public react types custom-elements.json web-types.json vscode.css-custom-data.json vscode.html-custom-data.json"
|
|
26
|
-
"docs:dev": "concurrently -k -r \"npm run analyze:dev\" \"npm run build:watch\" \"npx astro dev\"",
|
|
27
|
-
"docs:start": "npx astro dev",
|
|
28
|
-
"docs:build": "npx astro check && astro build",
|
|
29
|
-
"docs:preview": "npx astro preview",
|
|
30
|
-
"docs:astro": "npx astro"
|
|
23
|
+
"clean": "rimraf cdn dist eslint public react types custom-elements.json web-types.json vscode.css-custom-data.json vscode.html-custom-data.json"
|
|
31
24
|
},
|
|
32
25
|
"author": "",
|
|
33
26
|
"license": "MIT",
|
|
34
27
|
"dependencies": {
|
|
35
|
-
"
|
|
36
|
-
"
|
|
28
|
+
"lit": "^3.2.1",
|
|
29
|
+
"tslib": "^2.8.1"
|
|
37
30
|
},
|
|
38
31
|
"devDependencies": {
|
|
39
|
-
"@astrojs/check": "^0.9.4",
|
|
40
|
-
"@astrojs/lit": "^4.3.0",
|
|
41
|
-
"@astrojs/starlight": "^0.30.2",
|
|
42
32
|
"@custom-elements-manifest/analyzer": "^0.10.3",
|
|
43
33
|
"@eslint/js": "^9.17.0",
|
|
44
34
|
"@eslint/json": "^0.9.0",
|
|
45
35
|
"@eslint/markdown": "^6.2.1",
|
|
46
36
|
"@floating-ui/dom": "^1.6.13",
|
|
37
|
+
"@fortawesome/fontawesome-common-types": "^6.7.2",
|
|
47
38
|
"@fortawesome/fontawesome-svg-core": "^6.7.2",
|
|
48
39
|
"@fortawesome/free-brands-svg-icons": "^6.7.2",
|
|
49
40
|
"@fortawesome/free-regular-svg-icons": "^6.7.2",
|
|
50
41
|
"@fortawesome/free-solid-svg-icons": "^6.7.2",
|
|
51
|
-
"@open-wc/testing": "^4.0.0",
|
|
52
|
-
"@playwright/test": "^1.46.1",
|
|
53
42
|
"@rollup/plugin-multi-entry": "^6.0.1",
|
|
54
43
|
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
55
44
|
"@rollup/plugin-terser": "^0.4.4",
|
|
@@ -57,9 +46,6 @@
|
|
|
57
46
|
"@tailwindcss/postcss": "^4.0.0-beta.8",
|
|
58
47
|
"@types/mocha": "^10.0.2",
|
|
59
48
|
"@web/dev-server-esbuild": "^1.0.2",
|
|
60
|
-
"@web/test-runner": "^0.19.0",
|
|
61
|
-
"@web/test-runner-commands": "^0.9.0",
|
|
62
|
-
"@web/test-runner-playwright": "^0.11.0",
|
|
63
49
|
"cem-plugin-custom-jsdoc-tags": "^1.1.2",
|
|
64
50
|
"cem-plugin-expanded-types": "^1.3.3",
|
|
65
51
|
"concurrently": "^9.1.0",
|
|
@@ -82,7 +68,6 @@
|
|
|
82
68
|
"express": "^4.21.2",
|
|
83
69
|
"glob": "^11.0.0",
|
|
84
70
|
"globals": "^15.14.0",
|
|
85
|
-
"husky": "^9.0.11",
|
|
86
71
|
"lint-staged": "^15.2.7",
|
|
87
72
|
"plop": "^4.0.1",
|
|
88
73
|
"prettier": "^3.3.2",
|
|
@@ -91,8 +76,6 @@
|
|
|
91
76
|
"rollup-plugin-dts": "^6.1.1",
|
|
92
77
|
"rollup-plugin-postcss": "^4.0.2",
|
|
93
78
|
"rollup-plugin-summary": "^3.0.0",
|
|
94
|
-
"starlight-image-zoom": "^0.10.0",
|
|
95
|
-
"starlight-links-validator": "^0.14.1",
|
|
96
79
|
"tailwind-variants": "^0.3.0",
|
|
97
80
|
"tailwindcss": "^4.0.0-beta.8",
|
|
98
81
|
"typescript": "^5.5.3",
|
package/react/PlusAccordion.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/accordion/index.js";
|
|
8
3
|
import { useEventListener } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -22,12 +17,17 @@ export const PlusAccordion = forwardRef((props, forwardedRef) => {
|
|
|
22
17
|
/** Event listeners - run once */
|
|
23
18
|
useEventListener(ref, "plus-accordion-toggle", props.onPlusAccordionToggle);
|
|
24
19
|
|
|
25
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
26
|
-
|
|
27
20
|
return React.createElement(
|
|
28
21
|
"plus-accordion",
|
|
29
22
|
{
|
|
30
|
-
ref
|
|
23
|
+
ref: (node) => {
|
|
24
|
+
ref.current = node;
|
|
25
|
+
if (typeof forwardedRef === "function") {
|
|
26
|
+
forwardedRef(node);
|
|
27
|
+
} else if (forwardedRef) {
|
|
28
|
+
forwardedRef.current = node;
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
31
|
...filteredProps,
|
|
32
32
|
size: props.size,
|
|
33
33
|
class: props.className,
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/accordion-group/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusAccordionGroup = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { multi, kind, size, ...filteredProps } = props;
|
|
6
6
|
|
|
7
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
8
|
-
|
|
9
7
|
return React.createElement(
|
|
10
8
|
"plus-accordion-group",
|
|
11
9
|
{
|
package/react/PlusAlert.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/alert/index.js";
|
|
8
3
|
import { useEventListener } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -27,12 +22,17 @@ export const PlusAlert = forwardRef((props, forwardedRef) => {
|
|
|
27
22
|
/** Event listeners - run once */
|
|
28
23
|
useEventListener(ref, "plus-dismiss", props.onPlusDismiss);
|
|
29
24
|
|
|
30
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
31
|
-
|
|
32
25
|
return React.createElement(
|
|
33
26
|
"plus-alert",
|
|
34
27
|
{
|
|
35
|
-
ref
|
|
28
|
+
ref: (node) => {
|
|
29
|
+
ref.current = node;
|
|
30
|
+
if (typeof forwardedRef === "function") {
|
|
31
|
+
forwardedRef(node);
|
|
32
|
+
} else if (forwardedRef) {
|
|
33
|
+
forwardedRef.current = node;
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
36
|
...filteredProps,
|
|
37
37
|
kind: props.kind,
|
|
38
38
|
size: props.size,
|
package/react/PlusAvatar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/avatar/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusAvatar = forwardRef((props, forwardedRef) => {
|
|
@@ -14,8 +14,6 @@ export const PlusAvatar = forwardRef((props, forwardedRef) => {
|
|
|
14
14
|
...filteredProps
|
|
15
15
|
} = props;
|
|
16
16
|
|
|
17
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
18
|
-
|
|
19
17
|
return React.createElement(
|
|
20
18
|
"plus-avatar",
|
|
21
19
|
{
|
package/react/PlusBadge.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/badge/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusBadge = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { status, size, orientation, offset, content, ...filteredProps } =
|
|
6
6
|
props;
|
|
7
7
|
|
|
8
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
9
|
-
|
|
10
8
|
return React.createElement(
|
|
11
9
|
"plus-badge",
|
|
12
10
|
{
|
package/react/PlusBreadcrumb.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/breadcrumb/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusBreadcrumb = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { kind, separator, size, ...filteredProps } = props;
|
|
6
6
|
|
|
7
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
8
|
-
|
|
9
7
|
return React.createElement(
|
|
10
8
|
"plus-breadcrumb",
|
|
11
9
|
{
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/breadcrumb-item/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusBreadcrumbItem = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { href, prefixIcon, suffixIcon, ...filteredProps } = props;
|
|
6
6
|
|
|
7
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
8
|
-
|
|
9
7
|
return React.createElement(
|
|
10
8
|
"plus-breadcrumb-item",
|
|
11
9
|
{
|
package/react/PlusButton.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/button/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusButton = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { disabled, loading, fullWidth, kind, status, size, ...filteredProps } =
|
|
6
6
|
props;
|
|
7
7
|
|
|
8
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
9
|
-
|
|
10
8
|
return React.createElement(
|
|
11
9
|
"plus-button",
|
|
12
10
|
{
|
package/react/PlusButtonGroup.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/button-group/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusButtonGroup = forwardRef((props, forwardedRef) => {
|
|
@@ -13,8 +13,6 @@ export const PlusButtonGroup = forwardRef((props, forwardedRef) => {
|
|
|
13
13
|
...filteredProps
|
|
14
14
|
} = props;
|
|
15
15
|
|
|
16
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
17
|
-
|
|
18
16
|
return React.createElement(
|
|
19
17
|
"plus-button-group",
|
|
20
18
|
{
|
package/react/PlusCheckbox.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/checkbox/index.js";
|
|
8
3
|
import { useEventListener } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -26,20 +21,17 @@ export const PlusCheckbox = forwardRef((props, forwardedRef) => {
|
|
|
26
21
|
useEventListener(ref, "plus-focus", props.onPlusFocus);
|
|
27
22
|
useEventListener(ref, "plus-blur", props.onPlusBlur);
|
|
28
23
|
|
|
29
|
-
/** Methods - uses `useImperativeHandle` hook to pass ref to component */
|
|
30
|
-
useImperativeHandle(forwardedRef, () => ({
|
|
31
|
-
formResetCallback: () => ref.current.formResetCallback(),
|
|
32
|
-
formDisabledCallback: (disabled) =>
|
|
33
|
-
ref.current.formDisabledCallback(disabled),
|
|
34
|
-
click: () => ref.current.click(),
|
|
35
|
-
focus: (options) => ref.current.focus(options),
|
|
36
|
-
blur: () => ref.current.blur(),
|
|
37
|
-
}));
|
|
38
|
-
|
|
39
24
|
return React.createElement(
|
|
40
25
|
"plus-checkbox",
|
|
41
26
|
{
|
|
42
|
-
ref
|
|
27
|
+
ref: (node) => {
|
|
28
|
+
ref.current = node;
|
|
29
|
+
if (typeof forwardedRef === "function") {
|
|
30
|
+
forwardedRef(node);
|
|
31
|
+
} else if (forwardedRef) {
|
|
32
|
+
forwardedRef.current = node;
|
|
33
|
+
}
|
|
34
|
+
},
|
|
43
35
|
...filteredProps,
|
|
44
36
|
name: props.name,
|
|
45
37
|
size: props.size,
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/checkbox-group/index.js";
|
|
8
3
|
import { useEventListener } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -14,12 +9,17 @@ export const PlusCheckboxGroup = forwardRef((props, forwardedRef) => {
|
|
|
14
9
|
/** Event listeners - run once */
|
|
15
10
|
useEventListener(ref, "plus-change", props.onPlusChange);
|
|
16
11
|
|
|
17
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
18
|
-
|
|
19
12
|
return React.createElement(
|
|
20
13
|
"plus-checkbox-group",
|
|
21
14
|
{
|
|
22
|
-
ref
|
|
15
|
+
ref: (node) => {
|
|
16
|
+
ref.current = node;
|
|
17
|
+
if (typeof forwardedRef === "function") {
|
|
18
|
+
forwardedRef(node);
|
|
19
|
+
} else if (forwardedRef) {
|
|
20
|
+
forwardedRef.current = node;
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
23
|
...filteredProps,
|
|
24
24
|
value: props.value,
|
|
25
25
|
size: props.size,
|
package/react/PlusChip.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/chip/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusChip = forwardRef((props, forwardedRef) => {
|
|
@@ -14,8 +14,6 @@ export const PlusChip = forwardRef((props, forwardedRef) => {
|
|
|
14
14
|
...filteredProps
|
|
15
15
|
} = props;
|
|
16
16
|
|
|
17
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
18
|
-
|
|
19
17
|
return React.createElement(
|
|
20
18
|
"plus-chip",
|
|
21
19
|
{
|
package/react/PlusDivider.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/divider/index.js";
|
|
8
3
|
import { useProperties } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -21,12 +16,17 @@ export const PlusDivider = forwardRef((props, forwardedRef) => {
|
|
|
21
16
|
/** Properties - run whenever a property has changed */
|
|
22
17
|
useProperties(ref, "hasContent", props.hasContent);
|
|
23
18
|
|
|
24
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
25
|
-
|
|
26
19
|
return React.createElement(
|
|
27
20
|
"plus-divider",
|
|
28
21
|
{
|
|
29
|
-
ref
|
|
22
|
+
ref: (node) => {
|
|
23
|
+
ref.current = node;
|
|
24
|
+
if (typeof forwardedRef === "function") {
|
|
25
|
+
forwardedRef(node);
|
|
26
|
+
} else if (forwardedRef) {
|
|
27
|
+
forwardedRef.current = node;
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
30
|
...filteredProps,
|
|
31
31
|
orientation: props.orientation,
|
|
32
32
|
kind: props.kind,
|
package/react/PlusDrawer.js
CHANGED
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/drawer/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusDrawer = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { isOpen, size, orientation, animationDuration, ...filteredProps } =
|
|
6
6
|
props;
|
|
7
7
|
|
|
8
|
-
/** Methods - uses `useImperativeHandle` hook to pass ref to component */
|
|
9
|
-
useImperativeHandle(forwardedRef, () => ({
|
|
10
|
-
hide: () => ref.current.hide(),
|
|
11
|
-
show: () => ref.current.show(),
|
|
12
|
-
}));
|
|
13
|
-
|
|
14
8
|
return React.createElement(
|
|
15
9
|
"plus-drawer",
|
|
16
10
|
{
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/dropdown-item/index.js";
|
|
8
3
|
import { useEventListener } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -14,12 +9,17 @@ export const PlusDropDownItem = forwardRef((props, forwardedRef) => {
|
|
|
14
9
|
/** Event listeners - run once */
|
|
15
10
|
useEventListener(ref, "click", props.onClick);
|
|
16
11
|
|
|
17
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
18
|
-
|
|
19
12
|
return React.createElement(
|
|
20
13
|
"plus-dropdown-item",
|
|
21
14
|
{
|
|
22
|
-
ref
|
|
15
|
+
ref: (node) => {
|
|
16
|
+
ref.current = node;
|
|
17
|
+
if (typeof forwardedRef === "function") {
|
|
18
|
+
forwardedRef(node);
|
|
19
|
+
} else if (forwardedRef) {
|
|
20
|
+
forwardedRef.current = node;
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
23
|
...filteredProps,
|
|
24
24
|
size: props.size,
|
|
25
25
|
text: props.text,
|
package/react/PlusDropdown.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
forwardRef,
|
|
3
|
-
useImperativeHandle,
|
|
4
|
-
useRef,
|
|
5
|
-
useEffect,
|
|
6
|
-
} from "react";
|
|
1
|
+
import React, { forwardRef, useRef, useEffect } from "react";
|
|
7
2
|
import "../dist/components/dropdown/index.js";
|
|
8
3
|
import { useEventListener } from "./react-utils.js";
|
|
9
4
|
|
|
@@ -20,12 +15,17 @@ export const PlusDropdown = forwardRef((props, forwardedRef) => {
|
|
|
20
15
|
props.onPlusDropdownSelectedItem,
|
|
21
16
|
);
|
|
22
17
|
|
|
23
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
24
|
-
|
|
25
18
|
return React.createElement(
|
|
26
19
|
"plus-dropdown",
|
|
27
20
|
{
|
|
28
|
-
ref
|
|
21
|
+
ref: (node) => {
|
|
22
|
+
ref.current = node;
|
|
23
|
+
if (typeof forwardedRef === "function") {
|
|
24
|
+
forwardedRef(node);
|
|
25
|
+
} else if (forwardedRef) {
|
|
26
|
+
forwardedRef.current = node;
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
29
|
...filteredProps,
|
|
30
30
|
size: props.size,
|
|
31
31
|
status: props.status,
|
package/react/PlusIcon.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import "../dist/components/icon/index.js";
|
|
3
3
|
|
|
4
4
|
export const PlusIcon = forwardRef((props, forwardedRef) => {
|
|
5
5
|
const { iconName, prefix, ...filteredProps } = props;
|
|
6
6
|
|
|
7
|
-
useImperativeHandle(forwardedRef, () => ({}));
|
|
8
|
-
|
|
9
7
|
return React.createElement(
|
|
10
8
|
"plus-icon",
|
|
11
9
|
{
|