@boostdev/design-system-components 2.14.1 → 2.16.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/AGENTS.md +20 -15
- package/dist/client.cjs +271 -205
- package/dist/client.css +808 -648
- package/dist/client.d.cts +19 -4
- package/dist/client.d.ts +19 -4
- package/dist/client.js +206 -139
- package/dist/index.cjs +271 -205
- package/dist/index.css +808 -648
- package/dist/index.d.cts +19 -4
- package/dist/index.d.ts +19 -4
- package/dist/index.js +206 -139
- package/dist/web-components/chunk-2DHW2WJZ.js +154 -0
- package/dist/web-components/{chunk-LDIPCTRN.js → chunk-2MJTO2IW.js} +48 -2
- package/dist/web-components/{chunk-3WAV6MDN.js → chunk-3FSGP35V.js} +1 -0
- package/dist/web-components/{chunk-KA3VPKMY.js → chunk-4MB2ICSK.js} +1 -0
- package/dist/web-components/{chunk-IDSM74LM.js → chunk-6XL5P76D.js} +3 -3
- package/dist/web-components/{chunk-P24JYC5V.js → chunk-7VXRMCAL.js} +10 -4
- package/dist/web-components/{chunk-CUKQ2L5B.js → chunk-AGI6YQRC.js} +9 -16
- package/dist/web-components/chunk-BDRV452N.js +51 -0
- package/dist/web-components/{chunk-3AY2YKCM.js → chunk-CKCPV347.js} +1 -0
- package/dist/web-components/{chunk-HBLJ4SLY.js → chunk-DD3OUXNG.js} +5 -5
- package/dist/web-components/{chunk-RVF7W653.js → chunk-DGOCPKHI.js} +30 -10
- package/dist/web-components/{chunk-2OLVQUBU.js → chunk-EYCW7TKB.js} +8 -15
- package/dist/web-components/{chunk-VANAKB6D.js → chunk-GPJWLAKU.js} +33 -16
- package/dist/web-components/{chunk-VED2DFJ6.js → chunk-GQNQBEYR.js} +8 -15
- package/dist/web-components/{chunk-WFVKU4GX.js → chunk-IKAJLROF.js} +49 -4
- package/dist/web-components/{chunk-RSZ3BWBK.js → chunk-KSK4RZZQ.js} +30 -7
- package/dist/web-components/{chunk-FEDABOR5.js → chunk-LHFUXZ52.js} +7 -15
- package/dist/web-components/{chunk-M3ECULRH.js → chunk-RBF7WPLI.js} +10 -8
- package/dist/web-components/{chunk-6G22I2CK.js → chunk-RZH5IVB5.js} +31 -1
- package/dist/web-components/chunk-SRKQ6GST.js +40 -0
- package/dist/web-components/{chunk-5HUAFCU6.js → chunk-TJV7UIXC.js} +7 -0
- package/dist/web-components/{chunk-J3HVUIUH.js → chunk-XI2U6U26.js} +8 -15
- package/dist/web-components/{chunk-JH6LQKLK.js → chunk-XJU7KITO.js} +8 -15
- package/dist/web-components/{chunk-XIZWAWMJ.js → chunk-XTPUKUN5.js} +16 -6
- package/dist/web-components/{chunk-JV5QT2OU.js → chunk-YLDQOESI.js} +27 -13
- package/dist/web-components/globals.js +1 -1
- package/dist/web-components/index.d.ts +1 -0
- package/dist/web-components/index.js +34 -29
- package/dist/web-components/interaction/bds-button.js +1 -1
- package/dist/web-components/interaction/bds-dropdown-menu-group.d.ts +41 -0
- package/dist/web-components/interaction/bds-dropdown-menu-group.js +7 -0
- package/dist/web-components/interaction/bds-dropdown-menu-item.d.ts +14 -1
- package/dist/web-components/interaction/bds-dropdown-menu-item.js +1 -1
- package/dist/web-components/interaction/bds-dropdown-menu.d.ts +2 -1
- package/dist/web-components/interaction/bds-dropdown-menu.js +1 -1
- package/dist/web-components/interaction/bds-tab.d.ts +5 -0
- package/dist/web-components/interaction/bds-tab.js +1 -1
- package/dist/web-components/interaction/bds-tooltip.js +1 -1
- package/dist/web-components/interaction/form/bds-checkbox-group.d.ts +6 -0
- package/dist/web-components/interaction/form/bds-checkbox-group.js +2 -1
- package/dist/web-components/interaction/form/bds-checkbox.js +1 -1
- package/dist/web-components/interaction/form/bds-combobox.js +2 -1
- package/dist/web-components/interaction/form/bds-form-input.js +2 -1
- package/dist/web-components/interaction/form/bds-number-input.js +2 -1
- package/dist/web-components/interaction/form/bds-radio-group.d.ts +5 -0
- package/dist/web-components/interaction/form/bds-radio-group.js +2 -1
- package/dist/web-components/interaction/form/bds-radio.js +1 -1
- package/dist/web-components/interaction/form/bds-select.js +2 -1
- package/dist/web-components/interaction/form/bds-slider.js +2 -1
- package/dist/web-components/interaction/form/bds-switch.js +1 -1
- package/dist/web-components/interaction/form/bds-textarea.js +2 -1
- package/dist/web-components/ui/bds-alert.d.ts +8 -1
- package/dist/web-components/ui/bds-alert.js +1 -1
- package/dist/web-components/ui/bds-avatar.d.ts +11 -0
- package/dist/web-components/ui/bds-avatar.js +1 -1
- package/dist/web-components/ui/bds-notification-banner.d.ts +14 -1
- package/dist/web-components/ui/bds-notification-banner.js +1 -1
- package/dist/web-components/ui/bds-section-header.d.ts +6 -0
- package/dist/web-components/ui/bds-section-header.js +1 -1
- package/dist/web-components/ui/bds-separator.js +1 -1
- package/dist/web-components/ui/bds-table.js +1 -1
- package/package.json +6 -2
- package/src/components/interaction/Button/Button.mdx +7 -0
- package/src/components/interaction/Button/Button.module.css +17 -9
- package/src/components/interaction/Button/Button.stories.tsx +28 -0
- package/src/components/interaction/DropdownMenu/DropdownMenu.mdx +35 -4
- package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +58 -10
- package/src/components/interaction/DropdownMenu/DropdownMenu.spec.tsx +114 -1
- package/src/components/interaction/DropdownMenu/DropdownMenu.stories.tsx +25 -0
- package/src/components/interaction/DropdownMenu/DropdownMenu.tsx +69 -17
- package/src/components/interaction/form/Checkbox/Checkbox.module.css +1 -0
- package/src/components/interaction/form/Checkbox/Checkbox.spec.tsx +7 -0
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.mdx +1 -0
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css +7 -0
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.spec.tsx +22 -0
- package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx +1 -1
- package/src/components/interaction/form/Combobox/Combobox.module.css +1 -0
- package/src/components/interaction/form/Combobox/Combobox.spec.tsx +7 -0
- package/src/components/interaction/form/FormInput/FormInput.mdx +9 -0
- package/src/components/interaction/form/FormInput/FormInput.module.css +1 -0
- package/src/components/interaction/form/FormInput/FormInput.spec.tsx +7 -0
- package/src/components/interaction/form/NumberInput/NumberInput.module.css +1 -0
- package/src/components/interaction/form/NumberInput/NumberInput.spec.tsx +7 -0
- package/src/components/interaction/form/Radio/Radio.module.css +1 -0
- package/src/components/interaction/form/Radio/Radio.spec.tsx +7 -0
- package/src/components/interaction/form/RadioGroup/RadioGroup.mdx +1 -0
- package/src/components/interaction/form/RadioGroup/RadioGroup.module.css +7 -0
- package/src/components/interaction/form/RadioGroup/RadioGroup.spec.tsx +22 -0
- package/src/components/interaction/form/RadioGroup/RadioGroup.tsx +1 -1
- package/src/components/interaction/form/Select/Select.module.css +1 -0
- package/src/components/interaction/form/Select/Select.spec.tsx +7 -0
- package/src/components/interaction/form/Switch/Switch.module.css +1 -0
- package/src/components/interaction/form/Switch/Switch.spec.tsx +7 -0
- package/src/components/interaction/form/Textarea/Textarea.module.css +1 -0
- package/src/components/interaction/form/Textarea/Textarea.spec.tsx +7 -0
- package/src/components/interaction/form/atoms/Message.module.css +14 -3
- package/src/components/interaction/form/atoms/Message.spec.tsx +22 -0
- package/src/components/interaction/form/atoms/Message.tsx +5 -0
- package/src/components/layout/SectionHeader/SectionHeader.mdx +18 -5
- package/src/components/layout/SectionHeader/SectionHeader.module.css +35 -14
- package/src/components/layout/SectionHeader/SectionHeader.spec.tsx +44 -0
- package/src/components/layout/SectionHeader/SectionHeader.stories.tsx +5 -0
- package/src/components/layout/SectionHeader/SectionHeader.tsx +3 -1
- package/src/components/ui/Alert/Alert.mdx +11 -0
- package/src/components/ui/Alert/Alert.module.css +30 -1
- package/src/components/ui/Alert/Alert.spec.tsx +21 -0
- package/src/components/ui/Alert/Alert.stories.tsx +20 -0
- package/src/components/ui/Alert/Alert.tsx +8 -1
- package/src/components/ui/Avatar/Avatar.mdx +22 -2
- package/src/components/ui/Avatar/Avatar.module.css +29 -2
- package/src/components/ui/Avatar/Avatar.spec.tsx +26 -0
- package/src/components/ui/Avatar/Avatar.stories.tsx +23 -0
- package/src/components/ui/Avatar/Avatar.tsx +4 -2
- package/src/components/ui/Avatar/avatarTone.spec.ts +41 -0
- package/src/components/ui/Avatar/avatarTone.ts +22 -0
- package/src/components/ui/Collapsible/Collapsible.module.css +1 -2
- package/src/components/ui/NotificationBanner/NotificationBanner.mdx +14 -0
- package/src/components/ui/NotificationBanner/NotificationBanner.module.css +31 -1
- package/src/components/ui/NotificationBanner/NotificationBanner.spec.tsx +29 -0
- package/src/components/ui/NotificationBanner/NotificationBanner.stories.tsx +25 -0
- package/src/components/ui/NotificationBanner/NotificationBanner.tsx +15 -1
- package/src/components/ui/Separator/Separator.mdx +1 -0
- package/src/components/ui/Separator/Separator.module.css +6 -0
- package/src/components/ui/Separator/Separator.spec.tsx +19 -0
- package/src/components/ui/Separator/Separator.stories.tsx +15 -0
- package/src/components/ui/Table/Table.mdx +4 -1
- package/src/components/ui/Table/Table.module.css +7 -7
- package/src/components/ui/Table/Table.spec.tsx +11 -0
- package/src/components/ui/Tabs/Tabs.mdx +11 -5
- package/src/components/ui/Tabs/Tabs.module.css +23 -5
- package/src/components/ui/Tabs/Tabs.spec.tsx +39 -0
- package/src/components/ui/Tabs/Tabs.tsx +2 -1
- package/src/components/ui/Tabs/getNodeText.spec.tsx +23 -0
- package/src/components/ui/Tabs/getNodeText.ts +13 -0
- package/src/components/ui/Tooltip/Tooltip.mdx +6 -3
- package/src/components/ui/Tooltip/Tooltip.module.css +6 -2
- package/src/components/ui/Tooltip/Tooltip.spec.tsx +10 -0
- package/src/components/ui/Tooltip/Tooltip.stories.tsx +13 -0
- package/src/css/bdc.css +5 -2
- package/src/css/bdc.spec.ts +65 -0
- package/src/stories/DesignSystem/Borders.mdx +17 -9
- package/src/web-components/globals.ts +10 -4
- package/src/web-components/index.ts +1 -0
- package/src/web-components/interaction/BdsAccordion.mdx +1 -1
- package/src/web-components/interaction/BdsAccordion.stories.tsx +1 -1
- package/src/web-components/interaction/BdsButton.mdx +9 -1
- package/src/web-components/interaction/BdsButton.stories.tsx +42 -1
- package/src/web-components/interaction/BdsCollapsible.mdx +1 -1
- package/src/web-components/interaction/BdsCollapsible.stories.tsx +1 -1
- package/src/web-components/interaction/BdsDialog.mdx +1 -1
- package/src/web-components/interaction/BdsDialog.stories.tsx +1 -1
- package/src/web-components/interaction/BdsDrawer.mdx +1 -1
- package/src/web-components/interaction/BdsDrawer.stories.tsx +1 -1
- package/src/web-components/interaction/BdsDropdownMenu.mdx +62 -6
- package/src/web-components/interaction/BdsDropdownMenu.stories.tsx +32 -7
- package/src/web-components/interaction/BdsPopover.mdx +1 -1
- package/src/web-components/interaction/BdsPopover.stories.tsx +1 -1
- package/src/web-components/interaction/BdsSkipLink.mdx +1 -1
- package/src/web-components/interaction/BdsSkipLink.stories.tsx +1 -1
- package/src/web-components/interaction/BdsTabs.mdx +10 -1
- package/src/web-components/interaction/BdsTabs.stories.tsx +1 -1
- package/src/web-components/interaction/BdsToastProvider.mdx +1 -1
- package/src/web-components/interaction/BdsToastProvider.stories.tsx +1 -1
- package/src/web-components/interaction/BdsTooltip.mdx +13 -5
- package/src/web-components/interaction/BdsTooltip.stories.tsx +12 -12
- package/src/web-components/interaction/bds-button.ts +16 -6
- package/src/web-components/interaction/bds-dropdown-menu-group.ts +72 -0
- package/src/web-components/interaction/bds-dropdown-menu-item.ts +65 -17
- package/src/web-components/interaction/bds-dropdown-menu.spec.ts +135 -0
- package/src/web-components/interaction/bds-dropdown-menu.ts +5 -4
- package/src/web-components/interaction/bds-tab.spec.ts +34 -2
- package/src/web-components/interaction/bds-tab.ts +31 -6
- package/src/web-components/interaction/bds-tooltip.spec.ts +16 -0
- package/src/web-components/interaction/bds-tooltip.ts +10 -8
- package/src/web-components/interaction/form/BdsCheckbox.mdx +5 -1
- package/src/web-components/interaction/form/BdsCheckbox.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsCheckboxGroup.mdx +5 -1
- package/src/web-components/interaction/form/BdsCheckboxGroup.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsCombobox.mdx +5 -1
- package/src/web-components/interaction/form/BdsCombobox.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsFieldGroup.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsFileInput.mdx +1 -1
- package/src/web-components/interaction/form/BdsFileInput.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsFormInput.mdx +8 -1
- package/src/web-components/interaction/form/BdsFormInput.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsNumberInput.mdx +5 -1
- package/src/web-components/interaction/form/BdsNumberInput.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsRadio.mdx +5 -1
- package/src/web-components/interaction/form/BdsRadio.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsRadioGroup.mdx +5 -1
- package/src/web-components/interaction/form/BdsRadioGroup.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsSegmentedControl.mdx +1 -1
- package/src/web-components/interaction/form/BdsSegmentedControl.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsSelect.mdx +5 -1
- package/src/web-components/interaction/form/BdsSelect.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsSlider.mdx +5 -1
- package/src/web-components/interaction/form/BdsSlider.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsSwitch.mdx +5 -1
- package/src/web-components/interaction/form/BdsSwitch.stories.tsx +1 -1
- package/src/web-components/interaction/form/BdsTextarea.mdx +5 -1
- package/src/web-components/interaction/form/BdsTextarea.stories.tsx +1 -1
- package/src/web-components/interaction/form/bds-checkbox-group.spec.ts +32 -3
- package/src/web-components/interaction/form/bds-checkbox-group.ts +33 -17
- package/src/web-components/interaction/form/bds-checkbox.ts +1 -0
- package/src/web-components/interaction/form/bds-combobox.ts +6 -16
- package/src/web-components/interaction/form/bds-form-input.ts +6 -16
- package/src/web-components/interaction/form/bds-number-input.ts +6 -16
- package/src/web-components/interaction/form/bds-radio-group.spec.ts +32 -3
- package/src/web-components/interaction/form/bds-radio-group.ts +26 -14
- package/src/web-components/interaction/form/bds-radio.ts +1 -0
- package/src/web-components/interaction/form/bds-select.ts +6 -16
- package/src/web-components/interaction/form/bds-slider.ts +5 -16
- package/src/web-components/interaction/form/bds-switch.ts +1 -0
- package/src/web-components/interaction/form/bds-textarea.ts +6 -16
- package/src/web-components/interaction/form/field-message.spec.ts +62 -0
- package/src/web-components/interaction/form/field-message.ts +55 -0
- package/src/web-components/layout/BdsGrid.mdx +1 -1
- package/src/web-components/layout/BdsGrid.stories.tsx +1 -1
- package/src/web-components/layout/BdsGridItem.mdx +1 -1
- package/src/web-components/layout/BdsGridItem.stories.tsx +1 -1
- package/src/web-components/ui/BdsAlert.mdx +19 -1
- package/src/web-components/ui/BdsAlert.stories.tsx +29 -3
- package/src/web-components/ui/BdsAvatar.mdx +20 -3
- package/src/web-components/ui/BdsAvatar.stories.tsx +25 -2
- package/src/web-components/ui/BdsBadge.mdx +1 -1
- package/src/web-components/ui/BdsBadge.stories.tsx +1 -1
- package/src/web-components/ui/BdsBreadcrumb.mdx +1 -1
- package/src/web-components/ui/BdsBreadcrumb.stories.tsx +1 -1
- package/src/web-components/ui/BdsButtonContainer.mdx +1 -1
- package/src/web-components/ui/BdsButtonContainer.stories.tsx +1 -1
- package/src/web-components/ui/BdsCalendar.mdx +1 -1
- package/src/web-components/ui/BdsCalendar.stories.tsx +1 -1
- package/src/web-components/ui/BdsCalendarRange.mdx +1 -1
- package/src/web-components/ui/BdsCalendarRange.stories.tsx +1 -1
- package/src/web-components/ui/BdsCard.mdx +1 -1
- package/src/web-components/ui/BdsCard.stories.tsx +1 -1
- package/src/web-components/ui/BdsCarousel.mdx +1 -1
- package/src/web-components/ui/BdsCarousel.stories.tsx +1 -1
- package/src/web-components/ui/BdsDescriptionList.mdx +1 -1
- package/src/web-components/ui/BdsDescriptionList.stories.tsx +1 -1
- package/src/web-components/ui/BdsIconWrapper.mdx +1 -1
- package/src/web-components/ui/BdsIconWrapper.stories.tsx +1 -1
- package/src/web-components/ui/BdsLink.mdx +1 -1
- package/src/web-components/ui/BdsLink.stories.tsx +1 -1
- package/src/web-components/ui/BdsLoading.mdx +1 -1
- package/src/web-components/ui/BdsLoading.stories.tsx +1 -1
- package/src/web-components/ui/BdsNotificationBanner.mdx +10 -1
- package/src/web-components/ui/BdsNotificationBanner.stories.tsx +29 -2
- package/src/web-components/ui/BdsPagination.mdx +1 -1
- package/src/web-components/ui/BdsPagination.stories.tsx +1 -1
- package/src/web-components/ui/BdsProgress.mdx +1 -1
- package/src/web-components/ui/BdsProgress.stories.tsx +1 -1
- package/src/web-components/ui/BdsProgressCircle.mdx +1 -1
- package/src/web-components/ui/BdsProgressCircle.stories.tsx +1 -1
- package/src/web-components/ui/BdsRating.mdx +1 -1
- package/src/web-components/ui/BdsRating.stories.tsx +1 -1
- package/src/web-components/ui/BdsSectionHeader.mdx +18 -6
- package/src/web-components/ui/BdsSectionHeader.stories.tsx +10 -2
- package/src/web-components/ui/BdsSeparator.mdx +2 -1
- package/src/web-components/ui/BdsSeparator.stories.tsx +13 -1
- package/src/web-components/ui/BdsSkeleton.mdx +1 -1
- package/src/web-components/ui/BdsSkeleton.stories.tsx +1 -1
- package/src/web-components/ui/BdsTable.mdx +5 -1
- package/src/web-components/ui/BdsTable.stories.tsx +1 -1
- package/src/web-components/ui/BdsTypography.mdx +1 -1
- package/src/web-components/ui/BdsTypography.stories.tsx +1 -1
- package/src/web-components/ui/bds-alert.spec.ts +27 -0
- package/src/web-components/ui/bds-alert.ts +34 -1
- package/src/web-components/ui/bds-avatar.spec.ts +47 -0
- package/src/web-components/ui/bds-avatar.ts +36 -3
- package/src/web-components/ui/bds-notification-banner.spec.ts +45 -0
- package/src/web-components/ui/bds-notification-banner.ts +53 -1
- package/src/web-components/ui/bds-section-header.spec.ts +36 -3
- package/src/web-components/ui/bds-section-header.ts +32 -10
- package/src/web-components/ui/bds-separator.spec.ts +8 -0
- package/src/web-components/ui/bds-separator.ts +7 -0
- package/src/web-components/ui/bds-table.spec.ts +11 -0
- package/src/web-components/ui/bds-table.ts +5 -5
- package/dist/web-components/chunk-QZAIRJ75.js +0 -111
package/dist/client.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { useId, useState } from "react";
|
|
5
5
|
|
|
6
6
|
// src/components/ui/Accordion/Accordion.module.css
|
|
7
|
-
var Accordion_default = {"component":"
|
|
7
|
+
var Accordion_default = {"component":"bds2160Accordion-component","accordion":"bds2160Accordion-accordion","item":"bds2160Accordion-item","heading":"bds2160Accordion-heading","trigger":"bds2160Accordion-trigger","triggerLabel":"bds2160Accordion-triggerLabel","chevron":"bds2160Accordion-chevron","--open":"bds2160Accordion---open","panel":"bds2160Accordion-panel","panelContent":"bds2160Accordion-panelContent"};
|
|
8
8
|
|
|
9
9
|
// src/components/ui/Accordion/Accordion.tsx
|
|
10
10
|
import { cn } from "@boostdev/design-system-foundation";
|
|
@@ -73,13 +73,14 @@ function Accordion({
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
// src/components/ui/Alert/Alert.module.css
|
|
76
|
-
var Alert_default = {"component":"
|
|
76
|
+
var Alert_default = {"component":"bds2160Alert-component","alert":"bds2160Alert-alert","--variant_info":"bds2160Alert---variant_info","--variant_success":"bds2160Alert---variant_success","--variant_warning":"bds2160Alert---variant_warning","--variant_error":"bds2160Alert---variant_error","--appearance_gradient":"bds2160Alert---appearance_gradient","icon":"bds2160Alert-icon","content":"bds2160Alert-content","title":"bds2160Alert-title","dismiss":"bds2160Alert-dismiss"};
|
|
77
77
|
|
|
78
78
|
// src/components/ui/Alert/Alert.tsx
|
|
79
79
|
import { cn as cn2 } from "@boostdev/design-system-foundation";
|
|
80
80
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
81
81
|
function Alert({
|
|
82
82
|
variant = "info",
|
|
83
|
+
appearance = "default",
|
|
83
84
|
icon,
|
|
84
85
|
title,
|
|
85
86
|
children,
|
|
@@ -95,7 +96,12 @@ function Alert({
|
|
|
95
96
|
role: isUrgent ? "alert" : "status",
|
|
96
97
|
"aria-live": isUrgent ? "assertive" : "polite",
|
|
97
98
|
"aria-atomic": "true",
|
|
98
|
-
className: cn2(
|
|
99
|
+
className: cn2(
|
|
100
|
+
Alert_default.alert,
|
|
101
|
+
Alert_default[`--variant_${variant}`],
|
|
102
|
+
appearance === "gradient" && Alert_default["--appearance_gradient"],
|
|
103
|
+
className
|
|
104
|
+
),
|
|
99
105
|
children: [
|
|
100
106
|
icon && /* @__PURE__ */ jsx2("span", { className: Alert_default.icon, "aria-hidden": "true", children: icon }),
|
|
101
107
|
/* @__PURE__ */ jsxs2("div", { className: Alert_default.content, children: [
|
|
@@ -118,15 +124,33 @@ function Alert({
|
|
|
118
124
|
}
|
|
119
125
|
|
|
120
126
|
// src/components/ui/Avatar/Avatar.module.css
|
|
121
|
-
var Avatar_default = {"component":"
|
|
127
|
+
var Avatar_default = {"component":"bds2160Avatar-component","avatar":"bds2160Avatar-avatar","--fallback":"bds2160Avatar---fallback","--tone_primary":"bds2160Avatar---tone_primary","--tone_secondary":"bds2160Avatar---tone_secondary","--tone_accent-1":"bds2160Avatar---tone_accent-1","--tone_accent-2":"bds2160Avatar---tone_accent-2","--tone_accent-3":"bds2160Avatar---tone_accent-3","--size_small":"bds2160Avatar---size_small","--size_medium":"bds2160Avatar---size_medium","--size_large":"bds2160Avatar---size_large","image":"bds2160Avatar-image","initials":"bds2160Avatar-initials"};
|
|
122
128
|
|
|
123
129
|
// src/components/ui/Avatar/Avatar.tsx
|
|
124
130
|
import { cn as cn3 } from "@boostdev/design-system-foundation";
|
|
131
|
+
|
|
132
|
+
// src/components/ui/Avatar/avatarTone.ts
|
|
133
|
+
var AVATAR_TONES = ["primary", "accent-1", "accent-2", "accent-3", "secondary"];
|
|
134
|
+
function toneFromName(name) {
|
|
135
|
+
const normalised = (name ?? "").trim().toLowerCase();
|
|
136
|
+
if (!normalised) return "primary";
|
|
137
|
+
const hash = [...normalised].reduce(
|
|
138
|
+
(h, ch) => Math.imul(h, 31) + (ch.codePointAt(0) ?? 0) >>> 0,
|
|
139
|
+
0
|
|
140
|
+
);
|
|
141
|
+
return AVATAR_TONES[hash % AVATAR_TONES.length];
|
|
142
|
+
}
|
|
143
|
+
function resolveAvatarTone(tone, name) {
|
|
144
|
+
const isKnownTone = (value) => AVATAR_TONES.some((known) => known === value);
|
|
145
|
+
return tone && isKnownTone(tone) ? tone : toneFromName(name);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
// src/components/ui/Avatar/Avatar.tsx
|
|
125
149
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
126
150
|
function getInitials(name) {
|
|
127
151
|
return name.split(" ").filter(Boolean).slice(0, 2).map((word) => word[0].toUpperCase()).join("");
|
|
128
152
|
}
|
|
129
|
-
function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
|
|
153
|
+
function Avatar({ src, alt, name, size = "medium", tone = "auto", className, ...rest }) {
|
|
130
154
|
const sizeClass = Avatar_default[`--size_${size}`];
|
|
131
155
|
if (src) {
|
|
132
156
|
return /* @__PURE__ */ jsx3("span", { ...rest, className: cn3(Avatar_default.avatar, sizeClass, className), children: /* @__PURE__ */ jsx3("img", { src, alt: alt ?? name ?? "User avatar", className: Avatar_default.image }) });
|
|
@@ -138,14 +162,14 @@ function Avatar({ src, alt, name, size = "medium", className, ...rest }) {
|
|
|
138
162
|
...rest,
|
|
139
163
|
role: "img",
|
|
140
164
|
"aria-label": name ?? "User avatar",
|
|
141
|
-
className: cn3(Avatar_default.avatar, Avatar_default["--fallback"], sizeClass, className),
|
|
165
|
+
className: cn3(Avatar_default.avatar, Avatar_default["--fallback"], Avatar_default[`--tone_${resolveAvatarTone(tone, name)}`], sizeClass, className),
|
|
142
166
|
children: /* @__PURE__ */ jsx3("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials })
|
|
143
167
|
}
|
|
144
168
|
);
|
|
145
169
|
}
|
|
146
170
|
|
|
147
171
|
// src/components/ui/Badge/Badge.module.css
|
|
148
|
-
var Badge_default = {"component":"
|
|
172
|
+
var Badge_default = {"component":"bds2160Badge-component","badge":"bds2160Badge-badge","--variant_primary":"bds2160Badge---variant_primary","--variant_secondary":"bds2160Badge---variant_secondary","--variant_success":"bds2160Badge---variant_success","--variant_error":"bds2160Badge---variant_error","--variant_warning":"bds2160Badge---variant_warning"};
|
|
149
173
|
|
|
150
174
|
// src/components/ui/Badge/Badge.tsx
|
|
151
175
|
import { cn as cn4 } from "@boostdev/design-system-foundation";
|
|
@@ -155,7 +179,7 @@ function Badge({ children, variant = "primary", className, ...rest }) {
|
|
|
155
179
|
}
|
|
156
180
|
|
|
157
181
|
// src/components/ui/Breadcrumb/Breadcrumb.module.css
|
|
158
|
-
var Breadcrumb_default = {"component":"
|
|
182
|
+
var Breadcrumb_default = {"component":"bds2160Breadcrumb-component","breadcrumb":"bds2160Breadcrumb-breadcrumb","list":"bds2160Breadcrumb-list","item":"bds2160Breadcrumb-item","link":"bds2160Breadcrumb-link","separator":"bds2160Breadcrumb-separator","text":"bds2160Breadcrumb-text","current":"bds2160Breadcrumb-current"};
|
|
159
183
|
|
|
160
184
|
// src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
161
185
|
import { cn as cn5 } from "@boostdev/design-system-foundation";
|
|
@@ -171,7 +195,7 @@ function Breadcrumb({ items, className, ...rest }) {
|
|
|
171
195
|
}
|
|
172
196
|
|
|
173
197
|
// src/components/ui/Collapsible/Collapsible.module.css
|
|
174
|
-
var Collapsible_default = {"component":"
|
|
198
|
+
var Collapsible_default = {"component":"bds2160Collapsible-component","collapsible":"bds2160Collapsible-collapsible","summary":"bds2160Collapsible-summary","summaryContent":"bds2160Collapsible-summaryContent","icon":"bds2160Collapsible-icon","content":"bds2160Collapsible-content"};
|
|
175
199
|
|
|
176
200
|
// src/components/ui/Collapsible/Collapsible.tsx
|
|
177
201
|
import { cn as cn6 } from "@boostdev/design-system-foundation";
|
|
@@ -220,7 +244,7 @@ import { useState as useState2, useId as useId2, useRef, useEffect, useCallback
|
|
|
220
244
|
import { cn as cn8 } from "@boostdev/design-system-foundation";
|
|
221
245
|
|
|
222
246
|
// src/components/ui/Calendar/Calendar.module.css
|
|
223
|
-
var Calendar_default = {"component":"
|
|
247
|
+
var Calendar_default = {"component":"bds2160Calendar-component","calendar":"bds2160Calendar-calendar","months":"bds2160Calendar-months","month":"bds2160Calendar-month","monthHeader":"bds2160Calendar-monthHeader","navSlot":"bds2160Calendar-navSlot","monthYear":"bds2160Calendar-monthYear","navBtn":"bds2160Calendar-navBtn","grid":"bds2160Calendar-grid","row":"bds2160Calendar-row","weekday":"bds2160Calendar-weekday","cell":"bds2160Calendar-cell","day":"bds2160Calendar-day","disabled":"bds2160Calendar-disabled","selected":"bds2160Calendar-selected","rangeStart":"bds2160Calendar-rangeStart","rangeEnd":"bds2160Calendar-rangeEnd","outside":"bds2160Calendar-outside","today":"bds2160Calendar-today","inRange":"bds2160Calendar-inRange"};
|
|
224
248
|
|
|
225
249
|
// src/components/ui/Calendar/MonthGrid.tsx
|
|
226
250
|
import { cn as cn7 } from "@boostdev/design-system-foundation";
|
|
@@ -709,7 +733,7 @@ function CalendarRange({
|
|
|
709
733
|
import { useRef as useRef3, useId as useId4 } from "react";
|
|
710
734
|
|
|
711
735
|
// src/components/ui/Carousel/Carousel.module.css
|
|
712
|
-
var Carousel_default = {"component":"
|
|
736
|
+
var Carousel_default = {"component":"bds2160Carousel-component","carousel":"bds2160Carousel-carousel","track":"bds2160Carousel-track","slide":"bds2160Carousel-slide","navBtn":"bds2160Carousel-navBtn"};
|
|
713
737
|
|
|
714
738
|
// src/components/ui/Carousel/Carousel.tsx
|
|
715
739
|
import { cn as cn10 } from "@boostdev/design-system-foundation";
|
|
@@ -767,7 +791,7 @@ function Carousel({ items, label, className, ...rest }) {
|
|
|
767
791
|
}
|
|
768
792
|
|
|
769
793
|
// src/components/ui/DescriptionList/DescriptionList.module.css
|
|
770
|
-
var DescriptionList_default = {"component":"
|
|
794
|
+
var DescriptionList_default = {"component":"bds2160DescriptionList-component","list":"bds2160DescriptionList-list","group":"bds2160DescriptionList-group","term":"bds2160DescriptionList-term","details":"bds2160DescriptionList-details","--layout_inline":"bds2160DescriptionList---layout_inline"};
|
|
771
795
|
|
|
772
796
|
// src/components/ui/DescriptionList/DescriptionList.tsx
|
|
773
797
|
import { cn as cn11 } from "@boostdev/design-system-foundation";
|
|
@@ -780,7 +804,7 @@ function DescriptionList({ items, layout = "stacked", className, ...rest }) {
|
|
|
780
804
|
}
|
|
781
805
|
|
|
782
806
|
// src/components/ui/Link/Link.module.css
|
|
783
|
-
var Link_default = {"component":"
|
|
807
|
+
var Link_default = {"component":"bds2160Link-component","link":"bds2160Link-link","--variant_default":"bds2160Link---variant_default","--variant_subtle":"bds2160Link---variant_subtle","--variant_standalone":"bds2160Link---variant_standalone","externalLabel":"bds2160Link-externalLabel"};
|
|
784
808
|
|
|
785
809
|
// src/components/ui/Link/Link.tsx
|
|
786
810
|
import { cn as cn12 } from "@boostdev/design-system-foundation";
|
|
@@ -811,7 +835,7 @@ function Link({
|
|
|
811
835
|
}
|
|
812
836
|
|
|
813
837
|
// src/components/ui/Loading/Loading.module.css
|
|
814
|
-
var Loading_default = {"component":"
|
|
838
|
+
var Loading_default = {"component":"bds2160Loading-component","loading":"bds2160Loading-loading","spinner":"bds2160Loading-spinner","--size_small":"bds2160Loading---size_small","--size_large":"bds2160Loading---size_large"};
|
|
815
839
|
|
|
816
840
|
// src/components/ui/Loading/Loading.tsx
|
|
817
841
|
import { cn as cn13 } from "@boostdev/design-system-foundation";
|
|
@@ -830,13 +854,15 @@ function Loading({ size = "medium", className, "aria-label": ariaLabel, ...rest
|
|
|
830
854
|
}
|
|
831
855
|
|
|
832
856
|
// src/components/ui/NotificationBanner/NotificationBanner.module.css
|
|
833
|
-
var NotificationBanner_default = {"component":"
|
|
857
|
+
var NotificationBanner_default = {"component":"bds2160NotificationBanner-component","banner":"bds2160NotificationBanner-banner","--variant_info":"bds2160NotificationBanner---variant_info","--variant_success":"bds2160NotificationBanner---variant_success","--variant_warning":"bds2160NotificationBanner---variant_warning","--variant_error":"bds2160NotificationBanner---variant_error","--appearance_gradient":"bds2160NotificationBanner---appearance_gradient","icon":"bds2160NotificationBanner-icon","content":"bds2160NotificationBanner-content","action":"bds2160NotificationBanner-action","dismiss":"bds2160NotificationBanner-dismiss"};
|
|
834
858
|
|
|
835
859
|
// src/components/ui/NotificationBanner/NotificationBanner.tsx
|
|
836
860
|
import { cn as cn14 } from "@boostdev/design-system-foundation";
|
|
837
861
|
import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
838
862
|
function NotificationBanner({
|
|
839
863
|
variant = "info",
|
|
864
|
+
appearance = "default",
|
|
865
|
+
icon,
|
|
840
866
|
children,
|
|
841
867
|
action,
|
|
842
868
|
onDismiss,
|
|
@@ -851,8 +877,14 @@ function NotificationBanner({
|
|
|
851
877
|
role: isUrgent ? "alert" : "status",
|
|
852
878
|
"aria-live": isUrgent ? "assertive" : "polite",
|
|
853
879
|
"aria-atomic": "true",
|
|
854
|
-
className: cn14(
|
|
880
|
+
className: cn14(
|
|
881
|
+
NotificationBanner_default.banner,
|
|
882
|
+
NotificationBanner_default[`--variant_${variant}`],
|
|
883
|
+
appearance === "gradient" && NotificationBanner_default["--appearance_gradient"],
|
|
884
|
+
className
|
|
885
|
+
),
|
|
855
886
|
children: [
|
|
887
|
+
icon && /* @__PURE__ */ jsx14("span", { className: NotificationBanner_default.icon, "aria-hidden": "true", children: icon }),
|
|
856
888
|
/* @__PURE__ */ jsx14("div", { className: NotificationBanner_default.content, children }),
|
|
857
889
|
action && /* @__PURE__ */ jsx14("div", { className: NotificationBanner_default.action, children: action }),
|
|
858
890
|
onDismiss && /* @__PURE__ */ jsx14(
|
|
@@ -871,7 +903,7 @@ function NotificationBanner({
|
|
|
871
903
|
}
|
|
872
904
|
|
|
873
905
|
// src/components/ui/Pagination/Pagination.module.css
|
|
874
|
-
var Pagination_default = {"component":"
|
|
906
|
+
var Pagination_default = {"component":"bds2160Pagination-component","pagination":"bds2160Pagination-pagination","list":"bds2160Pagination-list","button":"bds2160Pagination-button","--active":"bds2160Pagination---active","--nav":"bds2160Pagination---nav","ellipsis":"bds2160Pagination-ellipsis"};
|
|
875
907
|
|
|
876
908
|
// src/components/ui/Pagination/Pagination.tsx
|
|
877
909
|
import { cn as cn15 } from "@boostdev/design-system-foundation";
|
|
@@ -936,7 +968,7 @@ function Pagination({
|
|
|
936
968
|
}
|
|
937
969
|
|
|
938
970
|
// src/components/ui/Progress/Progress.module.css
|
|
939
|
-
var Progress_default = {"component":"
|
|
971
|
+
var Progress_default = {"component":"bds2160Progress-component","container":"bds2160Progress-container","labelRow":"bds2160Progress-labelRow","value":"bds2160Progress-value","track":"bds2160Progress-track","--size_small":"bds2160Progress---size_small","--size_medium":"bds2160Progress---size_medium","--size_large":"bds2160Progress---size_large","fill":"bds2160Progress-fill"};
|
|
940
972
|
|
|
941
973
|
// src/components/ui/Progress/Progress.tsx
|
|
942
974
|
import { cn as cn16 } from "@boostdev/design-system-foundation";
|
|
@@ -975,7 +1007,7 @@ function Progress({
|
|
|
975
1007
|
}
|
|
976
1008
|
|
|
977
1009
|
// src/components/ui/ProgressCircle/ProgressCircle.module.css
|
|
978
|
-
var ProgressCircle_default = {"component":"
|
|
1010
|
+
var ProgressCircle_default = {"component":"bds2160ProgressCircle-component","wrapper":"bds2160ProgressCircle-wrapper","svg":"bds2160ProgressCircle-svg","track":"bds2160ProgressCircle-track","fill":"bds2160ProgressCircle-fill","value":"bds2160ProgressCircle-value","--size_small":"bds2160ProgressCircle---size_small","--size_medium":"bds2160ProgressCircle---size_medium","--size_large":"bds2160ProgressCircle---size_large"};
|
|
979
1011
|
|
|
980
1012
|
// src/components/ui/ProgressCircle/ProgressCircle.tsx
|
|
981
1013
|
import { cn as cn17 } from "@boostdev/design-system-foundation";
|
|
@@ -1056,7 +1088,7 @@ function ProgressCircle({
|
|
|
1056
1088
|
}
|
|
1057
1089
|
|
|
1058
1090
|
// src/components/ui/Separator/Separator.module.css
|
|
1059
|
-
var Separator_default = {"component":"
|
|
1091
|
+
var Separator_default = {"component":"bds2160Separator-component","separator":"bds2160Separator-separator","--horizontal":"bds2160Separator---horizontal","--vertical":"bds2160Separator---vertical"};
|
|
1060
1092
|
|
|
1061
1093
|
// src/components/ui/Separator/Separator.tsx
|
|
1062
1094
|
import { cn as cn18 } from "@boostdev/design-system-foundation";
|
|
@@ -1080,7 +1112,7 @@ function Separator({ orientation = "horizontal", className, ...rest }) {
|
|
|
1080
1112
|
import { cn as cn19 } from "@boostdev/design-system-foundation";
|
|
1081
1113
|
|
|
1082
1114
|
// src/components/ui/Skeleton/Skeleton.module.css
|
|
1083
|
-
var Skeleton_default = {"component":"
|
|
1115
|
+
var Skeleton_default = {"component":"bds2160Skeleton-component","skeleton":"bds2160Skeleton-skeleton"};
|
|
1084
1116
|
|
|
1085
1117
|
// src/components/ui/Skeleton/Skeleton.tsx
|
|
1086
1118
|
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
@@ -1089,7 +1121,7 @@ function Skeleton({ className, ...rest }) {
|
|
|
1089
1121
|
}
|
|
1090
1122
|
|
|
1091
1123
|
// src/components/ui/SkipLink/SkipLink.module.css
|
|
1092
|
-
var SkipLink_default = {"component":"
|
|
1124
|
+
var SkipLink_default = {"component":"bds2160SkipLink-component","skipLink":"bds2160SkipLink-skipLink"};
|
|
1093
1125
|
|
|
1094
1126
|
// src/components/ui/SkipLink/SkipLink.tsx
|
|
1095
1127
|
import { cn as cn20 } from "@boostdev/design-system-foundation";
|
|
@@ -1102,7 +1134,7 @@ function SkipLink({ href = "#main", children = "Skip to main content", className
|
|
|
1102
1134
|
import { useId as useId5 } from "react";
|
|
1103
1135
|
|
|
1104
1136
|
// src/components/ui/Table/Table.module.css
|
|
1105
|
-
var Table_default = {"component":"
|
|
1137
|
+
var Table_default = {"component":"bds2160Table-component","wrapper":"bds2160Table-wrapper","table":"bds2160Table-table","caption":"bds2160Table-caption","thead":"bds2160Table-thead","th":"bds2160Table-th","--sortable":"bds2160Table---sortable","sortButton":"bds2160Table-sortButton","sortIcon":"bds2160Table-sortIcon","--sort-active":"bds2160Table---sort-active","--sort-desc":"bds2160Table---sort-desc","tbody":"bds2160Table-tbody","tr":"bds2160Table-tr","td":"bds2160Table-td"};
|
|
1106
1138
|
|
|
1107
1139
|
// src/components/ui/Table/Table.tsx
|
|
1108
1140
|
import { cn as cn21 } from "@boostdev/design-system-foundation";
|
|
@@ -1194,10 +1226,21 @@ function Table({
|
|
|
1194
1226
|
import { useId as useId6, useRef as useRef4, useState as useState4 } from "react";
|
|
1195
1227
|
|
|
1196
1228
|
// src/components/ui/Tabs/Tabs.module.css
|
|
1197
|
-
var Tabs_default = {"component":"
|
|
1229
|
+
var Tabs_default = {"component":"bds2160Tabs-component","tabs":"bds2160Tabs-tabs","tabList":"bds2160Tabs-tabList","tab":"bds2160Tabs-tab","label":"bds2160Tabs-label","--active":"bds2160Tabs---active","panel":"bds2160Tabs-panel"};
|
|
1198
1230
|
|
|
1199
1231
|
// src/components/ui/Tabs/Tabs.tsx
|
|
1200
1232
|
import { cn as cn22 } from "@boostdev/design-system-foundation";
|
|
1233
|
+
|
|
1234
|
+
// src/components/ui/Tabs/getNodeText.ts
|
|
1235
|
+
import { isValidElement } from "react";
|
|
1236
|
+
function getNodeText(node) {
|
|
1237
|
+
if (typeof node === "string" || typeof node === "number") return String(node);
|
|
1238
|
+
if (Array.isArray(node)) return node.map(getNodeText).join("");
|
|
1239
|
+
if (isValidElement(node)) return getNodeText(node.props.children);
|
|
1240
|
+
return "";
|
|
1241
|
+
}
|
|
1242
|
+
|
|
1243
|
+
// src/components/ui/Tabs/Tabs.tsx
|
|
1201
1244
|
import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1202
1245
|
function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
1203
1246
|
const baseId = useId6();
|
|
@@ -1248,7 +1291,7 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
|
1248
1291
|
className: cn22(Tabs_default.tab, isActive ? Tabs_default["--active"] : void 0),
|
|
1249
1292
|
onClick: () => setActiveTab(tab.id),
|
|
1250
1293
|
onKeyDown: (e) => handleKeyDown(e, i),
|
|
1251
|
-
children: tab.label
|
|
1294
|
+
children: /* @__PURE__ */ jsx22("span", { className: Tabs_default.label, "data-label": getNodeText(tab.label), children: tab.label })
|
|
1252
1295
|
},
|
|
1253
1296
|
tab.id
|
|
1254
1297
|
);
|
|
@@ -1277,13 +1320,13 @@ function Tabs({ tabs, defaultTab, className, ...rest }) {
|
|
|
1277
1320
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
1278
1321
|
import {
|
|
1279
1322
|
cloneElement,
|
|
1280
|
-
isValidElement,
|
|
1323
|
+
isValidElement as isValidElement2,
|
|
1281
1324
|
useId as useId7,
|
|
1282
1325
|
useState as useState5
|
|
1283
1326
|
} from "react";
|
|
1284
1327
|
|
|
1285
1328
|
// src/components/ui/Tooltip/Tooltip.module.css
|
|
1286
|
-
var Tooltip_default = {"component":"
|
|
1329
|
+
var Tooltip_default = {"component":"bds2160Tooltip-component","wrapper":"bds2160Tooltip-wrapper","tooltip":"bds2160Tooltip-tooltip","--visible":"bds2160Tooltip---visible","--placement_top":"bds2160Tooltip---placement_top","--placement_bottom":"bds2160Tooltip---placement_bottom","--placement_left":"bds2160Tooltip---placement_left","--placement_right":"bds2160Tooltip---placement_right"};
|
|
1287
1330
|
|
|
1288
1331
|
// src/components/ui/Tooltip/Tooltip.tsx
|
|
1289
1332
|
import { cn as cn23 } from "@boostdev/design-system-foundation";
|
|
@@ -1304,7 +1347,7 @@ function Tooltip({
|
|
|
1304
1347
|
hide();
|
|
1305
1348
|
}
|
|
1306
1349
|
};
|
|
1307
|
-
const trigger =
|
|
1350
|
+
const trigger = isValidElement2(children) ? cloneElement(children, {
|
|
1308
1351
|
"aria-describedby": tooltipId
|
|
1309
1352
|
}) : children;
|
|
1310
1353
|
return /* @__PURE__ */ jsxs15(
|
|
@@ -1335,7 +1378,7 @@ function Tooltip({
|
|
|
1335
1378
|
}
|
|
1336
1379
|
|
|
1337
1380
|
// src/components/ui/Typography/Typography.module.css
|
|
1338
|
-
var Typography_default = {"component":"
|
|
1381
|
+
var Typography_default = {"component":"bds2160Typography-component","typography":"bds2160Typography-typography","--h1":"bds2160Typography---h1","--h2":"bds2160Typography---h2","--h3":"bds2160Typography---h3","--body":"bds2160Typography---body","--body_s":"bds2160Typography---body_s"};
|
|
1339
1382
|
|
|
1340
1383
|
// src/components/ui/Typography/Typography.tsx
|
|
1341
1384
|
import { cn as cn24 } from "@boostdev/design-system-foundation";
|
|
@@ -1353,7 +1396,7 @@ function Typography({ variant = "body", component, children, className, ...rest
|
|
|
1353
1396
|
}
|
|
1354
1397
|
|
|
1355
1398
|
// src/components/interaction/Button/Button.module.css
|
|
1356
|
-
var Button_default = {"component":"
|
|
1399
|
+
var Button_default = {"component":"bds2160Button-component","button":"bds2160Button-button","--default":"bds2160Button---default","--outline":"bds2160Button---outline","--ghost":"bds2160Button---ghost","--size_small":"bds2160Button---size_small","--size_medium":"bds2160Button---size_medium","--size_large":"bds2160Button---size_large","--hasPulse":"bds2160Button---hasPulse","iconStart":"bds2160Button-iconStart","iconEnd":"bds2160Button-iconEnd","--iconOnly":"bds2160Button---iconOnly"};
|
|
1357
1400
|
|
|
1358
1401
|
// src/components/interaction/Button/Button.tsx
|
|
1359
1402
|
import { cn as cn25 } from "@boostdev/design-system-foundation";
|
|
@@ -1470,7 +1513,7 @@ function installInvokerCommandsPolyfill() {
|
|
|
1470
1513
|
}
|
|
1471
1514
|
|
|
1472
1515
|
// src/components/interaction/Command/Command.module.css
|
|
1473
|
-
var Command_default = {"component":"
|
|
1516
|
+
var Command_default = {"component":"bds2160Command-component","dialog":"bds2160Command-dialog","palette":"bds2160Command-palette","searchRow":"bds2160Command-searchRow","searchIcon":"bds2160Command-searchIcon","search":"bds2160Command-search","escHint":"bds2160Command-escHint","list":"bds2160Command-list","groupList":"bds2160Command-groupList","group":"bds2160Command-group","item":"bds2160Command-item","itemActive":"bds2160Command-itemActive","itemLabel":"bds2160Command-itemLabel","itemDesc":"bds2160Command-itemDesc","shortcut":"bds2160Command-shortcut","empty":"bds2160Command-empty","srOnly":"bds2160Command-srOnly"};
|
|
1474
1517
|
|
|
1475
1518
|
// src/components/interaction/Command/Command.tsx
|
|
1476
1519
|
import { cn as cn26 } from "@boostdev/design-system-foundation";
|
|
@@ -1652,7 +1695,7 @@ function Command({
|
|
|
1652
1695
|
import { useEffect as useEffect4, useId as useId9, useRef as useRef6 } from "react";
|
|
1653
1696
|
|
|
1654
1697
|
// src/components/interaction/Dialog/Dialog.module.css
|
|
1655
|
-
var Dialog_default = {"component":"
|
|
1698
|
+
var Dialog_default = {"component":"bds2160Dialog-component","dialog":"bds2160Dialog-dialog","dialogContent":"bds2160Dialog-dialogContent","closeButton":"bds2160Dialog-closeButton"};
|
|
1656
1699
|
|
|
1657
1700
|
// src/components/interaction/Dialog/Dialog.tsx
|
|
1658
1701
|
import { cn as cn27 } from "@boostdev/design-system-foundation";
|
|
@@ -1760,7 +1803,7 @@ function Dialog({ children, id: idProp, isOpen = false, className, onOpen, onClo
|
|
|
1760
1803
|
import { useEffect as useEffect5, useId as useId10, useRef as useRef7 } from "react";
|
|
1761
1804
|
|
|
1762
1805
|
// src/components/interaction/Drawer/Drawer.module.css
|
|
1763
|
-
var Drawer_default = {"component":"
|
|
1806
|
+
var Drawer_default = {"component":"bds2160Drawer-component","drawer":"bds2160Drawer-drawer","--side_left":"bds2160Drawer---side_left","header":"bds2160Drawer-header","closeButton":"bds2160Drawer-closeButton","body":"bds2160Drawer-body"};
|
|
1764
1807
|
|
|
1765
1808
|
// src/components/interaction/Drawer/Drawer.tsx
|
|
1766
1809
|
import { cn as cn28 } from "@boostdev/design-system-foundation";
|
|
@@ -1880,8 +1923,9 @@ function Drawer({
|
|
|
1880
1923
|
|
|
1881
1924
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1882
1925
|
import {
|
|
1926
|
+
Fragment as Fragment3,
|
|
1883
1927
|
cloneElement as cloneElement2,
|
|
1884
|
-
isValidElement as
|
|
1928
|
+
isValidElement as isValidElement3,
|
|
1885
1929
|
useEffect as useEffect6,
|
|
1886
1930
|
useId as useId11,
|
|
1887
1931
|
useRef as useRef8,
|
|
@@ -1889,11 +1933,16 @@ import {
|
|
|
1889
1933
|
} from "react";
|
|
1890
1934
|
|
|
1891
1935
|
// src/components/interaction/DropdownMenu/DropdownMenu.module.css
|
|
1892
|
-
var DropdownMenu_default = {"component":"
|
|
1936
|
+
var DropdownMenu_default = {"component":"bds2160DropdownMenu-component","wrapper":"bds2160DropdownMenu-wrapper","menu":"bds2160DropdownMenu-menu","--placement_bottom-start":"bds2160DropdownMenu---placement_bottom-start","--placement_bottom-end":"bds2160DropdownMenu---placement_bottom-end","separatorRow":"bds2160DropdownMenu-separatorRow","separator":"bds2160DropdownMenu-separator","group":"bds2160DropdownMenu-group","groupLabel":"bds2160DropdownMenu-groupLabel","item":"bds2160DropdownMenu-item","--destructive":"bds2160DropdownMenu---destructive","label":"bds2160DropdownMenu-label","shortcut":"bds2160DropdownMenu-shortcut","icon":"bds2160DropdownMenu-icon"};
|
|
1893
1937
|
|
|
1894
1938
|
// src/components/interaction/DropdownMenu/DropdownMenu.tsx
|
|
1895
1939
|
import { cn as cn29 } from "@boostdev/design-system-foundation";
|
|
1896
1940
|
import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
1941
|
+
var toSegments = (items) => items.reduce((segments, item, index) => {
|
|
1942
|
+
const last = segments[segments.length - 1];
|
|
1943
|
+
const startsNewSegment = !last || item.group === void 0 || last[0].item.group !== item.group;
|
|
1944
|
+
return startsNewSegment ? [...segments, [{ item, index }]] : [...segments.slice(0, -1), [...last, { item, index }]];
|
|
1945
|
+
}, []);
|
|
1897
1946
|
function DropdownMenu({
|
|
1898
1947
|
trigger,
|
|
1899
1948
|
items,
|
|
@@ -1958,7 +2007,7 @@ function DropdownMenu({
|
|
|
1958
2007
|
close();
|
|
1959
2008
|
}
|
|
1960
2009
|
};
|
|
1961
|
-
const triggerEl =
|
|
2010
|
+
const triggerEl = isValidElement3(trigger) ? cloneElement2(trigger, {
|
|
1962
2011
|
"aria-haspopup": "menu",
|
|
1963
2012
|
"aria-expanded": isOpen,
|
|
1964
2013
|
"aria-controls": menuId,
|
|
@@ -1980,30 +2029,44 @@ function DropdownMenu({
|
|
|
1980
2029
|
id: menuId,
|
|
1981
2030
|
role: "menu",
|
|
1982
2031
|
className: cn29(DropdownMenu_default.menu, DropdownMenu_default[`--placement_${placement}`]),
|
|
1983
|
-
children: items.map((
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2032
|
+
children: toSegments(items).map((segment) => {
|
|
2033
|
+
const { item: first } = segment[0];
|
|
2034
|
+
const groupLabel = first.group;
|
|
2035
|
+
const renderSeparator = () => /* @__PURE__ */ jsx29("li", { role: "presentation", className: DropdownMenu_default.separatorRow, children: /* @__PURE__ */ jsx29("hr", { className: DropdownMenu_default.separator, role: "separator" }) });
|
|
2036
|
+
const leadingSeparator = groupLabel !== void 0 && first.separator;
|
|
2037
|
+
const rows = segment.map(({ item, index }, position) => /* @__PURE__ */ jsxs20(Fragment3, { children: [
|
|
2038
|
+
item.separator && !(leadingSeparator && position === 0) && renderSeparator(),
|
|
2039
|
+
/* @__PURE__ */ jsx29("li", { role: "presentation", children: /* @__PURE__ */ jsxs20(
|
|
2040
|
+
"button",
|
|
2041
|
+
{
|
|
2042
|
+
ref: (el) => {
|
|
2043
|
+
itemRefs.current[index] = el;
|
|
2044
|
+
},
|
|
2045
|
+
type: "button",
|
|
2046
|
+
role: "menuitem",
|
|
2047
|
+
disabled: item.disabled,
|
|
2048
|
+
className: cn29(DropdownMenu_default.item, item.destructive && DropdownMenu_default["--destructive"]),
|
|
2049
|
+
onClick: () => {
|
|
2050
|
+
item.onClick?.();
|
|
2051
|
+
close(true);
|
|
2052
|
+
},
|
|
2053
|
+
onKeyDown: (e) => handleItemKeyDown(e, index),
|
|
2054
|
+
children: [
|
|
2055
|
+
item.icon && /* @__PURE__ */ jsx29("span", { className: DropdownMenu_default.icon, "aria-hidden": "true", children: item.icon }),
|
|
2056
|
+
/* @__PURE__ */ jsx29("span", { className: DropdownMenu_default.label, children: item.label }),
|
|
2057
|
+
item.shortcut && /* @__PURE__ */ jsx29("span", { className: DropdownMenu_default.shortcut, "aria-hidden": "true", children: item.shortcut })
|
|
2058
|
+
]
|
|
2059
|
+
}
|
|
2060
|
+
) })
|
|
2061
|
+
] }, item.id));
|
|
2062
|
+
return groupLabel === void 0 ? rows : /* @__PURE__ */ jsxs20(Fragment3, { children: [
|
|
2063
|
+
leadingSeparator && renderSeparator(),
|
|
2064
|
+
/* @__PURE__ */ jsx29("li", { role: "presentation", children: /* @__PURE__ */ jsxs20("ul", { role: "group", "aria-labelledby": `${menuId}-group-${first.id}`, className: DropdownMenu_default.group, children: [
|
|
2065
|
+
/* @__PURE__ */ jsx29("li", { role: "presentation", id: `${menuId}-group-${first.id}`, className: DropdownMenu_default.groupLabel, children: groupLabel }),
|
|
2066
|
+
rows
|
|
2067
|
+
] }) })
|
|
2068
|
+
] }, `group-${first.id}`);
|
|
2069
|
+
})
|
|
2007
2070
|
}
|
|
2008
2071
|
)
|
|
2009
2072
|
] });
|
|
@@ -2012,7 +2075,7 @@ function DropdownMenu({
|
|
|
2012
2075
|
// src/components/interaction/Popover/Popover.tsx
|
|
2013
2076
|
import {
|
|
2014
2077
|
cloneElement as cloneElement3,
|
|
2015
|
-
isValidElement as
|
|
2078
|
+
isValidElement as isValidElement4,
|
|
2016
2079
|
useEffect as useEffect7,
|
|
2017
2080
|
useId as useId12,
|
|
2018
2081
|
useRef as useRef9,
|
|
@@ -2020,7 +2083,7 @@ import {
|
|
|
2020
2083
|
} from "react";
|
|
2021
2084
|
|
|
2022
2085
|
// src/components/interaction/Popover/Popover.module.css
|
|
2023
|
-
var Popover_default = {"component":"
|
|
2086
|
+
var Popover_default = {"component":"bds2160Popover-component","wrapper":"bds2160Popover-wrapper","panel":"bds2160Popover-panel","g":"bds2160Popover-g"};
|
|
2024
2087
|
|
|
2025
2088
|
// src/components/interaction/Popover/Popover.tsx
|
|
2026
2089
|
import { cn as cn30 } from "@boostdev/design-system-foundation";
|
|
@@ -2070,7 +2133,7 @@ function Popover({
|
|
|
2070
2133
|
window.removeEventListener("resize", handleScroll);
|
|
2071
2134
|
};
|
|
2072
2135
|
}, [isOpen]);
|
|
2073
|
-
const trigger =
|
|
2136
|
+
const trigger = isValidElement4(children) ? cloneElement3(children, {
|
|
2074
2137
|
"aria-expanded": isOpen,
|
|
2075
2138
|
"aria-controls": panelId,
|
|
2076
2139
|
commandfor: panelId,
|
|
@@ -2116,7 +2179,7 @@ function Popover({
|
|
|
2116
2179
|
}
|
|
2117
2180
|
|
|
2118
2181
|
// src/components/interaction/Rating/Rating.module.css
|
|
2119
|
-
var Rating_default = {"component":"
|
|
2182
|
+
var Rating_default = {"component":"bds2160Rating-component","rating":"bds2160Rating-rating","star":"bds2160Rating-star","--filled":"bds2160Rating---filled"};
|
|
2120
2183
|
|
|
2121
2184
|
// src/components/interaction/Rating/Rating.tsx
|
|
2122
2185
|
import { cn as cn31 } from "@boostdev/design-system-foundation";
|
|
@@ -2148,7 +2211,7 @@ function Rating({ value, max = 5, className, ...rest }) {
|
|
|
2148
2211
|
import { useState as useState9, useEffect as useEffect8, createContext, useContext, useCallback as useCallback3, useMemo as useMemo2, useRef as useRef10 } from "react";
|
|
2149
2212
|
|
|
2150
2213
|
// src/components/interaction/Toast/Toast.module.css
|
|
2151
|
-
var Toast_default = {"component":"
|
|
2214
|
+
var Toast_default = {"component":"bds2160Toast-component","toastContainer":"bds2160Toast-toastContainer","toast":"bds2160Toast-toast","md":"bds2160Toast-md","--variant_success":"bds2160Toast---variant_success","--variant_warning":"bds2160Toast---variant_warning","--variant_info":"bds2160Toast---variant_info","--variant_error":"bds2160Toast---variant_error","message":"bds2160Toast-message","closeButton":"bds2160Toast-closeButton"};
|
|
2152
2215
|
|
|
2153
2216
|
// src/components/interaction/Toast/Toast.tsx
|
|
2154
2217
|
import { cn as cn32 } from "@boostdev/design-system-foundation";
|
|
@@ -2229,21 +2292,24 @@ function useToast() {
|
|
|
2229
2292
|
import { useId as useId13 } from "react";
|
|
2230
2293
|
|
|
2231
2294
|
// src/components/interaction/form/Checkbox/Checkbox.module.css
|
|
2232
|
-
var Checkbox_default = {"component":"
|
|
2295
|
+
var Checkbox_default = {"component":"bds2160Checkbox-component","checkboxGroup":"bds2160Checkbox-checkboxGroup","inputWrapper":"bds2160Checkbox-inputWrapper","checkbox":"bds2160Checkbox-checkbox","checkboxError":"bds2160Checkbox-checkboxError"};
|
|
2233
2296
|
|
|
2234
2297
|
// src/components/interaction/form/atoms/Message.module.css
|
|
2235
|
-
var Message_default = {"component":"
|
|
2298
|
+
var Message_default = {"component":"bds2160Message-component","error":"bds2160Message-error","hint":"bds2160Message-hint","icon":"bds2160Message-icon"};
|
|
2236
2299
|
|
|
2237
2300
|
// src/components/interaction/form/atoms/Message.tsx
|
|
2238
2301
|
import { cn as cn33 } from "@boostdev/design-system-foundation";
|
|
2239
|
-
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
2302
|
+
import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2240
2303
|
var Message = ({ message, type, inputId, className }) => {
|
|
2241
2304
|
if (!message) return null;
|
|
2242
|
-
return /* @__PURE__ */
|
|
2305
|
+
return /* @__PURE__ */ jsxs23("p", { id: inputId + type, role: type === "error" ? "alert" : void 0, className: cn33(Message_default[type], className), children: [
|
|
2306
|
+
type === "error" && /* @__PURE__ */ jsx33("svg", { className: Message_default.icon, "aria-hidden": "true", viewBox: "0 0 256 256", fill: "currentColor", children: /* @__PURE__ */ jsx33("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }) }),
|
|
2307
|
+
message
|
|
2308
|
+
] });
|
|
2243
2309
|
};
|
|
2244
2310
|
|
|
2245
2311
|
// src/components/interaction/form/atoms/Label.module.css
|
|
2246
|
-
var Label_default = {"component":"
|
|
2312
|
+
var Label_default = {"component":"bds2160Label-component","label":"bds2160Label-label"};
|
|
2247
2313
|
|
|
2248
2314
|
// src/components/interaction/form/atoms/Label.tsx
|
|
2249
2315
|
import { cn as cn34 } from "@boostdev/design-system-foundation";
|
|
@@ -2256,7 +2322,7 @@ var Label = ({ label, id, className }) => {
|
|
|
2256
2322
|
import { cn as cn36 } from "@boostdev/design-system-foundation";
|
|
2257
2323
|
|
|
2258
2324
|
// src/components/interaction/form/atoms/InputContainer.module.css
|
|
2259
|
-
var InputContainer_default = {"component":"
|
|
2325
|
+
var InputContainer_default = {"component":"bds2160InputContainer-component","container":"bds2160InputContainer-container"};
|
|
2260
2326
|
|
|
2261
2327
|
// src/components/interaction/form/atoms/InputContainer.tsx
|
|
2262
2328
|
import { cn as cn35 } from "@boostdev/design-system-foundation";
|
|
@@ -2266,14 +2332,14 @@ var InputContainer = ({ children, className, ...rest }) => {
|
|
|
2266
2332
|
};
|
|
2267
2333
|
|
|
2268
2334
|
// src/components/interaction/form/Checkbox/Checkbox.tsx
|
|
2269
|
-
import { jsx as jsx36, jsxs as
|
|
2335
|
+
import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2270
2336
|
function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
2271
2337
|
const id = name + useId13();
|
|
2272
2338
|
const hintId = id + "hint";
|
|
2273
2339
|
const errorId = id + "error";
|
|
2274
2340
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2275
|
-
return /* @__PURE__ */
|
|
2276
|
-
/* @__PURE__ */
|
|
2341
|
+
return /* @__PURE__ */ jsxs24(InputContainer, { className: cn36(Checkbox_default.checkboxGroup, className), children: [
|
|
2342
|
+
/* @__PURE__ */ jsxs24("div", { className: Checkbox_default.inputWrapper, children: [
|
|
2277
2343
|
/* @__PURE__ */ jsx36(
|
|
2278
2344
|
"input",
|
|
2279
2345
|
{
|
|
@@ -2297,11 +2363,11 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
|
|
|
2297
2363
|
import { useId as useId14 } from "react";
|
|
2298
2364
|
|
|
2299
2365
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css
|
|
2300
|
-
var CheckboxGroup_default = {"component":"
|
|
2366
|
+
var CheckboxGroup_default = {"component":"bds2160CheckboxGroup-component","group":"bds2160CheckboxGroup-group","legend":"bds2160CheckboxGroup-legend","required":"bds2160CheckboxGroup-required","requiredLabel":"bds2160CheckboxGroup-requiredLabel","items":"bds2160CheckboxGroup-items","groupError":"bds2160CheckboxGroup-groupError"};
|
|
2301
2367
|
|
|
2302
2368
|
// src/components/interaction/form/CheckboxGroup/CheckboxGroup.tsx
|
|
2303
2369
|
import { cn as cn37 } from "@boostdev/design-system-foundation";
|
|
2304
|
-
import { Fragment as
|
|
2370
|
+
import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2305
2371
|
function CheckboxGroup({
|
|
2306
2372
|
legend,
|
|
2307
2373
|
children,
|
|
@@ -2315,16 +2381,16 @@ function CheckboxGroup({
|
|
|
2315
2381
|
const hintId = id + "hint";
|
|
2316
2382
|
const errorId = id + "error";
|
|
2317
2383
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2318
|
-
return /* @__PURE__ */
|
|
2384
|
+
return /* @__PURE__ */ jsxs25(
|
|
2319
2385
|
"fieldset",
|
|
2320
2386
|
{
|
|
2321
2387
|
...rest,
|
|
2322
|
-
className: cn37(CheckboxGroup_default.group, className),
|
|
2388
|
+
className: cn37(CheckboxGroup_default.group, error && CheckboxGroup_default.groupError, className),
|
|
2323
2389
|
"aria-describedby": describedBy,
|
|
2324
2390
|
children: [
|
|
2325
|
-
/* @__PURE__ */
|
|
2391
|
+
/* @__PURE__ */ jsxs25("legend", { className: CheckboxGroup_default.legend, children: [
|
|
2326
2392
|
legend,
|
|
2327
|
-
required && /* @__PURE__ */
|
|
2393
|
+
required && /* @__PURE__ */ jsxs25(Fragment4, { children: [
|
|
2328
2394
|
/* @__PURE__ */ jsx37("span", { className: CheckboxGroup_default.required, "aria-hidden": "true", children: " *" }),
|
|
2329
2395
|
" ",
|
|
2330
2396
|
/* @__PURE__ */ jsx37("span", { className: CheckboxGroup_default.requiredLabel, children: "(required)" })
|
|
@@ -2348,11 +2414,11 @@ import {
|
|
|
2348
2414
|
} from "react";
|
|
2349
2415
|
|
|
2350
2416
|
// src/components/interaction/form/Combobox/Combobox.module.css
|
|
2351
|
-
var Combobox_default = {"component":"
|
|
2417
|
+
var Combobox_default = {"component":"bds2160Combobox-component","formGroup":"bds2160Combobox-formGroup","inputWrapper":"bds2160Combobox-inputWrapper","input":"bds2160Combobox-input","inputError":"bds2160Combobox-inputError","chevron":"bds2160Combobox-chevron","listbox":"bds2160Combobox-listbox","option":"bds2160Combobox-option","--highlighted":"bds2160Combobox---highlighted","--selected":"bds2160Combobox---selected","--disabled":"bds2160Combobox---disabled"};
|
|
2352
2418
|
|
|
2353
2419
|
// src/components/interaction/form/Combobox/Combobox.tsx
|
|
2354
2420
|
import { cn as cn38 } from "@boostdev/design-system-foundation";
|
|
2355
|
-
import { jsx as jsx38, jsxs as
|
|
2421
|
+
import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2356
2422
|
function Combobox({
|
|
2357
2423
|
label,
|
|
2358
2424
|
name,
|
|
@@ -2444,9 +2510,9 @@ function Combobox({
|
|
|
2444
2510
|
setIsOpen(false);
|
|
2445
2511
|
}
|
|
2446
2512
|
};
|
|
2447
|
-
return /* @__PURE__ */
|
|
2513
|
+
return /* @__PURE__ */ jsxs26(InputContainer, { ...rest, className: cn38(Combobox_default.formGroup, className), children: [
|
|
2448
2514
|
/* @__PURE__ */ jsx38(Label, { id, label }),
|
|
2449
|
-
/* @__PURE__ */
|
|
2515
|
+
/* @__PURE__ */ jsxs26("div", { ref: containerRef, className: Combobox_default.inputWrapper, children: [
|
|
2450
2516
|
/* @__PURE__ */ jsx38(
|
|
2451
2517
|
"input",
|
|
2452
2518
|
{
|
|
@@ -2519,10 +2585,10 @@ import {
|
|
|
2519
2585
|
import { cn as cn39 } from "@boostdev/design-system-foundation";
|
|
2520
2586
|
|
|
2521
2587
|
// src/components/interaction/form/FieldGroup/FieldGroup.module.css
|
|
2522
|
-
var FieldGroup_default = {"component":"
|
|
2588
|
+
var FieldGroup_default = {"component":"bds2160FieldGroup-component","fieldGroup":"bds2160FieldGroup-fieldGroup","legend":"bds2160FieldGroup-legend","fields":"bds2160FieldGroup-fields","--variant_horizontal":"bds2160FieldGroup---variant_horizontal","probe":"bds2160FieldGroup-probe","tsx":"bds2160FieldGroup-tsx","probeContainer":"bds2160FieldGroup-probeContainer"};
|
|
2523
2589
|
|
|
2524
2590
|
// src/components/interaction/form/FieldGroup/FieldGroup.tsx
|
|
2525
|
-
import { jsx as jsx39, jsxs as
|
|
2591
|
+
import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2526
2592
|
var getInlineSize = (entry) => entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;
|
|
2527
2593
|
function FieldGroup({
|
|
2528
2594
|
variant = "horizontal",
|
|
@@ -2561,7 +2627,7 @@ function FieldGroup({
|
|
|
2561
2627
|
observer.observe(probeEl);
|
|
2562
2628
|
return () => observer.disconnect();
|
|
2563
2629
|
}, [variant]);
|
|
2564
|
-
return /* @__PURE__ */
|
|
2630
|
+
return /* @__PURE__ */ jsxs27(
|
|
2565
2631
|
"fieldset",
|
|
2566
2632
|
{
|
|
2567
2633
|
...rest,
|
|
@@ -2582,11 +2648,11 @@ function FieldGroup({
|
|
|
2582
2648
|
import { useId as useId16, useRef as useRef13, useState as useState12 } from "react";
|
|
2583
2649
|
|
|
2584
2650
|
// src/components/interaction/form/FileInput/FileInput.module.css
|
|
2585
|
-
var FileInput_default = {"component":"
|
|
2651
|
+
var FileInput_default = {"component":"bds2160FileInput-component","formGroup":"bds2160FileInput-formGroup","fieldLabel":"bds2160FileInput-fieldLabel","dropZone":"bds2160FileInput-dropZone","isDragging":"bds2160FileInput-isDragging","hasError":"bds2160FileInput-hasError","isDisabled":"bds2160FileInput-isDisabled","icon":"bds2160FileInput-icon","prompt":"bds2160FileInput-prompt","acceptHint":"bds2160FileInput-acceptHint","hiddenInput":"bds2160FileInput-hiddenInput"};
|
|
2586
2652
|
|
|
2587
2653
|
// src/components/interaction/form/FileInput/FileInput.tsx
|
|
2588
2654
|
import { cn as cn40 } from "@boostdev/design-system-foundation";
|
|
2589
|
-
import { Fragment as
|
|
2655
|
+
import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2590
2656
|
function FileInput({
|
|
2591
2657
|
label,
|
|
2592
2658
|
name,
|
|
@@ -2640,8 +2706,8 @@ function FileInput({
|
|
|
2640
2706
|
const handleDragLeave = (e) => {
|
|
2641
2707
|
if (!e.currentTarget.contains(e.relatedTarget)) setIsDragging(false);
|
|
2642
2708
|
};
|
|
2643
|
-
return /* @__PURE__ */
|
|
2644
|
-
/* @__PURE__ */
|
|
2709
|
+
return /* @__PURE__ */ jsxs28(InputContainer, { ...rest, className: cn40(FileInput_default.formGroup, className), children: [
|
|
2710
|
+
/* @__PURE__ */ jsxs28(
|
|
2645
2711
|
"label",
|
|
2646
2712
|
{
|
|
2647
2713
|
htmlFor: uid,
|
|
@@ -2652,7 +2718,7 @@ function FileInput({
|
|
|
2652
2718
|
children: [
|
|
2653
2719
|
/* @__PURE__ */ jsx40("span", { className: FileInput_default.fieldLabel, children: label }),
|
|
2654
2720
|
/* @__PURE__ */ jsx40("svg", { "aria-hidden": "true", className: FileInput_default.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
|
|
2655
|
-
/* @__PURE__ */ jsx40("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */
|
|
2721
|
+
/* @__PURE__ */ jsx40("span", { className: FileInput_default.prompt, children: fileNames.length > 0 ? fileNames.join(", ") : /* @__PURE__ */ jsxs28(Fragment5, { children: [
|
|
2656
2722
|
/* @__PURE__ */ jsx40("strong", { children: "Click to upload" }),
|
|
2657
2723
|
" or drag and drop"
|
|
2658
2724
|
] }) }),
|
|
@@ -2687,11 +2753,11 @@ function FileInput({
|
|
|
2687
2753
|
import { useId as useId17 } from "react";
|
|
2688
2754
|
|
|
2689
2755
|
// src/components/interaction/form/FormInput/FormInput.module.css
|
|
2690
|
-
var FormInput_default = {"component":"
|
|
2756
|
+
var FormInput_default = {"component":"bds2160FormInput-component","formGroup":"bds2160FormInput-formGroup","input":"bds2160FormInput-input","g":"bds2160FormInput-g","inputError":"bds2160FormInput-inputError"};
|
|
2691
2757
|
|
|
2692
2758
|
// src/components/interaction/form/FormInput/FormInput.tsx
|
|
2693
2759
|
import { cn as cn41 } from "@boostdev/design-system-foundation";
|
|
2694
|
-
import { jsx as jsx41, jsxs as
|
|
2760
|
+
import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
2695
2761
|
function FormInput({
|
|
2696
2762
|
label,
|
|
2697
2763
|
name,
|
|
@@ -2707,7 +2773,7 @@ function FormInput({
|
|
|
2707
2773
|
const hintId = id + "hint";
|
|
2708
2774
|
const errorId = id + "error";
|
|
2709
2775
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2710
|
-
return /* @__PURE__ */
|
|
2776
|
+
return /* @__PURE__ */ jsxs29(InputContainer, { className: cn41(FormInput_default.formGroup, className), children: [
|
|
2711
2777
|
/* @__PURE__ */ jsx41(Label, { id, label }),
|
|
2712
2778
|
/* @__PURE__ */ jsx41(
|
|
2713
2779
|
"input",
|
|
@@ -2732,11 +2798,11 @@ function FormInput({
|
|
|
2732
2798
|
import { useEffect as useEffect11, useId as useId18, useRef as useRef14, useState as useState13 } from "react";
|
|
2733
2799
|
|
|
2734
2800
|
// src/components/interaction/form/NumberInput/NumberInput.module.css
|
|
2735
|
-
var NumberInput_default = {"component":"
|
|
2801
|
+
var NumberInput_default = {"component":"bds2160NumberInput-component","formGroup":"bds2160NumberInput-formGroup","inputRow":"bds2160NumberInput-inputRow","input":"bds2160NumberInput-input","inputError":"bds2160NumberInput-inputError","stepper":"bds2160NumberInput-stepper"};
|
|
2736
2802
|
|
|
2737
2803
|
// src/components/interaction/form/NumberInput/NumberInput.tsx
|
|
2738
2804
|
import { cn as cn42 } from "@boostdev/design-system-foundation";
|
|
2739
|
-
import { jsx as jsx42, jsxs as
|
|
2805
|
+
import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
2740
2806
|
function NumberInput({
|
|
2741
2807
|
label,
|
|
2742
2808
|
name,
|
|
@@ -2784,9 +2850,9 @@ function NumberInput({
|
|
|
2784
2850
|
}
|
|
2785
2851
|
onChange?.(next);
|
|
2786
2852
|
};
|
|
2787
|
-
return /* @__PURE__ */
|
|
2853
|
+
return /* @__PURE__ */ jsxs30(InputContainer, { ...rest, className: cn42(NumberInput_default.formGroup, className), children: [
|
|
2788
2854
|
/* @__PURE__ */ jsx42(Label, { id: uid, label }),
|
|
2789
|
-
/* @__PURE__ */
|
|
2855
|
+
/* @__PURE__ */ jsxs30("div", { className: NumberInput_default.inputRow, children: [
|
|
2790
2856
|
/* @__PURE__ */ jsx42(
|
|
2791
2857
|
"button",
|
|
2792
2858
|
{
|
|
@@ -2850,19 +2916,19 @@ function NumberInput({
|
|
|
2850
2916
|
import { useId as useId19 } from "react";
|
|
2851
2917
|
|
|
2852
2918
|
// src/components/interaction/form/Radio/Radio.module.css
|
|
2853
|
-
var Radio_default = {"component":"
|
|
2919
|
+
var Radio_default = {"component":"bds2160Radio-component","radioGroup":"bds2160Radio-radioGroup","inputWrapper":"bds2160Radio-inputWrapper","textWrapper":"bds2160Radio-textWrapper","description":"bds2160Radio-description","radio":"bds2160Radio-radio","g":"bds2160Radio-g","radioError":"bds2160Radio-radioError"};
|
|
2854
2920
|
|
|
2855
2921
|
// src/components/interaction/form/Radio/Radio.tsx
|
|
2856
2922
|
import { cn as cn43 } from "@boostdev/design-system-foundation";
|
|
2857
|
-
import { jsx as jsx43, jsxs as
|
|
2923
|
+
import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
2858
2924
|
function Radio({ label, name, description, error, hint, className, id: consumerId, ...props }) {
|
|
2859
2925
|
const id = consumerId ?? name + useId19();
|
|
2860
2926
|
const descriptionId = id + "description";
|
|
2861
2927
|
const hintId = id + "hint";
|
|
2862
2928
|
const errorId = id + "error";
|
|
2863
2929
|
const describedBy = [description && descriptionId, error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2864
|
-
return /* @__PURE__ */
|
|
2865
|
-
/* @__PURE__ */
|
|
2930
|
+
return /* @__PURE__ */ jsxs31(InputContainer, { className: cn43(Radio_default.radioGroup, className), children: [
|
|
2931
|
+
/* @__PURE__ */ jsxs31("div", { className: Radio_default.inputWrapper, children: [
|
|
2866
2932
|
/* @__PURE__ */ jsx43(
|
|
2867
2933
|
"input",
|
|
2868
2934
|
{
|
|
@@ -2875,7 +2941,7 @@ function Radio({ label, name, description, error, hint, className, id: consumerI
|
|
|
2875
2941
|
...props
|
|
2876
2942
|
}
|
|
2877
2943
|
),
|
|
2878
|
-
/* @__PURE__ */
|
|
2944
|
+
/* @__PURE__ */ jsxs31("div", { className: Radio_default.textWrapper, children: [
|
|
2879
2945
|
/* @__PURE__ */ jsx43(Label, { id, label }),
|
|
2880
2946
|
description && /* @__PURE__ */ jsx43("span", { id: descriptionId, className: Radio_default.description, children: description })
|
|
2881
2947
|
] })
|
|
@@ -2889,11 +2955,11 @@ function Radio({ label, name, description, error, hint, className, id: consumerI
|
|
|
2889
2955
|
import { useId as useId20 } from "react";
|
|
2890
2956
|
|
|
2891
2957
|
// src/components/interaction/form/RadioGroup/RadioGroup.module.css
|
|
2892
|
-
var RadioGroup_default = {"component":"
|
|
2958
|
+
var RadioGroup_default = {"component":"bds2160RadioGroup-component","group":"bds2160RadioGroup-group","legend":"bds2160RadioGroup-legend","required":"bds2160RadioGroup-required","requiredLabel":"bds2160RadioGroup-requiredLabel","items":"bds2160RadioGroup-items","groupError":"bds2160RadioGroup-groupError"};
|
|
2893
2959
|
|
|
2894
2960
|
// src/components/interaction/form/RadioGroup/RadioGroup.tsx
|
|
2895
2961
|
import { cn as cn44 } from "@boostdev/design-system-foundation";
|
|
2896
|
-
import { Fragment as
|
|
2962
|
+
import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
2897
2963
|
function RadioGroup({
|
|
2898
2964
|
legend,
|
|
2899
2965
|
children,
|
|
@@ -2907,16 +2973,16 @@ function RadioGroup({
|
|
|
2907
2973
|
const hintId = id + "hint";
|
|
2908
2974
|
const errorId = id + "error";
|
|
2909
2975
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
2910
|
-
return /* @__PURE__ */
|
|
2976
|
+
return /* @__PURE__ */ jsxs32(
|
|
2911
2977
|
"fieldset",
|
|
2912
2978
|
{
|
|
2913
2979
|
...rest,
|
|
2914
|
-
className: cn44(RadioGroup_default.group, className),
|
|
2980
|
+
className: cn44(RadioGroup_default.group, error && RadioGroup_default.groupError, className),
|
|
2915
2981
|
"aria-describedby": describedBy,
|
|
2916
2982
|
children: [
|
|
2917
|
-
/* @__PURE__ */
|
|
2983
|
+
/* @__PURE__ */ jsxs32("legend", { className: RadioGroup_default.legend, children: [
|
|
2918
2984
|
legend,
|
|
2919
|
-
required && /* @__PURE__ */
|
|
2985
|
+
required && /* @__PURE__ */ jsxs32(Fragment6, { children: [
|
|
2920
2986
|
/* @__PURE__ */ jsx44("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" }),
|
|
2921
2987
|
" ",
|
|
2922
2988
|
/* @__PURE__ */ jsx44("span", { className: RadioGroup_default.requiredLabel, children: "(required)" })
|
|
@@ -2931,14 +2997,14 @@ function RadioGroup({
|
|
|
2931
2997
|
}
|
|
2932
2998
|
|
|
2933
2999
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2934
|
-
import { Children as Children2, cloneElement as cloneElement4, isValidElement as
|
|
3000
|
+
import { Children as Children2, cloneElement as cloneElement4, isValidElement as isValidElement5 } from "react";
|
|
2935
3001
|
|
|
2936
3002
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.module.css
|
|
2937
|
-
var SegmentedControl_default = {"component":"
|
|
3003
|
+
var SegmentedControl_default = {"component":"bds2160SegmentedControl-component","control":"bds2160SegmentedControl-control","thumb":"bds2160SegmentedControl-thumb","indicator":"bds2160SegmentedControl-indicator","item":"bds2160SegmentedControl-item","--active":"bds2160SegmentedControl---active","--disabled":"bds2160SegmentedControl---disabled","--size_small":"bds2160SegmentedControl---size_small","--size_large":"bds2160SegmentedControl---size_large","--variant_outline":"bds2160SegmentedControl---variant_outline","--no-selection":"bds2160SegmentedControl---no-selection"};
|
|
2938
3004
|
|
|
2939
3005
|
// src/components/interaction/form/SegmentedControl/SegmentedControl.tsx
|
|
2940
3006
|
import { cn as cn45 } from "@boostdev/design-system-foundation";
|
|
2941
|
-
import { jsx as jsx45, jsxs as
|
|
3007
|
+
import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
2942
3008
|
var preventDisabledActivation = (event) => {
|
|
2943
3009
|
event.preventDefault();
|
|
2944
3010
|
};
|
|
@@ -2951,13 +3017,13 @@ function SegmentedControl({
|
|
|
2951
3017
|
className,
|
|
2952
3018
|
...rest
|
|
2953
3019
|
}) {
|
|
2954
|
-
const validChildren = Children2.toArray(children).filter(
|
|
3020
|
+
const validChildren = Children2.toArray(children).filter(isValidElement5);
|
|
2955
3021
|
const autoIndex = selectedIndexProp === void 0 ? validChildren.findIndex((child) => {
|
|
2956
3022
|
const p = child.props;
|
|
2957
3023
|
return p["aria-current"] === "page" || p["aria-pressed"] === true || p["aria-selected"] === true;
|
|
2958
3024
|
}) : -1;
|
|
2959
3025
|
const activeIndex = validChildren.length === 0 ? void 0 : selectedIndexProp !== void 0 ? Math.min(Math.max(selectedIndexProp, 0), validChildren.length - 1) : autoIndex >= 0 ? autoIndex : void 0;
|
|
2960
|
-
return /* @__PURE__ */
|
|
3026
|
+
return /* @__PURE__ */ jsxs33(
|
|
2961
3027
|
"div",
|
|
2962
3028
|
{
|
|
2963
3029
|
...rest,
|
|
@@ -3013,11 +3079,11 @@ function SegmentedControl({
|
|
|
3013
3079
|
import { useId as useId21 } from "react";
|
|
3014
3080
|
|
|
3015
3081
|
// src/components/interaction/form/Select/Select.module.css
|
|
3016
|
-
var Select_default = {"component":"
|
|
3082
|
+
var Select_default = {"component":"bds2160Select-component","formGroup":"bds2160Select-formGroup","selectWrapper":"bds2160Select-selectWrapper","select":"bds2160Select-select","selectError":"bds2160Select-selectError","chevron":"bds2160Select-chevron"};
|
|
3017
3083
|
|
|
3018
3084
|
// src/components/interaction/form/Select/Select.tsx
|
|
3019
3085
|
import { cn as cn46 } from "@boostdev/design-system-foundation";
|
|
3020
|
-
import { jsx as jsx46, jsxs as
|
|
3086
|
+
import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
3021
3087
|
function Select({
|
|
3022
3088
|
label,
|
|
3023
3089
|
name,
|
|
@@ -3039,10 +3105,10 @@ function Select({
|
|
|
3039
3105
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
3040
3106
|
const isControlled = value !== void 0;
|
|
3041
3107
|
const initialValueProps = isControlled ? { value } : { defaultValue: defaultValue ?? (placeholder ? "" : void 0) };
|
|
3042
|
-
return /* @__PURE__ */
|
|
3108
|
+
return /* @__PURE__ */ jsxs34(InputContainer, { className: cn46(Select_default.formGroup, className), children: [
|
|
3043
3109
|
/* @__PURE__ */ jsx46(Label, { id: selectId, label }),
|
|
3044
|
-
/* @__PURE__ */
|
|
3045
|
-
/* @__PURE__ */
|
|
3110
|
+
/* @__PURE__ */ jsxs34("div", { className: Select_default.selectWrapper, children: [
|
|
3111
|
+
/* @__PURE__ */ jsxs34(
|
|
3046
3112
|
"select",
|
|
3047
3113
|
{
|
|
3048
3114
|
...rest,
|
|
@@ -3071,11 +3137,11 @@ function Select({
|
|
|
3071
3137
|
import { useId as useId22, useState as useState14 } from "react";
|
|
3072
3138
|
|
|
3073
3139
|
// src/components/interaction/form/Slider/Slider.module.css
|
|
3074
|
-
var Slider_default = {"component":"
|
|
3140
|
+
var Slider_default = {"component":"bds2160Slider-component","formGroup":"bds2160Slider-formGroup","labelRow":"bds2160Slider-labelRow","value":"bds2160Slider-value","slider":"bds2160Slider-slider","sliderError":"bds2160Slider-sliderError"};
|
|
3075
3141
|
|
|
3076
3142
|
// src/components/interaction/form/Slider/Slider.tsx
|
|
3077
3143
|
import { cn as cn47 } from "@boostdev/design-system-foundation";
|
|
3078
|
-
import { jsx as jsx47, jsxs as
|
|
3144
|
+
import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
3079
3145
|
function Slider({
|
|
3080
3146
|
label,
|
|
3081
3147
|
name,
|
|
@@ -3102,8 +3168,8 @@ function Slider({
|
|
|
3102
3168
|
if (!isControlled) setInternalValue(Number(e.target.value));
|
|
3103
3169
|
onChange?.(e);
|
|
3104
3170
|
};
|
|
3105
|
-
return /* @__PURE__ */
|
|
3106
|
-
/* @__PURE__ */
|
|
3171
|
+
return /* @__PURE__ */ jsxs35(InputContainer, { className: cn47(Slider_default.formGroup, className), children: [
|
|
3172
|
+
/* @__PURE__ */ jsxs35("div", { className: Slider_default.labelRow, children: [
|
|
3107
3173
|
/* @__PURE__ */ jsx47(Label, { id, label }),
|
|
3108
3174
|
showValue && /* @__PURE__ */ jsx47("span", { className: Slider_default.value, children: currentValue })
|
|
3109
3175
|
] }),
|
|
@@ -3132,11 +3198,11 @@ function Slider({
|
|
|
3132
3198
|
import { useId as useId23 } from "react";
|
|
3133
3199
|
|
|
3134
3200
|
// src/components/interaction/form/Switch/Switch.module.css
|
|
3135
|
-
var Switch_default = {"component":"
|
|
3201
|
+
var Switch_default = {"component":"bds2160Switch-component","switchGroup":"bds2160Switch-switchGroup","--size_small":"bds2160Switch---size_small","--size_medium":"bds2160Switch---size_medium","--size_large":"bds2160Switch---size_large","inputWrapper":"bds2160Switch-inputWrapper","trackWrapper":"bds2160Switch-trackWrapper","switch":"bds2160Switch-switch","track":"bds2160Switch-track","thumb":"bds2160Switch-thumb","switchError":"bds2160Switch-switchError"};
|
|
3136
3202
|
|
|
3137
3203
|
// src/components/interaction/form/Switch/Switch.tsx
|
|
3138
3204
|
import { cn as cn48 } from "@boostdev/design-system-foundation";
|
|
3139
|
-
import { jsx as jsx48, jsxs as
|
|
3205
|
+
import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
3140
3206
|
function Switch({
|
|
3141
3207
|
label,
|
|
3142
3208
|
name,
|
|
@@ -3151,10 +3217,10 @@ function Switch({
|
|
|
3151
3217
|
const hintId = id + "hint";
|
|
3152
3218
|
const errorId = id + "error";
|
|
3153
3219
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
3154
|
-
return /* @__PURE__ */
|
|
3155
|
-
/* @__PURE__ */
|
|
3220
|
+
return /* @__PURE__ */ jsxs36(InputContainer, { className: cn48(Switch_default.switchGroup, Switch_default[`--size_${size}`], className), children: [
|
|
3221
|
+
/* @__PURE__ */ jsxs36("div", { className: Switch_default.inputWrapper, children: [
|
|
3156
3222
|
prefix && /* @__PURE__ */ jsx48("span", { children: prefix }),
|
|
3157
|
-
/* @__PURE__ */
|
|
3223
|
+
/* @__PURE__ */ jsxs36("div", { className: Switch_default.trackWrapper, children: [
|
|
3158
3224
|
/* @__PURE__ */ jsx48(
|
|
3159
3225
|
"input",
|
|
3160
3226
|
{
|
|
@@ -3181,11 +3247,11 @@ function Switch({
|
|
|
3181
3247
|
import { useId as useId24 } from "react";
|
|
3182
3248
|
|
|
3183
3249
|
// src/components/interaction/form/Textarea/Textarea.module.css
|
|
3184
|
-
var Textarea_default = {"component":"
|
|
3250
|
+
var Textarea_default = {"component":"bds2160Textarea-component","formGroup":"bds2160Textarea-formGroup","textarea":"bds2160Textarea-textarea","textareaError":"bds2160Textarea-textareaError"};
|
|
3185
3251
|
|
|
3186
3252
|
// src/components/interaction/form/Textarea/Textarea.tsx
|
|
3187
3253
|
import { cn as cn49 } from "@boostdev/design-system-foundation";
|
|
3188
|
-
import { jsx as jsx49, jsxs as
|
|
3254
|
+
import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3189
3255
|
function Textarea({
|
|
3190
3256
|
label,
|
|
3191
3257
|
name,
|
|
@@ -3201,7 +3267,7 @@ function Textarea({
|
|
|
3201
3267
|
const hintId = id + "hint";
|
|
3202
3268
|
const errorId = id + "error";
|
|
3203
3269
|
const describedBy = [error && errorId, hint && hintId].filter(Boolean).join(" ") || void 0;
|
|
3204
|
-
return /* @__PURE__ */
|
|
3270
|
+
return /* @__PURE__ */ jsxs37(InputContainer, { className: cn49(Textarea_default.formGroup, className), children: [
|
|
3205
3271
|
/* @__PURE__ */ jsx49(Label, { id, label }),
|
|
3206
3272
|
/* @__PURE__ */ jsx49(
|
|
3207
3273
|
"textarea",
|
|
@@ -3222,7 +3288,7 @@ function Textarea({
|
|
|
3222
3288
|
}
|
|
3223
3289
|
|
|
3224
3290
|
// src/components/layout/ButtonGroup/ButtonGroup.module.css
|
|
3225
|
-
var ButtonGroup_default = {"component":"
|
|
3291
|
+
var ButtonGroup_default = {"component":"bds2160ButtonGroup-component","buttonGroup":"bds2160ButtonGroup-buttonGroup","container":"bds2160ButtonGroup-container","--variant_card":"bds2160ButtonGroup---variant_card","--variant_flow":"bds2160ButtonGroup---variant_flow","--variant_modal":"bds2160ButtonGroup---variant_modal","--variant_content":"bds2160ButtonGroup---variant_content"};
|
|
3226
3292
|
|
|
3227
3293
|
// src/components/layout/ButtonGroup/ButtonGroup.tsx
|
|
3228
3294
|
import { cn as cn50 } from "@boostdev/design-system-foundation";
|
|
@@ -3241,7 +3307,7 @@ function ButtonContainer({ children, className, variant, ...rest }) {
|
|
|
3241
3307
|
var ButtonGroup = ButtonContainer;
|
|
3242
3308
|
|
|
3243
3309
|
// src/components/layout/Card/Card.module.css
|
|
3244
|
-
var Card_default = {"component":"
|
|
3310
|
+
var Card_default = {"component":"bds2160Card-component","card":"bds2160Card-card","--default":"bds2160Card---default","--elevated":"bds2160Card---elevated","--outlined":"bds2160Card---outlined","--clickable":"bds2160Card---clickable","--padding-none":"bds2160Card---padding-none","--padding-small":"bds2160Card---padding-small","--padding-medium":"bds2160Card---padding-medium","--padding-large":"bds2160Card---padding-large","--padding-extra-large":"bds2160Card---padding-extra-large","--text-start":"bds2160Card---text-start","--text-center":"bds2160Card---text-center","--text-end":"bds2160Card---text-end"};
|
|
3245
3311
|
|
|
3246
3312
|
// src/components/layout/Card/Card.tsx
|
|
3247
3313
|
import { cn as cn51 } from "@boostdev/design-system-foundation";
|
|
@@ -3285,7 +3351,7 @@ import {
|
|
|
3285
3351
|
} from "react";
|
|
3286
3352
|
|
|
3287
3353
|
// src/components/layout/Grid/Grid.module.css
|
|
3288
|
-
var Grid_default = {"component":"
|
|
3354
|
+
var Grid_default = {"component":"bds2160Grid-component","grid":"bds2160Grid-grid","--main":"bds2160Grid---main","--page":"bds2160Grid---page","--funnel":"bds2160Grid---funnel","--custom":"bds2160Grid---custom","--centered":"bds2160Grid---centered","item":"bds2160Grid-item","w3":"bds2160Grid-w3","org":"bds2160Grid-org","ts":"bds2160Grid-ts","--masonry":"bds2160Grid---masonry"};
|
|
3289
3355
|
|
|
3290
3356
|
// src/components/layout/Grid/Grid.tsx
|
|
3291
3357
|
import { cn as cn52 } from "@boostdev/design-system-foundation";
|
|
@@ -3697,29 +3763,30 @@ function GridItem({
|
|
|
3697
3763
|
}
|
|
3698
3764
|
|
|
3699
3765
|
// src/components/layout/SectionHeader/SectionHeader.module.css
|
|
3700
|
-
var SectionHeader_default = {"component":"
|
|
3766
|
+
var SectionHeader_default = {"component":"bds2160SectionHeader-component","sectionHeader":"bds2160SectionHeader-sectionHeader","title":"bds2160SectionHeader-title","subtitle":"bds2160SectionHeader-subtitle","--start":"bds2160SectionHeader---start","--center":"bds2160SectionHeader---center","--end":"bds2160SectionHeader---end","--medium":"bds2160SectionHeader---medium","--xs":"bds2160SectionHeader---xs","--small":"bds2160SectionHeader---small","--large":"bds2160SectionHeader---large","--gradient":"bds2160SectionHeader---gradient"};
|
|
3701
3767
|
|
|
3702
3768
|
// src/components/layout/SectionHeader/SectionHeader.tsx
|
|
3703
3769
|
import { cn as cn54 } from "@boostdev/design-system-foundation";
|
|
3704
|
-
import { jsx as jsx54, jsxs as
|
|
3770
|
+
import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
3705
3771
|
function SectionHeader({
|
|
3706
3772
|
title,
|
|
3707
3773
|
subtitle,
|
|
3708
3774
|
className,
|
|
3709
3775
|
alignment = "start",
|
|
3710
3776
|
size = "medium",
|
|
3777
|
+
appearance = "default",
|
|
3711
3778
|
titleAs = "h2",
|
|
3712
3779
|
...rest
|
|
3713
3780
|
}) {
|
|
3714
3781
|
const Title = titleAs;
|
|
3715
|
-
return /* @__PURE__ */
|
|
3782
|
+
return /* @__PURE__ */ jsxs38("div", { ...rest, className: cn54(SectionHeader_default.sectionHeader, SectionHeader_default[`--${alignment}`], SectionHeader_default[`--${size}`], appearance === "gradient" && SectionHeader_default["--gradient"], className), children: [
|
|
3716
3783
|
/* @__PURE__ */ jsx54(Title, { className: SectionHeader_default.title, children: title }),
|
|
3717
3784
|
subtitle && /* @__PURE__ */ jsx54("p", { className: SectionHeader_default.subtitle, children: subtitle })
|
|
3718
3785
|
] });
|
|
3719
3786
|
}
|
|
3720
3787
|
|
|
3721
3788
|
// src/components/layout/IconWrapper/IconWrapper.module.css
|
|
3722
|
-
var IconWrapper_default = {"component":"
|
|
3789
|
+
var IconWrapper_default = {"component":"bds2160IconWrapper-component","wrapper":"bds2160IconWrapper-wrapper"};
|
|
3723
3790
|
|
|
3724
3791
|
// src/components/layout/IconWrapper/IconWrapper.tsx
|
|
3725
3792
|
import { cn as cn55 } from "@boostdev/design-system-foundation";
|