@payfit/unity-components 0.0.0-alpha.7 → 0.0.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/actionable/Actionable.d.ts +6 -5
- package/dist/cjs/components/alert/Alert.js +1 -1
- package/dist/cjs/components/app-menu/parts/AppMenuFooter.js +1 -1
- package/dist/cjs/components/avatar/Avatar.js +1 -1
- package/dist/cjs/components/avatar/parts/AvatarPair.js +1 -1
- package/dist/cjs/components/badge/Badge.d.ts +3 -0
- package/dist/cjs/components/badge/Badge.js +1 -1
- package/dist/cjs/components/bottom-sheet/BottomSheet.d.ts +153 -0
- package/dist/cjs/components/bottom-sheet/BottomSheet.js +1 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetContent.d.ts +70 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetContent.js +1 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetDragIndicator.d.ts +54 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetDragIndicator.js +1 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetFooter.d.ts +27 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetFooter.js +1 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetHeader.d.ts +83 -0
- package/dist/cjs/components/bottom-sheet/parts/BottomSheetHeader.js +1 -0
- package/dist/cjs/components/breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/cjs/components/breadcrumbs/parts/Breadcrumb.js +1 -1
- package/dist/cjs/components/button/Button.js +1 -1
- package/dist/cjs/components/button/Button.variants.js +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/checkbox/parts/CheckboxIndicator.js +1 -1
- package/dist/cjs/components/checkbox-group/CheckboxGroup.js +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +33 -0
- package/dist/cjs/components/collapsible/parts/CollapsibleContent.d.ts +36 -0
- package/dist/cjs/components/collapsible/parts/CollapsibleTitle.d.ts +39 -0
- package/dist/cjs/components/date-picker/DatePicker.js +1 -1
- package/dist/cjs/components/date-picker/parts/DateCalendar.js +1 -1
- package/dist/cjs/components/date-picker/parts/DateInput.js +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +98 -11
- package/dist/cjs/components/dialog/Dialog.js +1 -1
- package/dist/cjs/components/dialog/parts/DialogActions.js +1 -1
- package/dist/cjs/components/dialog/parts/DialogContent.js +1 -1
- package/dist/cjs/components/dialog/parts/DialogTitle.js +1 -1
- package/dist/cjs/components/fieldset/Fieldset.d.ts +150 -0
- package/dist/cjs/components/fieldset/Fieldset.js +1 -0
- package/dist/cjs/components/fieldset/parts/FieldGroup.d.ts +27 -0
- package/dist/cjs/components/fieldset/parts/FieldGroup.js +1 -0
- package/dist/cjs/components/form/Form.js +1 -1
- package/dist/cjs/components/form-field/parts/FormContextualLink.js +1 -1
- package/dist/cjs/components/form-field/parts/FormControl.d.ts +23 -0
- package/dist/cjs/components/form-field/parts/FormFeedbackText.js +1 -1
- package/dist/cjs/components/form-field/parts/FormHelperText.js +1 -1
- package/dist/cjs/components/full-page-loader/FullPageLoader.js +1 -1
- package/dist/cjs/components/icon/Icon.js +1 -1
- package/dist/cjs/components/icon-button/CircularIconButton.d.ts +68 -3
- package/dist/cjs/components/icon-button/CircularIconButton.js +1 -1
- package/dist/cjs/components/icon-button/IconButton.js +1 -1
- package/dist/cjs/components/icon-button/IconButton.variants.js +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/label/Label.js +1 -1
- package/dist/cjs/components/link/Link.d.ts +1 -1
- package/dist/cjs/components/link/Link.js +1 -1
- package/dist/cjs/components/menu/parts/MenuContent.js +1 -1
- package/dist/cjs/components/multi-select/MultiSelect.d.ts +62 -0
- package/dist/cjs/components/multi-select/MultiSelect.js +1 -0
- package/dist/cjs/components/multi-select/Multiselect.context.d.ts +7 -0
- package/dist/cjs/components/multi-select/Multiselect.context.js +1 -0
- package/dist/cjs/components/multi-select/Multiselect.types.d.ts +109 -0
- package/dist/cjs/components/multi-select/hooks/use-combobox-filter.d.ts +12 -0
- package/dist/cjs/components/multi-select/hooks/use-combobox-filter.js +1 -0
- package/dist/cjs/components/multi-select/hooks/use-multiselection-state.d.ts +14 -0
- package/dist/cjs/components/multi-select/hooks/use-multiselection-state.js +1 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectButton.d.ts +16 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectButton.js +1 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectOptGroup.d.ts +69 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectOptGroup.js +1 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectOption.d.ts +20 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectOption.js +1 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectPopover.d.ts +7 -0
- package/dist/cjs/components/multi-select/parts/MultiSelectPopover.js +1 -0
- package/dist/cjs/components/multi-select-field/MultiSelectField.d.ts +59 -0
- package/dist/cjs/components/multi-select-field/MultiSelectField.js +1 -0
- package/dist/cjs/components/pill/Pill.js +1 -1
- package/dist/cjs/components/progress-bar/ProgressBar.js +1 -1
- package/dist/cjs/components/segmented-button-group/SegmentedButtonGroup.d.ts +43 -0
- package/dist/cjs/components/segmented-button-group/SegmentedButtonGroups.context.d.ts +8 -0
- package/dist/cjs/components/segmented-button-group/parts/ToggleButton.d.ts +47 -0
- package/dist/cjs/components/select/Select.js +1 -1
- package/dist/cjs/components/select/parts/SearchInput.js +1 -1
- package/dist/cjs/components/select/parts/SelectButton.js +1 -1
- package/dist/cjs/components/select/parts/SelectOption.js +1 -1
- package/dist/cjs/components/select/parts/SelectOptionHelper.js +1 -1
- package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.context.d.ts +2 -0
- package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.context.js +1 -0
- package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.d.ts +59 -0
- package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.js +1 -0
- package/dist/cjs/components/selectable-button-group/parts/SelectableButton.d.ts +127 -0
- package/dist/cjs/components/selectable-button-group/parts/SelectableButton.js +1 -0
- package/dist/cjs/components/side-panel/SidePanel.d.ts +152 -0
- package/dist/cjs/components/side-panel/SidePanel.js +1 -0
- package/dist/cjs/components/side-panel/parts/SidePanelContent.d.ts +71 -0
- package/dist/cjs/components/side-panel/parts/SidePanelContent.js +1 -0
- package/dist/cjs/components/side-panel/parts/SidePanelDragIndicator.d.ts +54 -0
- package/dist/cjs/components/side-panel/parts/SidePanelDragIndicator.js +1 -0
- package/dist/cjs/components/side-panel/parts/SidePanelFooter.d.ts +27 -0
- package/dist/cjs/components/side-panel/parts/SidePanelFooter.js +1 -0
- package/dist/cjs/components/side-panel/parts/SidePanelHeader.d.ts +75 -0
- package/dist/cjs/components/side-panel/parts/SidePanelHeader.js +1 -0
- package/dist/cjs/components/spinner/Spinner.js +1 -1
- package/dist/cjs/components/tabs/Tabs.js +1 -1
- package/dist/cjs/components/tabs/Tabs.variant.js +1 -1
- package/dist/cjs/components/tabs/parts/TabList.js +1 -1
- package/dist/cjs/components/text/Text.js +1 -1
- package/dist/cjs/components/text-area/TextArea.js +1 -1
- package/dist/cjs/components/toast/UnityToast.d.ts +3 -3
- package/dist/cjs/components/toast/UnityToast.js +1 -1
- package/dist/cjs/components/toast/toast.d.ts +2 -1
- package/dist/cjs/components/toast/toast.js +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/cjs/components/tooltip/Tooltip.js +1 -1
- package/dist/cjs/index.d.ts +18 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types/utils.d.ts +1 -0
- package/dist/esm/components/actionable/Actionable.d.mts +6 -5
- package/dist/esm/components/alert/Alert.mjs +31 -21
- package/dist/esm/components/app-menu/parts/AppMenuFooter.mjs +14 -6
- package/dist/esm/components/avatar/Avatar.mjs +15 -14
- package/dist/esm/components/avatar/parts/AvatarPair.mjs +10 -10
- package/dist/esm/components/badge/Badge.d.mts +3 -0
- package/dist/esm/components/badge/Badge.mjs +11 -8
- package/dist/esm/components/bottom-sheet/BottomSheet.d.mts +153 -0
- package/dist/esm/components/bottom-sheet/BottomSheet.mjs +68 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.d.mts +70 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.mjs +26 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.d.mts +54 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.mjs +67 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetFooter.d.mts +27 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetFooter.mjs +28 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.d.mts +83 -0
- package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.mjs +45 -0
- package/dist/esm/components/breadcrumbs/Breadcrumbs.mjs +11 -11
- package/dist/esm/components/breadcrumbs/parts/Breadcrumb.mjs +10 -10
- package/dist/esm/components/button/Button.mjs +25 -24
- package/dist/esm/components/button/Button.variants.mjs +2 -2
- package/dist/esm/components/checkbox/Checkbox.mjs +13 -5
- package/dist/esm/components/checkbox/parts/CheckboxIndicator.mjs +2 -2
- package/dist/esm/components/checkbox-group/CheckboxGroup.mjs +32 -25
- package/dist/esm/components/collapsible/Collapsible.d.mts +33 -0
- package/dist/esm/components/collapsible/parts/CollapsibleContent.d.mts +36 -0
- package/dist/esm/components/collapsible/parts/CollapsibleTitle.d.mts +39 -0
- package/dist/esm/components/date-picker/DatePicker.mjs +3 -2
- package/dist/esm/components/date-picker/parts/DateCalendar.mjs +20 -20
- package/dist/esm/components/date-picker/parts/DateInput.mjs +7 -7
- package/dist/esm/components/dialog/Dialog.d.mts +98 -11
- package/dist/esm/components/dialog/Dialog.mjs +50 -29
- package/dist/esm/components/dialog/parts/DialogActions.mjs +11 -4
- package/dist/esm/components/dialog/parts/DialogContent.mjs +16 -8
- package/dist/esm/components/dialog/parts/DialogTitle.mjs +5 -5
- package/dist/esm/components/fieldset/Fieldset.d.mts +150 -0
- package/dist/esm/components/fieldset/Fieldset.mjs +66 -0
- package/dist/esm/components/fieldset/parts/FieldGroup.d.mts +27 -0
- package/dist/esm/components/fieldset/parts/FieldGroup.mjs +18 -0
- package/dist/esm/components/form/Form.mjs +15 -14
- package/dist/esm/components/form-field/parts/FormContextualLink.mjs +21 -19
- package/dist/esm/components/form-field/parts/FormControl.d.mts +23 -0
- package/dist/esm/components/form-field/parts/FormFeedbackText.mjs +26 -23
- package/dist/esm/components/form-field/parts/FormHelperText.mjs +11 -10
- package/dist/esm/components/full-page-loader/FullPageLoader.mjs +24 -15
- package/dist/esm/components/icon/Icon.mjs +1 -0
- package/dist/esm/components/icon-button/CircularIconButton.d.mts +68 -3
- package/dist/esm/components/icon-button/CircularIconButton.mjs +58 -25
- package/dist/esm/components/icon-button/IconButton.mjs +16 -15
- package/dist/esm/components/icon-button/IconButton.variants.mjs +9 -9
- package/dist/esm/components/input/Input.mjs +23 -22
- package/dist/esm/components/label/Label.mjs +9 -8
- package/dist/esm/components/link/Link.d.mts +1 -1
- package/dist/esm/components/link/Link.mjs +18 -17
- package/dist/esm/components/menu/parts/MenuContent.mjs +4 -3
- package/dist/esm/components/multi-select/MultiSelect.d.mts +62 -0
- package/dist/esm/components/multi-select/MultiSelect.mjs +231 -0
- package/dist/esm/components/multi-select/Multiselect.context.d.mts +7 -0
- package/dist/esm/components/multi-select/Multiselect.context.mjs +8 -0
- package/dist/esm/components/multi-select/Multiselect.types.d.mts +109 -0
- package/dist/esm/components/multi-select/hooks/use-combobox-filter.d.mts +12 -0
- package/dist/esm/components/multi-select/hooks/use-combobox-filter.mjs +22 -0
- package/dist/esm/components/multi-select/hooks/use-multiselection-state.d.mts +14 -0
- package/dist/esm/components/multi-select/hooks/use-multiselection-state.mjs +47 -0
- package/dist/esm/components/multi-select/parts/MultiSelectButton.d.mts +16 -0
- package/dist/esm/components/multi-select/parts/MultiSelectButton.mjs +161 -0
- package/dist/esm/components/multi-select/parts/MultiSelectOptGroup.d.mts +69 -0
- package/dist/esm/components/multi-select/parts/MultiSelectOptGroup.mjs +34 -0
- package/dist/esm/components/multi-select/parts/MultiSelectOption.d.mts +20 -0
- package/dist/esm/components/multi-select/parts/MultiSelectOption.mjs +87 -0
- package/dist/esm/components/multi-select/parts/MultiSelectPopover.d.mts +7 -0
- package/dist/esm/components/multi-select/parts/MultiSelectPopover.mjs +65 -0
- package/dist/esm/components/multi-select-field/MultiSelectField.d.mts +59 -0
- package/dist/esm/components/multi-select-field/MultiSelectField.mjs +82 -0
- package/dist/esm/components/pill/Pill.mjs +4 -3
- package/dist/esm/components/progress-bar/ProgressBar.mjs +8 -7
- package/dist/esm/components/segmented-button-group/SegmentedButtonGroup.d.mts +43 -0
- package/dist/esm/components/segmented-button-group/SegmentedButtonGroups.context.d.mts +8 -0
- package/dist/esm/components/segmented-button-group/parts/ToggleButton.d.mts +47 -0
- package/dist/esm/components/select/Select.mjs +19 -19
- package/dist/esm/components/select/parts/SearchInput.mjs +11 -11
- package/dist/esm/components/select/parts/SelectButton.mjs +40 -31
- package/dist/esm/components/select/parts/SelectOption.mjs +5 -4
- package/dist/esm/components/select/parts/SelectOptionHelper.mjs +11 -9
- package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.d.mts +2 -0
- package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.mjs +5 -0
- package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.mts +59 -0
- package/dist/esm/components/selectable-button-group/SelectableButtonGroup.mjs +34 -0
- package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.mts +127 -0
- package/dist/esm/components/selectable-button-group/parts/SelectableButton.mjs +99 -0
- package/dist/esm/components/side-panel/SidePanel.d.mts +152 -0
- package/dist/esm/components/side-panel/SidePanel.mjs +67 -0
- package/dist/esm/components/side-panel/parts/SidePanelContent.d.mts +71 -0
- package/dist/esm/components/side-panel/parts/SidePanelContent.mjs +26 -0
- package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.d.mts +54 -0
- package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.mjs +67 -0
- package/dist/esm/components/side-panel/parts/SidePanelFooter.d.mts +27 -0
- package/dist/esm/components/side-panel/parts/SidePanelFooter.mjs +20 -0
- package/dist/esm/components/side-panel/parts/SidePanelHeader.d.mts +75 -0
- package/dist/esm/components/side-panel/parts/SidePanelHeader.mjs +43 -0
- package/dist/esm/components/spinner/Spinner.mjs +18 -17
- package/dist/esm/components/tabs/Tabs.mjs +19 -10
- package/dist/esm/components/tabs/Tabs.variant.mjs +1 -1
- package/dist/esm/components/tabs/parts/TabList.mjs +48 -26
- package/dist/esm/components/text/Text.mjs +11 -10
- package/dist/esm/components/text-area/TextArea.mjs +39 -40
- package/dist/esm/components/toast/UnityToast.d.mts +3 -3
- package/dist/esm/components/toast/UnityToast.mjs +22 -19
- package/dist/esm/components/toast/toast.d.mts +2 -1
- package/dist/esm/components/toast/toast.mjs +15 -13
- package/dist/esm/components/tooltip/Tooltip.d.mts +1 -1
- package/dist/esm/components/tooltip/Tooltip.mjs +12 -17
- package/dist/esm/index.d.mts +18 -0
- package/dist/esm/index.mjs +221 -173
- package/dist/esm/providers/router/RouterProvider.mjs +3 -3
- package/dist/esm/types/utils.d.mts +1 -0
- package/i18n/en-GB.json +1 -0
- package/i18n/es-ES.json +1 -0
- package/i18n/fr-FR.json +1 -0
- package/package.json +29 -22
- package/dist/cjs/components/index.d.ts +0 -4
- package/dist/esm/components/index.d.mts +0 -4
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
export declare const sidePanelContent: import('tailwind-variants').TVReturnType<{
|
|
4
|
+
[key: string]: {
|
|
5
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
6
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
7
|
+
scroller?: import('tailwind-merge').ClassNameValue;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
} | {
|
|
11
|
+
[x: string]: {
|
|
12
|
+
[x: string]: import('tailwind-merge').ClassNameValue | {
|
|
13
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
14
|
+
scroller?: import('tailwind-merge').ClassNameValue;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
} | {}, {
|
|
18
|
+
base: string[];
|
|
19
|
+
scroller: string[];
|
|
20
|
+
}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
|
|
21
|
+
[key: string]: {
|
|
22
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
23
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
24
|
+
scroller?: import('tailwind-merge').ClassNameValue;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
} | {}>, {
|
|
28
|
+
[key: string]: {
|
|
29
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
30
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
31
|
+
scroller?: import('tailwind-merge').ClassNameValue;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
} | {}, {
|
|
35
|
+
base: string[];
|
|
36
|
+
scroller: string[];
|
|
37
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
38
|
+
base: string[];
|
|
39
|
+
scroller: string[];
|
|
40
|
+
}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
|
|
41
|
+
[key: string]: {
|
|
42
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
43
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
44
|
+
scroller?: import('tailwind-merge').ClassNameValue;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
48
|
+
export interface SidePanelContentProps extends PropsWithChildren<VariantProps<typeof sidePanelContent>> {
|
|
49
|
+
className?: string;
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* The `SidePanelContent` component renders the main content area of a side panel.
|
|
53
|
+
* It takes up the majority of the space between the header and footer components
|
|
54
|
+
* and adjusts for both mobile (bottom sheet) and desktop (side panel) views.
|
|
55
|
+
* The content is scrollable when it exceeds the available space.
|
|
56
|
+
* @component
|
|
57
|
+
* @param {SidePanelContentProps} props - The props for the `SidePanelContent` component
|
|
58
|
+
* @example
|
|
59
|
+
* ```tsx
|
|
60
|
+
* import { SidePanelContent } from '@payfit/unity-components'
|
|
61
|
+
*
|
|
62
|
+
* <SidePanelContent>
|
|
63
|
+
* Your panel content here
|
|
64
|
+
* </SidePanelContent>
|
|
65
|
+
* ```
|
|
66
|
+
* @see {@link SidePanelContentProps} for all available props
|
|
67
|
+
* @remarks
|
|
68
|
+
* [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
|
|
69
|
+
*/
|
|
70
|
+
declare const SidePanelContent: import('react').ForwardRefExoticComponent<SidePanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
71
|
+
export { SidePanelContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),i=require("tailwind-variants"),n=i.tv({slots:{base:["uy-bg-surface-neutral","uy-flex uy-flex-col uy-flex-1 uy-min-h-0 uy-overflow-hidden","uy-w-full"],scroller:["uy-flex-1 uy-overflow-y-auto uy-overflow-x-hidden uy-p-300","uy-h-full uy-min-h-0"]}}),t=a.forwardRef(({children:l,...o},s)=>{const{base:u,scroller:r}=n();return e.jsx("section",{ref:s,className:u(),...o,children:e.jsx("div",{className:r(),children:l})})});t.displayName="SidePanelContent";exports.SidePanelContent=t;exports.sidePanelContent=n;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export declare const sidePanelDragIndicator: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
4
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
5
|
+
indicator?: import('tailwind-merge').ClassNameValue;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
} | {
|
|
9
|
+
[x: string]: {
|
|
10
|
+
[x: string]: import('tailwind-merge').ClassNameValue | {
|
|
11
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
12
|
+
indicator?: import('tailwind-merge').ClassNameValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {}, {
|
|
16
|
+
base: string[];
|
|
17
|
+
indicator: string;
|
|
18
|
+
}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
|
|
19
|
+
[key: string]: {
|
|
20
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
21
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
22
|
+
indicator?: import('tailwind-merge').ClassNameValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {}>, {
|
|
26
|
+
[key: string]: {
|
|
27
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
28
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
29
|
+
indicator?: import('tailwind-merge').ClassNameValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
base: string[];
|
|
34
|
+
indicator: string;
|
|
35
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
36
|
+
base: string[];
|
|
37
|
+
indicator: string;
|
|
38
|
+
}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
|
|
39
|
+
[key: string]: {
|
|
40
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
41
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
42
|
+
indicator?: import('tailwind-merge').ClassNameValue;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
46
|
+
/**
|
|
47
|
+
* A drag indicator component that connects to the overlay state context and
|
|
48
|
+
* provides swipe-to-dismiss functionality for the SidePanel.
|
|
49
|
+
* @internal
|
|
50
|
+
*/
|
|
51
|
+
export declare function SidePanelDragIndicator(): import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
export declare namespace SidePanelDragIndicator {
|
|
53
|
+
var displayName: string;
|
|
54
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),v=require("@use-gesture/react"),P=require("react-aria-components"),S=require("tailwind-variants"),h=require("../../../hooks/use-breakpoint-listener.js"),c=S.tv({slots:{base:["md:uy-hidden uy-mx-auto uy-pt-300 uy-w-500","uy-cursor-grab uy-touch-action-none"],indicator:"uy-h-50 uy-rounded-pill uy-bg-content-neutral-lowest"}}),q=100;function l(){const n=o.useRef(null),r=o.useContext(P.OverlayTriggerStateContext),s=h.useBreakpointListener(),{base:u,indicator:d}=c(),y=s==="xs"||s==="sm",m=v.useDrag(f=>{var a;const{movement:[I,t],direction:[R,g],intentional:p,cancel:x,last:D,event:b}=f;if(!y){x();return}b.preventDefault();const e=(a=n.current)==null?void 0:a.closest("[data-unity-side-panel]");if(e){if(t<0){e.style.transform="translate3d(0, 0, 0)";return}e.style.transform=`translate3d(0, ${t}px, 0)`,e.style.transition="none",D&&p&&(t>q||g>0?r&&setTimeout(()=>{r.close()},50):(e.style.transform="translate3d(0, 0, 0)",e.style.transition="transform 0.3s ease"))}},{axis:"y",filterTaps:!0,threshold:5});return i.jsx("div",{className:u(),"aria-hidden":"true",ref:n,...m(),children:i.jsx("div",{className:d()})})}l.displayName="SidePanelDragIndicator";exports.SidePanelDragIndicator=l;exports.sidePanelDragIndicator=c;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
export declare const sidePanelFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
4
|
+
export interface SidePanelFooterProps extends PropsWithChildren<VariantProps<typeof sidePanelFooter>> {
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* The `SidePanelFooter` component renders the footer section of a side panel.
|
|
9
|
+
* It provides a space for action buttons and stays fixed at the bottom of the panel.
|
|
10
|
+
* On mobile devices, it respects the safe area to avoid being obscured by device UI elements.
|
|
11
|
+
* @component
|
|
12
|
+
* @param {SidePanelFooterProps} props - The props for the `SidePanelFooter` component
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import { SidePanelFooter, Button } from '@payfit/unity-components'
|
|
16
|
+
*
|
|
17
|
+
* <SidePanelFooter>
|
|
18
|
+
* <Button variant="secondary">Cancel</Button>
|
|
19
|
+
* <Button>Save</Button>
|
|
20
|
+
* </SidePanelFooter>
|
|
21
|
+
* ```
|
|
22
|
+
* @see {@link SidePanelFooterProps} for all available props
|
|
23
|
+
* @remarks
|
|
24
|
+
* [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
|
|
25
|
+
*/
|
|
26
|
+
declare const SidePanelFooter: import('react').ForwardRefExoticComponent<SidePanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
27
|
+
export { SidePanelFooter };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react"),n=require("tailwind-variants"),e=n.tv({base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-items-center uy-justify-end uy-gap-100 uy-shrink-0","uy-bg-surface-neutral uy-rounded-bl-200 uy-rounded-br-200 uy-border-t uy-border-solid uy-border-t-solid uy-border-border-neutral","uy-sticky uy-bottom-0 uy-z-10","uy-mt-auto","uy-pb-[max(env(safe-area-inset-bottom),var(--uy-spacing-200))] md:uy-pb-200"]}),r=y.forwardRef(({children:t,...u},o)=>a.jsx("footer",{ref:o,className:e(),...u,children:t}));r.displayName="SidePanelFooter";exports.SidePanelFooter=r;exports.sidePanelFooter=e;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
export declare const sidePanelHeader: import('tailwind-variants').TVReturnType<{
|
|
4
|
+
[key: string]: {
|
|
5
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
6
|
+
content?: import('tailwind-merge').ClassNameValue;
|
|
7
|
+
heading?: import('tailwind-merge').ClassNameValue;
|
|
8
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
} | {
|
|
12
|
+
[x: string]: {
|
|
13
|
+
[x: string]: import('tailwind-merge').ClassNameValue | {
|
|
14
|
+
content?: import('tailwind-merge').ClassNameValue;
|
|
15
|
+
heading?: import('tailwind-merge').ClassNameValue;
|
|
16
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
} | {}, {
|
|
20
|
+
base: string[];
|
|
21
|
+
content: string[];
|
|
22
|
+
heading: string[];
|
|
23
|
+
}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
|
|
24
|
+
[key: string]: {
|
|
25
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
26
|
+
content?: import('tailwind-merge').ClassNameValue;
|
|
27
|
+
heading?: import('tailwind-merge').ClassNameValue;
|
|
28
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
} | {}>, {
|
|
32
|
+
[key: string]: {
|
|
33
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
34
|
+
content?: import('tailwind-merge').ClassNameValue;
|
|
35
|
+
heading?: import('tailwind-merge').ClassNameValue;
|
|
36
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
} | {}, {
|
|
40
|
+
base: string[];
|
|
41
|
+
content: string[];
|
|
42
|
+
heading: string[];
|
|
43
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
44
|
+
base: string[];
|
|
45
|
+
content: string[];
|
|
46
|
+
heading: string[];
|
|
47
|
+
}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
|
|
48
|
+
[key: string]: {
|
|
49
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
50
|
+
content?: import('tailwind-merge').ClassNameValue;
|
|
51
|
+
heading?: import('tailwind-merge').ClassNameValue;
|
|
52
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
56
|
+
export interface SidePanelHeaderProps extends PropsWithChildren<VariantProps<typeof sidePanelHeader>> {
|
|
57
|
+
className?: string;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* The `SidePanelHeader` component renders the header section of a side panel.
|
|
61
|
+
* It includes a title and close button, and on mobile it displays a drag handle for bottom sheet interaction.
|
|
62
|
+
* @component
|
|
63
|
+
* @param {SidePanelHeaderProps} props - The props for the `SidePanelHeader` component
|
|
64
|
+
* @example
|
|
65
|
+
* ```tsx
|
|
66
|
+
* import { SidePanelHeader } from '@payfit/unity-components'
|
|
67
|
+
*
|
|
68
|
+
* <SidePanelHeader>Title of the panel</SidePanelHeader>
|
|
69
|
+
* ```
|
|
70
|
+
* @see {@link SidePanelHeaderProps} for all available props
|
|
71
|
+
* @remarks
|
|
72
|
+
* [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
|
|
73
|
+
*/
|
|
74
|
+
declare const SidePanelHeader: import('react').ForwardRefExoticComponent<SidePanelHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
75
|
+
export { SidePanelHeader };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),c=require("react-aria-components"),y=require("tailwind-variants"),d=require("../../icon-button/CircularIconButton.js"),t=y.tv({slots:{base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-flex-col uy-shrink-0","uy-bg-surface-neutral uy-rounded-tl-200 uy-rounded-tr-200 uy-shadow-raising","uy-sticky uy-top-0 uy-z-10"],content:["uy-flex uy-items-center uy-justify-between uy-w-full"],heading:["uy-typography-h2 md:uy-typography-h3 uy-text-content-neutral uy-truncate"]}}),n=i.forwardRef(({children:r,...u},a)=>{const{base:s,content:l,heading:o}=t();return e.jsx("header",{ref:a,className:s(),...u,children:e.jsxs("div",{className:l(),children:[e.jsx(c.Heading,{slot:"title",className:o(),children:r}),e.jsx(d.CircularIconButton,{asElement:"button",slot:"close",icon:"CloseOutlined",title:"Close",size:"large",color:"content.neutral.low"})]})})});n.displayName="SidePanelHeader";exports.SidePanelHeader=n;exports.sidePanelHeader=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),p=require("tailwind-variants"),m=require("../../hooks/use-id.js"),x=p.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-gap-200",indicator:"",label:"uy-typography-body uy-text-left uy-truncate"},variants:{size:{small:{indicator:"uy-w-200 uy-h-200",label:"uy-hidden"},medium:{indicator:"uy-w-300 uy-h-300"}},color:{primary:{indicator:"uy-text-content-primary"},inverted:{indicator:"uy-text-content-inverted",label:"uy-text-content-inverted"},inherit:{indicator:""}}},defaultVariants:{size:"small",color:"primary"}});function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),p=require("tailwind-variants"),m=require("../../hooks/use-id.js"),x=p.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-gap-200",indicator:"",label:"uy-typography-body uy-text-left uy-truncate"},variants:{size:{small:{indicator:"uy-w-200 uy-h-200",label:"uy-hidden"},medium:{indicator:"uy-w-300 uy-h-300"}},color:{primary:{indicator:"uy-text-content-primary"},inverted:{indicator:"uy-text-content-inverted",label:"uy-text-content-inverted"},inherit:{indicator:""}}},defaultVariants:{size:"small",color:"primary"}});function n({label:a,color:s,size:i,role:t="status",...l},c){const r=`uy-spinner-label-${m()}`,{base:o,indicator:d,label:u}=x({size:i,color:s});return e.jsxs("div",{...l,ref:c,role:t,className:o(),"aria-labelledby":t==="status"?r:void 0,"aria-live":"polite","data-dd-privacy":"allow",children:[e.jsxs("svg",{viewBox:"0 0 100 100","aria-hidden":"true",className:d(),children:[e.jsx("title",{children:"Loading"}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"none",stroke:"currentColor",style:{"--r":"45px","--1deg":"calc(2 * pi * var(--r) / 360)",strokeWidth:"9.6px",shapeRendering:"geometricPrecision",strokeDasharray:"calc(40 * var(--1deg)) calc(80 * var(--1deg))",transformOrigin:"50% 50%",animation:"arc-shrink 1.4s ease-in-out infinite, spin 2s linear infinite"}})]}),e.jsx("span",{id:r,className:u(),"aria-hidden":i!=="small",children:a})]})}n.displayName="Spinner";const h=y.forwardRef(n);exports.Spinner=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),b=require("react-aria-components"),u=require("./Tabs.context.js"),d=require("./Tabs.variant.js"),r=c.forwardRef(({children:t,variant:e,scrollable:a=!1,...n},o)=>{const{base:i}=d.tabsVariant({variant:e,scrollable:a});return s.jsx(u.TabsProvider,{variant:e,scrollable:a,children:s.jsx(b.Tabs,{"data-dd-privacy":"allow",ref:o,className:i(),...n,children:t})})});r.displayName="Tabs";exports.Tabs=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-form-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:""},false:{base:"",tabList:"uy-border-b-[1.25px] uy-border-b-border-form-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-form-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:""},false:{base:"",tabList:"uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),g=require("react-aria-components"),N=require("../Tabs.context.js"),W=require("../Tabs.variant.js"),L=require("./NavigationButton.js"),y=l.forwardRef(({children:f},b)=>{const e=l.useRef(null),[v,m]=l.useState(!1),[S,x]=l.useState(!0),{variant:R,scrollable:d}=N.useTabsContext(),{tabList:h}=W.tabsVariant({variant:R,scrollable:d}),T=t=>{const{scrollLeft:o,scrollWidth:s,clientWidth:r}=t.currentTarget;m(o>0),x(o+r<s)},j=()=>{var r;const t=(r=e.current)==null?void 0:r.querySelectorAll("div[role=tab]");if(!e.current||!t)return 0;const{scrollLeft:o}=e.current,s=Array.from(t);for(let a=s.length-1;a>=0;a--){const c=s[a];if(c.offsetLeft<o)return-c.offsetWidth}return 0},q=()=>{var c;const t=(c=e.current)==null?void 0:c.querySelectorAll("div[role=tab]");if(!e.current||!t)return 0;const{scrollLeft:o,clientWidth:s}=e.current,r=Array.from(t),a=o+s;for(let i=0;i<r.length-1;i++){const u=r[i];if(u.offsetLeft+u.offsetWidth>a)return u.offsetWidth}return 0};return d?n.jsxs("div",{className:"uy-relative",children:[v&&n.jsx(L.NavigationButton,{direction:"left",onPress:()=>{var t;(t=e.current)==null||t.scrollBy({behavior:"smooth",left:j()})}}),n.jsx("div",{ref:e,"data-testid":"scrollable-tab-list",className:"uy-overflow-x-auto uy-overflow-y-hidden uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled",onScroll:T,children:n.jsx(g.TabList,{ref:b,className:h(),children:f})}),S&&n.jsx(L.NavigationButton,{direction:"right",onPress:()=>{var t;(t=e.current)==null||t.scrollBy({behavior:"smooth",left:q()})}})]}):n.jsx(g.TabList,{ref:b,className:h(),children:f})});y.displayName="TabList";exports.TabList=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),g=require("react"),u=require("./Text.variants.js"),b={inherit:"span",h1:"h1",h2:"h2",h3:"h3",h4:"h4",overline:"h6",subtitle:"h5",displayTitle:"h1",displayBody:"p",body:"p",bodyStrong:"strong",bodySmall:"small",bodySmallStrong:"strong",bodyLarge:"p",bodyLargeStrong:"strong",action:"span",actionLarge:"span",actionSmall:"span"},s=g.forwardRef(({children:o,variant:e,color:a,isTruncated:n,lineClamp:t,asElement:r,className:l,...i},c)=>{const d=t!==void 0,m=u.text({variant:e,color:a,isTruncated:n,isLineClamped:d,className:l}),y=b[e??"inherit"],p=r??y;return h.jsx(p,{"data-dd-privacy":"mask",...i,ref:c,className:m,style:{"--uy-text-line-clamp":t},children:o})});s.displayName="Text";exports.Text=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),j=require("react-aria-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),j=require("react-aria-components"),M=require("react-intl"),q=require("tailwind-variants"),z=require("../../hooks/use-resizable.js"),L=require("../icon/Icon.js"),R=require("../spinner/Spinner.js"),f=q.tv({slots:{base:"uy-flex uy-border uy-border-solid uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active uy-overflow-hidden uy-relative",inputWrapper:"uy-flex uy-gap-50 uy-flex-grow uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100",input:"uy-flex-grow uy-flex-shrink uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-resize-none",state:"uy-flex uy-gap-50 uy-flex-shrink-0 uy-basis-250",resizeHandle:"uy-absolute uy-bottom-25 uy-right-25 uy-w-100 uy-h-100 uy-cursor-se-resize uy-flex uy-items-center uy-justify-center"},variants:{isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error",inputWrapper:"uy-bg-surface-form-error",input:"uy-bg-surface-form-error",state:"uy-text-content-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-border-border-form-disabled uy-bg-surface-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-readonly"}},isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-bg-surface-form-disabled uy-text-content-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-disabled"}}},compoundVariants:[{isInvalid:!1,isDisabled:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled",inputWrapper:"uy-border-border-form-enabled uy-bg-surface-form-enabled",input:"uy-text-content-form-enabled uy-bg-surface-form-enabled",state:"uy-text-content-neutral-disabled"}}],defaultVariants:{isInvalid:!1,isDisabled:!1,isReadOnly:!1}}),y=w.forwardRef(({isInvalid:o,isLoading:n,isDisabled:r,isReadOnly:t,isResizable:u=!1,...c},b)=>{const a=M.useIntl(),{containerRef:i,handleResizeStart:m}=z.useResizable({isDisabled:!u||r||t}),{base:p,inputWrapper:x,input:g,state:h,resizeHandle:v}=f({isInvalid:o,isDisabled:r,isReadOnly:t});return e.jsxs("div",{ref:i,className:p(),children:[e.jsxs("div",{className:x(),children:[e.jsx(j.TextArea,{"data-dd-privacy":"mask",...c,ref:b,className:g(),"aria-busy":n}),e.jsxs("div",{className:h(),children:[n&&e.jsx(R.Spinner,{color:"inherit",size:"small",label:a.formatMessage({id:"unity:component:form-field:form-input:spinner:label",defaultMessage:"Loading"})}),o&&e.jsx(L.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:a.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})})]})]}),u&&!r&&!t&&e.jsx("div",{className:v(),onMouseDown:m,role:"button",tabIndex:0,"aria-label":a.formatMessage({id:"unity:component:form-field:textarea:resize-handle:label",defaultMessage:"Resize textarea"}),onKeyDown:s=>{var l,d;(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),(d=(l=i.current)==null?void 0:l.querySelector("textarea"))==null||d.focus())},children:e.jsxs("svg",{role:"presentation",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:[e.jsx("path",{d:"M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",fill:"#8B8D98"}),e.jsx("path",{d:"M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",fill:"#8B8D98"})]})})]})});y.displayName="TextArea";exports.TextArea=y;exports.textArea=f;
|
|
@@ -5,7 +5,7 @@ declare const unityToast: import('tailwind-variants').TVReturnType<{
|
|
|
5
5
|
success: string;
|
|
6
6
|
error: string;
|
|
7
7
|
};
|
|
8
|
-
}, undefined, "sm:uy-w-[416px] uy-border uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
|
|
8
|
+
}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
|
|
9
9
|
variant: {
|
|
10
10
|
success: string;
|
|
11
11
|
error: string;
|
|
@@ -25,7 +25,7 @@ declare const unityToast: import('tailwind-variants').TVReturnType<{
|
|
|
25
25
|
success: string;
|
|
26
26
|
error: string;
|
|
27
27
|
};
|
|
28
|
-
}, undefined, "sm:uy-w-[416px] uy-border uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
|
|
28
|
+
}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
|
|
29
29
|
variant: {
|
|
30
30
|
success: string;
|
|
31
31
|
error: string;
|
|
@@ -49,7 +49,7 @@ export interface UnityToastProps extends Required<Pick<VariantProps<typeof unity
|
|
|
49
49
|
* - `ToastAction`(optional): The action on the toast
|
|
50
50
|
*/
|
|
51
51
|
declare const UnityToast: {
|
|
52
|
-
({ children, onClose, variant, inline, }: PropsWithChildren<UnityToastProps>): import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
({ children, onClose, variant, inline, ...rest }: PropsWithChildren<UnityToastProps>): import("react/jsx-runtime").JSX.Element;
|
|
53
53
|
displayName: string;
|
|
54
54
|
};
|
|
55
55
|
export { UnityToast };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),c=require("react-intl"),y=require("tailwind-variants"),d=require("../icon-button/IconButton.js"),m=require("../icon/Icon.js"),x=require("./parts/ToastTitle.js"),b=require("./Toast.context.js"),f=y.tv({base:"sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125",variants:{variant:{success:"uy-border-border-success",error:"uy-border-border-danger"}}}),g=e=>{const a=o.isValidElement(e)&&e.type===o.Fragment?e.props.children:e;if(o.Children.toArray(a).filter(r=>o.isValidElement(r)&&r.type===x.ToastTitle).length!==1)throw new Error("UnityToast must have one ToastTitle component")},l=({children:e,onClose:a,variant:s,inline:r=!0,...u})=>{const n=c.useIntl();g(e);const i=f({variant:s});return t.jsx(b.ToastProvider,{inline:r,children:t.jsxs("div",{"data-dd-privacy":"mask",...u,tabIndex:-1,role:s==="error"?"alert":"status","aria-atomic":"true","aria-live":s==="error"?"assertive":"polite",className:i,children:[t.jsxs("div",{className:"uy-flex uy-flex-row uy-grow",children:[t.jsx(m.Icon,{src:s==="success"?"CheckCircleFilled":"WarningCircleFilled",color:s==="success"?"content.success":"content.danger",className:"uy-mt-100",alt:n.formatMessage({id:"unity:component:toast:icon:status",defaultMessage:"Status"})}),t.jsx("div",{className:`${r?"uy-flex-col":"uy-flex-row uy-justify-between"} uy-flex uy-grow uy-ml-125`,children:e})]}),t.jsx("div",{role:"presentation",className:"uy-border-l-[1px] uy-border-solid uy-border-border-neutral uy-self-stretch"}),t.jsx(d.IconButton,{icon:"CloseOutlined",iconRole:"presentation",label:n.formatMessage({id:"unity:component:toast:close:label",defaultMessage:"Close"}),variant:"ghost",color:"neutral",onClick:a})]})})};l.displayName="UnityToast";exports.UnityToast=l;
|
|
@@ -4,6 +4,7 @@ import { UnityToastProps } from './UnityToast.js';
|
|
|
4
4
|
interface Base {
|
|
5
5
|
title: ReactNode;
|
|
6
6
|
content?: ReactNode;
|
|
7
|
+
datadogPrivacy?: 'allow' | 'mask' | 'hidden';
|
|
7
8
|
}
|
|
8
9
|
interface WithAction {
|
|
9
10
|
action: ReactNode;
|
|
@@ -39,5 +40,5 @@ interface ErrorParamsWithAction extends Base, WithAction {
|
|
|
39
40
|
* @param prop.actionOnPress (optional) the function to trigger when click on the action
|
|
40
41
|
* @param prop.duration (optional) to override the toast duration
|
|
41
42
|
*/
|
|
42
|
-
declare function toast({ title, content, variant, action, actionOnPress, duration, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
|
|
43
|
+
declare function toast({ title, content, variant, action, actionOnPress, duration, datadogPrivacy, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
|
|
43
44
|
export { toast };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react-hot-toast"),d=require("./parts/ToastAction.js"),T=require("./parts/ToastContent.js"),f=require("./parts/ToastTitle.js"),j=require("./ToastManager.js"),q=require("./UnityToast.js"),h=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=h(c);function m({title:t,content:e,variant:s,action:n,actionOnPress:r,duration:a,datadogPrivacy:u="mask"}){return i.default.custom(l=>o.jsxs(q.UnityToast,{onClose:()=>{i.default.dismiss(l.id)},variant:s,inline:!!e,"data-dd-privacy":u,children:[o.jsx(f.ToastTitle,{children:t}),e?o.jsx(T.ToastContent,{children:e}):null,n?o.jsx(d.ToastAction,{onPress:r,children:n}):null]}),{duration:a??j.TOAST_CONFIG[s].duration})}exports.toast=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react-aria-components"),l=require("../button/Button.js"),r=e=>e.type===l.Button||e.type===o.Button;function i({title:e,children:u}){return t.jsxs(o.TooltipTrigger,{delay:500,closeDelay:1500,children:[u,t.jsx(o.Tooltip,{"data-dd-privacy":"allow",offset:r(u)?4:8,className:"uy-inline-flex uy-rounded-50 uy-pl-100 uy-pr-100 uy-pt-50 uy-pb-50 uy-bg-grayscale-L12 uy-max-w-[300px]",children:t.jsx("p",{className:"uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3",children:e})})]})}exports.Tooltip=i;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -16,6 +16,10 @@ export * from './components/avatar/parts/AvatarFallback.js';
|
|
|
16
16
|
export * from './components/avatar/parts/AvatarImage.js';
|
|
17
17
|
export * from './components/avatar/parts/AvatarPair.js';
|
|
18
18
|
export * from './components/badge/Badge.js';
|
|
19
|
+
export * from './components/bottom-sheet/BottomSheet.js';
|
|
20
|
+
export * from './components/bottom-sheet/parts/BottomSheetHeader.js';
|
|
21
|
+
export * from './components/bottom-sheet/parts/BottomSheetContent.js';
|
|
22
|
+
export * from './components/bottom-sheet/parts/BottomSheetFooter.js';
|
|
19
23
|
export * from './components/breadcrumbs/Breadcrumbs.js';
|
|
20
24
|
export * from './components/breadcrumbs/parts/Breadcrumb.js';
|
|
21
25
|
export * from './components/button/Button.js';
|
|
@@ -27,8 +31,11 @@ export * from './components/date-picker/DatePicker.js';
|
|
|
27
31
|
export * from './components/date-picker-field/DatePickerField.js';
|
|
28
32
|
export * from './components/dialog/Dialog.js';
|
|
29
33
|
export * from './components/dialog/parts/DialogActions.js';
|
|
34
|
+
export * from './components/dialog/parts/DialogActions/DialogButton.js';
|
|
30
35
|
export * from './components/dialog/parts/DialogContent.js';
|
|
31
36
|
export * from './components/dialog/parts/DialogTitle.js';
|
|
37
|
+
export * from './components/fieldset/Fieldset.js';
|
|
38
|
+
export * from './components/fieldset/parts/FieldGroup.js';
|
|
32
39
|
export * from './components/flex/Flex.js';
|
|
33
40
|
export * from './components/flex/Flex.variants.js';
|
|
34
41
|
export * from './components/flex/FlexItem.js';
|
|
@@ -54,6 +61,10 @@ export * from './components/menu/parts/MenuHeader.js';
|
|
|
54
61
|
export * from './components/menu/parts/MenuItem.js';
|
|
55
62
|
export * from './components/menu/parts/MenuSeparator.js';
|
|
56
63
|
export * from './components/menu/parts/MenuTrigger.js';
|
|
64
|
+
export * from './components/multi-select/MultiSelect.js';
|
|
65
|
+
export * from './components/multi-select/parts/MultiSelectOption.js';
|
|
66
|
+
export * from './components/multi-select/parts/MultiSelectOptGroup.js';
|
|
67
|
+
export * from './components/multi-select-field/MultiSelectField.js';
|
|
57
68
|
export * from './components/nav/Nav.js';
|
|
58
69
|
export * from './components/nav/parts/NavGroup.js';
|
|
59
70
|
export * from './components/nav/parts/NavItem.js';
|
|
@@ -67,6 +78,12 @@ export * from './components/select/parts/SelectOptionGroup.js';
|
|
|
67
78
|
export * from './components/select/parts/SelectOptionHelper.js';
|
|
68
79
|
export * from './components/select/Select.js';
|
|
69
80
|
export * from './components/select-field/SelectField.js';
|
|
81
|
+
export * from './components/selectable-button-group/SelectableButtonGroup.js';
|
|
82
|
+
export * from './components/selectable-button-group/parts/SelectableButton.js';
|
|
83
|
+
export * from './components/side-panel/SidePanel.js';
|
|
84
|
+
export * from './components/side-panel/parts/SidePanelHeader.js';
|
|
85
|
+
export * from './components/side-panel/parts/SidePanelContent.js';
|
|
86
|
+
export * from './components/side-panel/parts/SidePanelFooter.js';
|
|
70
87
|
export * from './components/spinner/Spinner.js';
|
|
71
88
|
export * from './components/tabs/Tabs.js';
|
|
72
89
|
export * from './components/tabs/parts/Tab.js';
|
|
@@ -78,6 +95,7 @@ export * from './components/text-area/TextArea.js';
|
|
|
78
95
|
export * from './components/text-field/TextField.js';
|
|
79
96
|
export * from './components/toast/toast.js';
|
|
80
97
|
export * from './components/toast/ToastManager.js';
|
|
98
|
+
export * from './components/tooltip/Tooltip.js';
|
|
81
99
|
export * from './hooks/use-breakpoint-listener.js';
|
|
82
100
|
export * from './hooks/use-media-query.js';
|
|
83
101
|
export * from './hooks/use-form.js';
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./components/actionable/Actionable.js"),d=require("./components/alert/Alert.js"),F=require("./components/alert/parts/AlertActions.js"),A=require("./components/alert/parts/AlertContent.js"),x=require("./components/alert/parts/AlertTitle.js"),m=require("./components/anchor/Anchor.js"),b=require("./components/app-layout/AppLayout.js"),g=require("./components/app-menu/AppMenu.js"),T=require("./components/app-menu/parts/AppMenuHeader.js"),M=require("./components/app-menu/parts/AppMenuFooter.js"),P=require("./components/app-menu/parts/AppMenuNavContent.js"),e=require("./components/app-menu/parts/AppMenu.context.js"),k=require("./components/avatar/Avatar.js"),C=require("./components/avatar/utils.js"),v=require("./components/avatar/parts/AvatarFallback.js"),I=require("./components/avatar/parts/AvatarImage.js"),S=require("./components/avatar/parts/AvatarPair.js"),B=require("./components/badge/Badge.js"),L=require("./components/breadcrumbs/Breadcrumbs.js"),G=require("./components/breadcrumbs/parts/Breadcrumb.js"),y=require("./components/button/Button.js"),r=require("./components/checkbox/Checkbox.js"),D=require("./components/checkbox-field/CheckboxField.js"),t=require("./components/checkbox-group/CheckboxGroup.js"),h=require("./components/checkbox-group-field/CheckboxGroupField.js"),O=require("./components/date-picker/DatePicker.js"),N=require("./components/date-picker-field/DatePickerField.js"),H=require("./components/dialog/Dialog.js"),R=require("./components/dialog/parts/DialogActions.js"),f=require("./components/dialog/parts/DialogContent.js"),_=require("./components/dialog/parts/DialogTitle.js"),o=require("./components/flex/Flex.js"),n=require("./components/flex/Flex.variants.js"),i=require("./components/flex/FlexItem.js"),U=require("./components/form/Form.js"),Q=require("./components/form-field/FormField.js"),V=require("./components/form-field/parts/FormControl.js"),j=require("./components/form-field/parts/FormContextualLink.js"),w=require("./components/form-field/parts/FormFeedbackText.js"),z=require("./components/form-field/parts/FormHelperText.js"),E=require("./components/form-field/parts/FormLabel.js"),u=require("./components/full-page-loader/FullPageLoader.js"),J=require("./components/grid/Grid.js"),a=require("./components/grid/Grid.variants.js"),K=require("./components/grid/GridItem.js"),W=require("./components/icon/Icon.js"),X=require("./components/icon-button/IconButton.js"),Y=require("./components/input/Input.js"),Z=require("./components/label/Label.js"),$=require("./components/link/Link.js"),ee=require("./components/menu/Menu.js"),re=require("./components/menu/parts/MenuContent.js"),te=require("./components/menu/parts/MenuHeader.js"),oe=require("./components/menu/parts/MenuItem.js"),ne=require("./components/menu/parts/MenuSeparator.js"),ie=require("./components/menu/parts/MenuTrigger.js"),ue=require("./components/nav/Nav.js"),ae=require("./components/nav/parts/NavGroup.js"),c=require("./components/nav/parts/NavItem.js"),ce=require("./components/payfit-brand/PayFitBrand.js"),se=require("./components/payfit-brand/PayFitPreprod.js"),le=require("./components/pill/Pill.js"),pe=require("./components/progress-bar/ProgressBar.js"),qe=require("./components/select/parts/SelectButton.js"),de=require("./components/select/parts/SelectOption.js"),Fe=require("./components/select/parts/SelectOptionGroup.js"),Ae=require("./components/select/parts/SelectOptionHelper.js"),xe=require("./components/select/Select.js"),me=require("./components/select-field/SelectField.js"),be=require("./components/spinner/Spinner.js"),ge=require("./components/tabs/Tabs.js"),Te=require("./components/tabs/parts/Tab.js"),Me=require("./components/tabs/parts/TabList.js"),Pe=require("./components/tabs/parts/TabPanel.js"),ke=require("./components/text/Text.js"),Ce=require("./components/text/Text.variants.js"),s=require("./components/text-area/TextArea.js"),ve=require("./components/text-field/TextField.js"),Ie=require("./components/toast/toast.js"),l=require("./components/toast/ToastManager.js"),Se=require("./hooks/use-breakpoint-listener.js"),Be=require("./hooks/use-media-query.js"),Le=require("./hooks/use-form.js"),p=require("./providers/router/RouterProvider.js"),Ge=require("./providers/router/integrations/UnityReactRouterV5Provider.js"),ye=require("react-aria-components");exports.Actionable=q.Actionable;exports.Alert=d.Alert;exports.AlertActions=F.AlertActions;exports.AlertContent=A.AlertContent;exports.AlertTitle=x.AlertTitle;exports.Anchor=m.Anchor;exports.AppLayout=b.AppLayout;exports.AppMenu=g.AppMenu;exports.AppMenuHeader=T.AppMenuHeader;exports.AppMenuFooter=M.AppMenuFooter;exports.AppMenuNavContent=P.AppMenuNavContent;exports.AppMenuContext=e.AppMenuContext;exports.AppMenuContextProvider=e.AppMenuContextProvider;exports.useAppMenuContext=e.useAppMenuContext;exports.Avatar=k.Avatar;exports.getInitials=C.getInitials;exports.AvatarFallback=v.AvatarFallback;exports.AvatarImage=I.AvatarImage;exports.AvatarPair=S.AvatarPair;exports.Badge=B.Badge;exports.Breadcrumbs=L.Breadcrumbs;exports.Breadcrumb=G.Breadcrumb;exports.Button=y.Button;exports.Checkbox=r.Checkbox;exports.checkbox=r.checkbox;exports.CheckboxField=D.CheckboxField;exports.CheckboxGroup=t.CheckboxGroup;exports.checkboxGroup=t.checkboxGroup;exports.CheckboxGroupField=h.CheckboxGroupField;exports.DatePicker=O.DatePicker;exports.DatePickerField=N.DatePickerField;exports.Dialog=H.Dialog;exports.DialogActions=R.DialogActions;exports.DialogContent=f.DialogContent;exports.DialogTitle=_.DialogTitle;exports.Flex=o.Flex;exports.Stack=o.Stack;exports.flex=n.flex;exports.flexItem=n.flexItem;exports.FlexItem=i.FlexItem;exports.StackItem=i.StackItem;exports.Form=U.Form;exports.FormField=Q.FormField;exports.FormControl=V.FormControl;exports.FormContextualLink=j.FormContextualLink;exports.FormFeedbackText=w.FormFeedbackText;exports.FormHelperText=z.FormHelperText;exports.FormLabel=E.FormLabel;exports.FullPageLoader=u.FullPageLoader;exports.fullPageLoader=u.fullPageLoader;exports.Grid=J.Grid;exports.grid=a.grid;exports.gridItem=a.gridItem;exports.GridItem=K.GridItem;exports.Icon=W.Icon;exports.IconButton=X.IconButton;exports.Input=Y.Input;exports.Label=Z.Label;exports.Link=$.Link;exports.Menu=ee.Menu;exports.MenuContent=re.MenuContent;exports.MenuHeader=te.MenuHeader;exports.MenuItem=oe.MenuItem;exports.MenuSeparator=ne.MenuSeparator;exports.MenuTrigger=ie.MenuTrigger;exports.Nav=ue.Nav;exports.NavGroup=ae.NavGroup;exports.NavItem=c.NavItem;exports.navItemBase=c.navItemBase;exports.PayFitBrand=ce.PayFitBrand;exports.PayFitBrandPreprod=se.PayFitBrandPreprod;exports.Pill=le.Pill;exports.ProgressBar=pe.ProgressBar;exports.SelectButton=qe.SelectButton;exports.SelectOption=de.SelectOption;exports.SelectOptionGroup=Fe.SelectOptionGroup;exports.SelectOptionHelper=Ae.SelectOptionHelper;exports.Select=xe.Select;exports.SelectField=me.SelectField;exports.Spinner=be.Spinner;exports.Tabs=ge.Tabs;exports.Tab=Te.Tab;exports.TabList=Me.TabList;exports.TabPanel=Pe.TabPanel;exports.Text=ke.Text;exports.text=Ce.text;exports.TextArea=s.TextArea;exports.textArea=s.textArea;exports.TextField=ve.TextField;exports.toast=Ie.toast;exports.TOAST_CONFIG=l.TOAST_CONFIG;exports.ToastManager=l.ToastManager;exports.useBreakpointListener=Se.useBreakpointListener;exports.useMediaQuery=Be.useMediaQuery;exports.useUnityForm=Le.useUnityForm;exports.RouterProvider=p.RouterProvider;exports.useRouter=p.useRouter;exports.UnityReactRouterV5Provider=Ge.UnityReactRouterV5Provider;Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>ye.DialogTrigger});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./components/actionable/Actionable.js"),C=require("./components/alert/Alert.js"),k=require("./components/alert/parts/AlertActions.js"),h=require("./components/alert/parts/AlertContent.js"),v=require("./components/alert/parts/AlertTitle.js"),I=require("./components/anchor/Anchor.js"),G=require("./components/app-layout/AppLayout.js"),L=require("./components/app-menu/AppMenu.js"),D=require("./components/app-menu/parts/AppMenuHeader.js"),H=require("./components/app-menu/parts/AppMenuFooter.js"),O=require("./components/app-menu/parts/AppMenuNavContent.js"),e=require("./components/app-menu/parts/AppMenu.context.js"),y=require("./components/avatar/Avatar.js"),N=require("./components/avatar/utils.js"),R=require("./components/avatar/parts/AvatarFallback.js"),f=require("./components/avatar/parts/AvatarImage.js"),_=require("./components/avatar/parts/AvatarPair.js"),U=require("./components/badge/Badge.js"),t=require("./components/bottom-sheet/BottomSheet.js"),r=require("./components/bottom-sheet/parts/BottomSheetHeader.js"),o=require("./components/bottom-sheet/parts/BottomSheetContent.js"),n=require("./components/bottom-sheet/parts/BottomSheetFooter.js"),Q=require("./components/breadcrumbs/Breadcrumbs.js"),V=require("./components/breadcrumbs/parts/Breadcrumb.js"),j=require("./components/button/Button.js"),i=require("./components/checkbox/Checkbox.js"),w=require("./components/checkbox-field/CheckboxField.js"),u=require("./components/checkbox-group/CheckboxGroup.js"),z=require("./components/checkbox-group-field/CheckboxGroupField.js"),E=require("./components/date-picker/DatePicker.js"),J=require("./components/date-picker-field/DatePickerField.js"),a=require("./components/dialog/Dialog.js"),K=require("./components/dialog/parts/DialogActions.js"),W=require("./components/dialog/parts/DialogActions/DialogButton.js"),X=require("./components/dialog/parts/DialogContent.js"),Y=require("./components/dialog/parts/DialogTitle.js"),l=require("./components/fieldset/Fieldset.js"),Z=require("./components/fieldset/parts/FieldGroup.js"),c=require("./components/flex/Flex.js"),s=require("./components/flex/Flex.variants.js"),d=require("./components/flex/FlexItem.js"),$=require("./components/form/Form.js"),ee=require("./components/form-field/FormField.js"),te=require("./components/form-field/parts/FormControl.js"),re=require("./components/form-field/parts/FormContextualLink.js"),oe=require("./components/form-field/parts/FormFeedbackText.js"),ne=require("./components/form-field/parts/FormHelperText.js"),ie=require("./components/form-field/parts/FormLabel.js"),p=require("./components/full-page-loader/FullPageLoader.js"),ue=require("./components/grid/Grid.js"),q=require("./components/grid/Grid.variants.js"),ae=require("./components/grid/GridItem.js"),le=require("./components/icon/Icon.js"),ce=require("./components/icon-button/IconButton.js"),se=require("./components/input/Input.js"),de=require("./components/label/Label.js"),pe=require("./components/link/Link.js"),qe=require("./components/menu/Menu.js"),Fe=require("./components/menu/parts/MenuContent.js"),Se=require("./components/menu/parts/MenuHeader.js"),me=require("./components/menu/parts/MenuItem.js"),be=require("./components/menu/parts/MenuSeparator.js"),Ae=require("./components/menu/parts/MenuTrigger.js"),Pe=require("./components/multi-select/MultiSelect.js"),xe=require("./components/multi-select/parts/MultiSelectOption.js"),Be=require("./components/multi-select/parts/MultiSelectOptGroup.js"),Me=require("./components/multi-select-field/MultiSelectField.js"),ge=require("./components/nav/Nav.js"),Te=require("./components/nav/parts/NavGroup.js"),F=require("./components/nav/parts/NavItem.js"),Ce=require("./components/payfit-brand/PayFitBrand.js"),ke=require("./components/payfit-brand/PayFitPreprod.js"),he=require("./components/pill/Pill.js"),ve=require("./components/progress-bar/ProgressBar.js"),Ie=require("./components/select/parts/SelectButton.js"),Ge=require("./components/select/parts/SelectOption.js"),Le=require("./components/select/parts/SelectOptionGroup.js"),De=require("./components/select/parts/SelectOptionHelper.js"),He=require("./components/select/Select.js"),Oe=require("./components/select-field/SelectField.js"),S=require("./components/selectable-button-group/SelectableButtonGroup.js"),m=require("./components/selectable-button-group/parts/SelectableButton.js"),b=require("./components/side-panel/SidePanel.js"),A=require("./components/side-panel/parts/SidePanelHeader.js"),P=require("./components/side-panel/parts/SidePanelContent.js"),x=require("./components/side-panel/parts/SidePanelFooter.js"),ye=require("./components/spinner/Spinner.js"),Ne=require("./components/tabs/Tabs.js"),Re=require("./components/tabs/parts/Tab.js"),fe=require("./components/tabs/parts/TabList.js"),_e=require("./components/tabs/parts/TabPanel.js"),Ue=require("./components/text/Text.js"),Qe=require("./components/text/Text.variants.js"),B=require("./components/text-area/TextArea.js"),Ve=require("./components/text-field/TextField.js"),je=require("./components/toast/toast.js"),M=require("./components/toast/ToastManager.js"),we=require("./components/tooltip/Tooltip.js"),ze=require("./hooks/use-breakpoint-listener.js"),Ee=require("./hooks/use-media-query.js"),Je=require("./hooks/use-form.js"),g=require("./providers/router/RouterProvider.js"),Ke=require("./providers/router/integrations/UnityReactRouterV5Provider.js"),We=require("react-aria-components");exports.Actionable=T.Actionable;exports.Alert=C.Alert;exports.AlertActions=k.AlertActions;exports.AlertContent=h.AlertContent;exports.AlertTitle=v.AlertTitle;exports.Anchor=I.Anchor;exports.AppLayout=G.AppLayout;exports.AppMenu=L.AppMenu;exports.AppMenuHeader=D.AppMenuHeader;exports.AppMenuFooter=H.AppMenuFooter;exports.AppMenuNavContent=O.AppMenuNavContent;exports.AppMenuContext=e.AppMenuContext;exports.AppMenuContextProvider=e.AppMenuContextProvider;exports.useAppMenuContext=e.useAppMenuContext;exports.Avatar=y.Avatar;exports.getInitials=N.getInitials;exports.AvatarFallback=R.AvatarFallback;exports.AvatarImage=f.AvatarImage;exports.AvatarPair=_.AvatarPair;exports.Badge=U.Badge;exports.BottomSheet=t.BottomSheet;exports.bottomSheet=t.bottomSheet;exports.BottomSheetHeader=r.BottomSheetHeader;exports.bottomSheetHeader=r.bottomSheetHeader;exports.BottomSheetContent=o.BottomSheetContent;exports.bottomSheetContent=o.bottomSheetContent;exports.BottomSheetFooter=n.BottomSheetFooter;exports.bottomSheetFooter=n.bottomSheetFooter;exports.Breadcrumbs=Q.Breadcrumbs;exports.Breadcrumb=V.Breadcrumb;exports.Button=j.Button;exports.Checkbox=i.Checkbox;exports.checkbox=i.checkbox;exports.CheckboxField=w.CheckboxField;exports.CheckboxGroup=u.CheckboxGroup;exports.checkboxGroup=u.checkboxGroup;exports.CheckboxGroupField=z.CheckboxGroupField;exports.DatePicker=E.DatePicker;exports.DatePickerField=J.DatePickerField;exports.Dialog=a.Dialog;exports.dialog=a.dialog;exports.DialogActions=K.DialogActions;exports.DialogButton=W.DialogButton;exports.DialogContent=X.DialogContent;exports.DialogTitle=Y.DialogTitle;exports.Fieldset=l.Fieldset;exports.fieldset=l.fieldset;exports.FieldGroup=Z.FieldGroup;exports.Flex=c.Flex;exports.Stack=c.Stack;exports.flex=s.flex;exports.flexItem=s.flexItem;exports.FlexItem=d.FlexItem;exports.StackItem=d.StackItem;exports.Form=$.Form;exports.FormField=ee.FormField;exports.FormControl=te.FormControl;exports.FormContextualLink=re.FormContextualLink;exports.FormFeedbackText=oe.FormFeedbackText;exports.FormHelperText=ne.FormHelperText;exports.FormLabel=ie.FormLabel;exports.FullPageLoader=p.FullPageLoader;exports.fullPageLoader=p.fullPageLoader;exports.Grid=ue.Grid;exports.grid=q.grid;exports.gridItem=q.gridItem;exports.GridItem=ae.GridItem;exports.Icon=le.Icon;exports.IconButton=ce.IconButton;exports.Input=se.Input;exports.Label=de.Label;exports.Link=pe.Link;exports.Menu=qe.Menu;exports.MenuContent=Fe.MenuContent;exports.MenuHeader=Se.MenuHeader;exports.MenuItem=me.MenuItem;exports.MenuSeparator=be.MenuSeparator;exports.MenuTrigger=Ae.MenuTrigger;exports.MultiSelect=Pe.MultiSelect;exports.MultiSelectOption=xe.MultiSelectOption;exports.MultiSelectOptGroup=Be.MultiSelectOptGroup;exports.MultiSelectField=Me.MultiSelectField;exports.Nav=ge.Nav;exports.NavGroup=Te.NavGroup;exports.NavItem=F.NavItem;exports.navItemBase=F.navItemBase;exports.PayFitBrand=Ce.PayFitBrand;exports.PayFitBrandPreprod=ke.PayFitBrandPreprod;exports.Pill=he.Pill;exports.ProgressBar=ve.ProgressBar;exports.SelectButton=Ie.SelectButton;exports.SelectOption=Ge.SelectOption;exports.SelectOptionGroup=Le.SelectOptionGroup;exports.SelectOptionHelper=De.SelectOptionHelper;exports.Select=He.Select;exports.SelectField=Oe.SelectField;exports.SelectableButtonGroup=S.SelectableButtonGroup;exports.selectableButtonGroup=S.selectableButtonGroup;exports.SelectableButton=m.SelectableButton;exports.selectableButton=m.selectableButton;exports.SidePanel=b.SidePanel;exports.sidePanel=b.sidePanel;exports.SidePanelHeader=A.SidePanelHeader;exports.sidePanelHeader=A.sidePanelHeader;exports.SidePanelContent=P.SidePanelContent;exports.sidePanelContent=P.sidePanelContent;exports.SidePanelFooter=x.SidePanelFooter;exports.sidePanelFooter=x.sidePanelFooter;exports.Spinner=ye.Spinner;exports.Tabs=Ne.Tabs;exports.Tab=Re.Tab;exports.TabList=fe.TabList;exports.TabPanel=_e.TabPanel;exports.Text=Ue.Text;exports.text=Qe.text;exports.TextArea=B.TextArea;exports.textArea=B.textArea;exports.TextField=Ve.TextField;exports.toast=je.toast;exports.TOAST_CONFIG=M.TOAST_CONFIG;exports.ToastManager=M.ToastManager;exports.Tooltip=we.Tooltip;exports.useBreakpointListener=ze.useBreakpointListener;exports.useMediaQuery=Ee.useMediaQuery;exports.useUnityForm=Je.useUnityForm;exports.RouterProvider=g.RouterProvider;exports.useRouter=g.useRouter;exports.UnityReactRouterV5Provider=Ke.UnityReactRouterV5Provider;Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>We.DialogTrigger});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type IconName<T extends string> = T extends `${infer Base}${'Filled' | 'Outlined'}` ? Base : T;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { ButtonProps as AriaButtonProps } from 'react-aria-components';
|
|
2
|
-
|
|
3
|
-
* The Actionable primitive is a component that helps you build interactive surfaces of any kind.
|
|
4
|
-
*/
|
|
5
|
-
declare const Actionable: import('react').ForwardRefExoticComponent<Omit<AriaButtonProps, "style" | "slot"> & {
|
|
2
|
+
interface ActionableProps extends AriaButtonProps {
|
|
6
3
|
/** Additional class names to apply to the actionable */
|
|
7
4
|
className?: string;
|
|
8
5
|
/** set to true to remove the Actionable's base styles */
|
|
9
6
|
isUnstyled?: boolean;
|
|
10
|
-
}
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* The Actionable primitive is a component that helps you build interactive surfaces of any kind.
|
|
10
|
+
*/
|
|
11
|
+
declare const Actionable: import('react').ForwardRefExoticComponent<ActionableProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
11
12
|
export { Actionable };
|