genesys-spark-components-react 4.0.0-beta.8 → 4.0.1

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.
Files changed (9) hide show
  1. package/README.md +32 -2
  2. package/dist/index.d.ts +26 -26
  3. package/dist/index.js +26 -26
  4. package/dist/react-component-lib/createComponent.js +1 -1
  5. package/dist/react-component-lib/createOverlayComponent.js +1 -1
  6. package/dist/react-component-lib/utils/attachProps.d.ts +4 -0
  7. package/dist/react-component-lib/utils/attachProps.js +11 -1
  8. package/dist/react-component-lib/utils/index.js +2 -4
  9. package/package.json +11 -11
package/README.md CHANGED
@@ -1,3 +1,33 @@
1
- # genesys-spark-components-react
1
+ # React Integration
2
2
 
3
- This should contain useful information about the package
3
+ This package generates a set of react wrapper elements which are published in `genesys-spark-components-react` and should be used in favor of directly using the custom elements in a React app.
4
+
5
+ ## Installation
6
+
7
+ Install `genesys-spark-components-react` with same version as the desired `genesys-spark-components` version. (e.g. `genesys-spark-components-react@X.Y.Z` will install `genesys-spark-components@X.Y.Z`). To avoid version conflicts, remove the direct dependency on `genesys-spark-components` if adding to an existing consumer of the spark components.
8
+
9
+ ## Usage
10
+
11
+ Native React elements are imported from `genesys-spark-components-react`, the custom elements still need to be registered as before, (e.g. with `registerElements` imported from `genesys-spark-components`).
12
+
13
+ ## Example
14
+
15
+ ```ts
16
+ import { registerElements } from 'genesys-spark-components';
17
+ import { GuxButton } from 'genesys-spark-components-react';
18
+ registerElements(); // Realistically this would probably be in something like index.tsx
19
+
20
+ const MyReactComponent = () => {
21
+ const [counter, setCounter] = useState(0);
22
+
23
+ return (
24
+ <GuxButton onClick={() => setCounter(x => x + 1)}>
25
+ You have clicked {counter} times
26
+ </GuxButton>
27
+ );
28
+ };
29
+ ```
30
+
31
+ ## Events
32
+
33
+ If a stencil component defines an event called `eventname`, then the React wrapper element will have a corresponding `onEventname` prop. For example, `<GuxModal>` has `onGuxdismiss` corresponding to the `guxdismiss` event from `<gux-modal>`.
package/dist/index.d.ts CHANGED
@@ -4,36 +4,36 @@ export declare const GuxAccordion: import("react").ForwardRefExoticComponent<JSX
4
4
  export declare const GuxAccordionSection: import("react").ForwardRefExoticComponent<JSX.GuxAccordionSection & Omit<import("react").HTMLAttributes<HTMLGuxAccordionSectionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxAccordionSectionElement>>;
5
5
  export declare const GuxActionButton: import("react").ForwardRefExoticComponent<JSX.GuxActionButton & Omit<import("react").HTMLAttributes<HTMLGuxActionButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxActionButtonElement>>;
6
6
  export declare const GuxActionToastLegacy: import("react").ForwardRefExoticComponent<JSX.GuxActionToastLegacy & Omit<import("react").HTMLAttributes<HTMLGuxActionToastLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxActionToastLegacyElement>>;
7
- export declare const GuxAdvancedDropdown: import("react").ForwardRefExoticComponent<JSX.GuxAdvancedDropdown & Omit<import("react").HTMLAttributes<HTMLGuxAdvancedDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxAdvancedDropdownElement>>;
7
+ export declare const GuxAdvancedDropdownLegacy: import("react").ForwardRefExoticComponent<JSX.GuxAdvancedDropdownLegacy & Omit<import("react").HTMLAttributes<HTMLGuxAdvancedDropdownLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxAdvancedDropdownLegacyElement>>;
8
8
  export declare const GuxAllRowSelect: import("react").ForwardRefExoticComponent<JSX.GuxAllRowSelect & Omit<import("react").HTMLAttributes<HTMLGuxAllRowSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxAllRowSelectElement>>;
9
9
  export declare const GuxAnnounceBeta: import("react").ForwardRefExoticComponent<JSX.GuxAnnounceBeta & Omit<import("react").HTMLAttributes<HTMLGuxAnnounceBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxAnnounceBetaElement>>;
10
- export declare const GuxBadgeBeta: import("react").ForwardRefExoticComponent<JSX.GuxBadgeBeta & Omit<import("react").HTMLAttributes<HTMLGuxBadgeBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxBadgeBetaElement>>;
11
- export declare const GuxBlankStateBeta: import("react").ForwardRefExoticComponent<JSX.GuxBlankStateBeta & Omit<import("react").HTMLAttributes<HTMLGuxBlankStateBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxBlankStateBetaElement>>;
10
+ export declare const GuxBadge: import("react").ForwardRefExoticComponent<JSX.GuxBadge & Omit<import("react").HTMLAttributes<HTMLGuxBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxBadgeElement>>;
11
+ export declare const GuxBlankState: import("react").ForwardRefExoticComponent<JSX.GuxBlankState & Omit<import("react").HTMLAttributes<HTMLGuxBlankStateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxBlankStateElement>>;
12
12
  export declare const GuxBreadcrumbItem: import("react").ForwardRefExoticComponent<JSX.GuxBreadcrumbItem & Omit<import("react").HTMLAttributes<HTMLGuxBreadcrumbItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxBreadcrumbItemElement>>;
13
13
  export declare const GuxBreadcrumbs: import("react").ForwardRefExoticComponent<JSX.GuxBreadcrumbs & Omit<import("react").HTMLAttributes<HTMLGuxBreadcrumbsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxBreadcrumbsElement>>;
14
14
  export declare const GuxButton: import("react").ForwardRefExoticComponent<JSX.GuxButton & Omit<import("react").HTMLAttributes<HTMLGuxButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxButtonElement>>;
15
15
  export declare const GuxButtonMulti: import("react").ForwardRefExoticComponent<JSX.GuxButtonMulti & Omit<import("react").HTMLAttributes<HTMLGuxButtonMultiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxButtonMultiElement>>;
16
- export declare const GuxButtonSlotBeta: import("react").ForwardRefExoticComponent<JSX.GuxButtonSlotBeta & Omit<import("react").HTMLAttributes<HTMLGuxButtonSlotBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxButtonSlotBetaElement>>;
16
+ export declare const GuxButtonSlot: import("react").ForwardRefExoticComponent<JSX.GuxButtonSlot & Omit<import("react").HTMLAttributes<HTMLGuxButtonSlotElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxButtonSlotElement>>;
17
17
  export declare const GuxCalendar: import("react").ForwardRefExoticComponent<JSX.GuxCalendar & Omit<import("react").HTMLAttributes<HTMLGuxCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxCalendarElement>>;
18
18
  export declare const GuxCalendarBeta: import("react").ForwardRefExoticComponent<JSX.GuxCalendarBeta & Omit<import("react").HTMLAttributes<HTMLGuxCalendarBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxCalendarBetaElement>>;
19
19
  export declare const GuxCard: import("react").ForwardRefExoticComponent<JSX.GuxCard & Omit<import("react").HTMLAttributes<HTMLGuxCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxCardElement>>;
20
- export declare const GuxColumnManagerBeta: import("react").ForwardRefExoticComponent<JSX.GuxColumnManagerBeta & Omit<import("react").HTMLAttributes<HTMLGuxColumnManagerBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxColumnManagerBetaElement>>;
20
+ export declare const GuxColumnManager: import("react").ForwardRefExoticComponent<JSX.GuxColumnManager & Omit<import("react").HTMLAttributes<HTMLGuxColumnManagerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxColumnManagerElement>>;
21
21
  export declare const GuxColumnManagerItem: import("react").ForwardRefExoticComponent<JSX.GuxColumnManagerItem & Omit<import("react").HTMLAttributes<HTMLGuxColumnManagerItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxColumnManagerItemElement>>;
22
22
  export declare const GuxContentSearch: import("react").ForwardRefExoticComponent<JSX.GuxContentSearch & Omit<import("react").HTMLAttributes<HTMLGuxContentSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxContentSearchElement>>;
23
- export declare const GuxContextMenuBeta: import("react").ForwardRefExoticComponent<JSX.GuxContextMenuBeta & Omit<import("react").HTMLAttributes<HTMLGuxContextMenuBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxContextMenuBetaElement>>;
23
+ export declare const GuxContextMenu: import("react").ForwardRefExoticComponent<JSX.GuxContextMenu & Omit<import("react").HTMLAttributes<HTMLGuxContextMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxContextMenuElement>>;
24
24
  export declare const GuxCopyToClipboard: import("react").ForwardRefExoticComponent<JSX.GuxCopyToClipboard & Omit<import("react").HTMLAttributes<HTMLGuxCopyToClipboardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxCopyToClipboardElement>>;
25
25
  export declare const GuxCreateOption: import("react").ForwardRefExoticComponent<JSX.GuxCreateOption & Omit<import("react").HTMLAttributes<HTMLGuxCreateOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxCreateOptionElement>>;
26
26
  export declare const GuxDateBeta: import("react").ForwardRefExoticComponent<JSX.GuxDateBeta & Omit<import("react").HTMLAttributes<HTMLGuxDateBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDateBetaElement>>;
27
27
  export declare const GuxDateTimeBeta: import("react").ForwardRefExoticComponent<JSX.GuxDateTimeBeta & Omit<import("react").HTMLAttributes<HTMLGuxDateTimeBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDateTimeBetaElement>>;
28
28
  export declare const GuxDatepicker: import("react").ForwardRefExoticComponent<JSX.GuxDatepicker & Omit<import("react").HTMLAttributes<HTMLGuxDatepickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDatepickerElement>>;
29
- export declare const GuxDisclosureButton: import("react").ForwardRefExoticComponent<JSX.GuxDisclosureButton & Omit<import("react").HTMLAttributes<HTMLGuxDisclosureButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDisclosureButtonElement>>;
29
+ export declare const GuxDisclosureButtonLegacy: import("react").ForwardRefExoticComponent<JSX.GuxDisclosureButtonLegacy & Omit<import("react").HTMLAttributes<HTMLGuxDisclosureButtonLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDisclosureButtonLegacyElement>>;
30
30
  export declare const GuxDismissButton: import("react").ForwardRefExoticComponent<JSX.GuxDismissButton & Omit<import("react").HTMLAttributes<HTMLGuxDismissButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDismissButtonElement>>;
31
31
  export declare const GuxDropdown: import("react").ForwardRefExoticComponent<JSX.GuxDropdown & Omit<import("react").HTMLAttributes<HTMLGuxDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDropdownElement>>;
32
- export declare const GuxDropdownMultiBeta: import("react").ForwardRefExoticComponent<JSX.GuxDropdownMultiBeta & Omit<import("react").HTMLAttributes<HTMLGuxDropdownMultiBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDropdownMultiBetaElement>>;
32
+ export declare const GuxDropdownMulti: import("react").ForwardRefExoticComponent<JSX.GuxDropdownMulti & Omit<import("react").HTMLAttributes<HTMLGuxDropdownMultiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDropdownMultiElement>>;
33
33
  export declare const GuxDropdownMultiTag: import("react").ForwardRefExoticComponent<JSX.GuxDropdownMultiTag & Omit<import("react").HTMLAttributes<HTMLGuxDropdownMultiTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDropdownMultiTagElement>>;
34
34
  export declare const GuxDropdownOption: import("react").ForwardRefExoticComponent<JSX.GuxDropdownOption & Omit<import("react").HTMLAttributes<HTMLGuxDropdownOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxDropdownOptionElement>>;
35
- export declare const GuxErrorMessageBeta: import("react").ForwardRefExoticComponent<JSX.GuxErrorMessageBeta & Omit<import("react").HTMLAttributes<HTMLGuxErrorMessageBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxErrorMessageBetaElement>>;
36
- export declare const GuxFlyoutMenuBeta: import("react").ForwardRefExoticComponent<JSX.GuxFlyoutMenuBeta & Omit<import("react").HTMLAttributes<HTMLGuxFlyoutMenuBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFlyoutMenuBetaElement>>;
35
+ export declare const GuxFlagIconBeta: import("react").ForwardRefExoticComponent<JSX.GuxFlagIconBeta & Omit<import("react").HTMLAttributes<HTMLGuxFlagIconBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFlagIconBetaElement>>;
36
+ export declare const GuxFlyoutMenu: import("react").ForwardRefExoticComponent<JSX.GuxFlyoutMenu & Omit<import("react").HTMLAttributes<HTMLGuxFlyoutMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFlyoutMenuElement>>;
37
37
  export declare const GuxFormFieldCheckbox: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldCheckbox & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldCheckboxElement>>;
38
38
  export declare const GuxFormFieldColor: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldColor & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldColorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldColorElement>>;
39
39
  export declare const GuxFormFieldDropdown: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldDropdown & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldDropdownElement>>;
@@ -47,6 +47,7 @@ export declare const GuxFormFieldSelect: import("react").ForwardRefExoticCompone
47
47
  export declare const GuxFormFieldTextLike: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTextLike & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTextLikeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTextLikeElement>>;
48
48
  export declare const GuxFormFieldTextarea: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTextarea & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTextareaElement>>;
49
49
  export declare const GuxFormFieldTimePicker: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTimePicker & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTimePickerElement>>;
50
+ export declare const GuxFormFieldTimeZonePicker: import("react").ForwardRefExoticComponent<JSX.GuxFormFieldTimeZonePicker & Omit<import("react").HTMLAttributes<HTMLGuxFormFieldTimeZonePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxFormFieldTimeZonePickerElement>>;
50
51
  export declare const GuxIcon: import("react").ForwardRefExoticComponent<JSX.GuxIcon & Omit<import("react").HTMLAttributes<HTMLGuxIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxIconElement>>;
51
52
  export declare const GuxInlineAlert: import("react").ForwardRefExoticComponent<JSX.GuxInlineAlert & Omit<import("react").HTMLAttributes<HTMLGuxInlineAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxInlineAlertElement>>;
52
53
  export declare const GuxList: import("react").ForwardRefExoticComponent<JSX.GuxList & Omit<import("react").HTMLAttributes<HTMLGuxListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxListElement>>;
@@ -54,10 +55,11 @@ export declare const GuxListDivider: import("react").ForwardRefExoticComponent<J
54
55
  export declare const GuxListItem: import("react").ForwardRefExoticComponent<JSX.GuxListItem & Omit<import("react").HTMLAttributes<HTMLGuxListItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxListItemElement>>;
55
56
  export declare const GuxListbox: import("react").ForwardRefExoticComponent<JSX.GuxListbox & Omit<import("react").HTMLAttributes<HTMLGuxListboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxListboxElement>>;
56
57
  export declare const GuxListboxMulti: import("react").ForwardRefExoticComponent<JSX.GuxListboxMulti & Omit<import("react").HTMLAttributes<HTMLGuxListboxMultiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxListboxMultiElement>>;
57
- export declare const GuxLoadingMessageBeta: import("react").ForwardRefExoticComponent<JSX.GuxLoadingMessageBeta & Omit<import("react").HTMLAttributes<HTMLGuxLoadingMessageBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxLoadingMessageBetaElement>>;
58
+ export declare const GuxLoadingMessage: import("react").ForwardRefExoticComponent<JSX.GuxLoadingMessage & Omit<import("react").HTMLAttributes<HTMLGuxLoadingMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxLoadingMessageElement>>;
58
59
  export declare const GuxMenu: import("react").ForwardRefExoticComponent<JSX.GuxMenu & Omit<import("react").HTMLAttributes<HTMLGuxMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxMenuElement>>;
59
60
  export declare const GuxMenuOption: import("react").ForwardRefExoticComponent<JSX.GuxMenuOption & Omit<import("react").HTMLAttributes<HTMLGuxMenuOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxMenuOptionElement>>;
60
61
  export declare const GuxModal: import("react").ForwardRefExoticComponent<JSX.GuxModal & Omit<import("react").HTMLAttributes<HTMLGuxModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxModalElement>>;
62
+ export declare const GuxModalLegacy: import("react").ForwardRefExoticComponent<JSX.GuxModalLegacy & Omit<import("react").HTMLAttributes<HTMLGuxModalLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxModalLegacyElement>>;
61
63
  export declare const GuxMonthCalendar: import("react").ForwardRefExoticComponent<JSX.GuxMonthCalendar & Omit<import("react").HTMLAttributes<HTMLGuxMonthCalendarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxMonthCalendarElement>>;
62
64
  export declare const GuxMonthList: import("react").ForwardRefExoticComponent<JSX.GuxMonthList & Omit<import("react").HTMLAttributes<HTMLGuxMonthListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxMonthListElement>>;
63
65
  export declare const GuxMonthListItem: import("react").ForwardRefExoticComponent<JSX.GuxMonthListItem & Omit<import("react").HTMLAttributes<HTMLGuxMonthListItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxMonthListItemElement>>;
@@ -68,54 +70,52 @@ export declare const GuxOptionIcon: import("react").ForwardRefExoticComponent<JS
68
70
  export declare const GuxOptionMulti: import("react").ForwardRefExoticComponent<JSX.GuxOptionMulti & Omit<import("react").HTMLAttributes<HTMLGuxOptionMultiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxOptionMultiElement>>;
69
71
  export declare const GuxPageLoadingSpinner: import("react").ForwardRefExoticComponent<JSX.GuxPageLoadingSpinner & Omit<import("react").HTMLAttributes<HTMLGuxPageLoadingSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPageLoadingSpinnerElement>>;
70
72
  export declare const GuxPagination: import("react").ForwardRefExoticComponent<JSX.GuxPagination & Omit<import("react").HTMLAttributes<HTMLGuxPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationElement>>;
71
- export declare const GuxPaginationBeta: import("react").ForwardRefExoticComponent<JSX.GuxPaginationBeta & Omit<import("react").HTMLAttributes<HTMLGuxPaginationBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationBetaElement>>;
72
73
  export declare const GuxPaginationButtons: import("react").ForwardRefExoticComponent<JSX.GuxPaginationButtons & Omit<import("react").HTMLAttributes<HTMLGuxPaginationButtonsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationButtonsElement>>;
73
- export declare const GuxPaginationButtonsBeta: import("react").ForwardRefExoticComponent<JSX.GuxPaginationButtonsBeta & Omit<import("react").HTMLAttributes<HTMLGuxPaginationButtonsBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationButtonsBetaElement>>;
74
+ export declare const GuxPaginationButtonsLegacy: import("react").ForwardRefExoticComponent<JSX.GuxPaginationButtonsLegacy & Omit<import("react").HTMLAttributes<HTMLGuxPaginationButtonsLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationButtonsLegacyElement>>;
74
75
  export declare const GuxPaginationCursor: import("react").ForwardRefExoticComponent<JSX.GuxPaginationCursor & Omit<import("react").HTMLAttributes<HTMLGuxPaginationCursorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationCursorElement>>;
75
76
  export declare const GuxPaginationEllipsisButton: import("react").ForwardRefExoticComponent<JSX.GuxPaginationEllipsisButton & Omit<import("react").HTMLAttributes<HTMLGuxPaginationEllipsisButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationEllipsisButtonElement>>;
76
77
  export declare const GuxPaginationItemCounts: import("react").ForwardRefExoticComponent<JSX.GuxPaginationItemCounts & Omit<import("react").HTMLAttributes<HTMLGuxPaginationItemCountsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationItemCountsElement>>;
77
- export declare const GuxPaginationItemCountsBeta: import("react").ForwardRefExoticComponent<JSX.GuxPaginationItemCountsBeta & Omit<import("react").HTMLAttributes<HTMLGuxPaginationItemCountsBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationItemCountsBetaElement>>;
78
+ export declare const GuxPaginationItemCountsLegacy: import("react").ForwardRefExoticComponent<JSX.GuxPaginationItemCountsLegacy & Omit<import("react").HTMLAttributes<HTMLGuxPaginationItemCountsLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationItemCountsLegacyElement>>;
78
79
  export declare const GuxPaginationItemsPerPage: import("react").ForwardRefExoticComponent<JSX.GuxPaginationItemsPerPage & Omit<import("react").HTMLAttributes<HTMLGuxPaginationItemsPerPageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationItemsPerPageElement>>;
79
- export declare const GuxPaginationItemsPerPageBeta: import("react").ForwardRefExoticComponent<JSX.GuxPaginationItemsPerPageBeta & Omit<import("react").HTMLAttributes<HTMLGuxPaginationItemsPerPageBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationItemsPerPageBetaElement>>;
80
+ export declare const GuxPaginationItemsPerPageLegacy: import("react").ForwardRefExoticComponent<JSX.GuxPaginationItemsPerPageLegacy & Omit<import("react").HTMLAttributes<HTMLGuxPaginationItemsPerPageLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationItemsPerPageLegacyElement>>;
81
+ export declare const GuxPaginationLegacy: import("react").ForwardRefExoticComponent<JSX.GuxPaginationLegacy & Omit<import("react").HTMLAttributes<HTMLGuxPaginationLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPaginationLegacyElement>>;
80
82
  export declare const GuxPhoneInputBeta: import("react").ForwardRefExoticComponent<JSX.GuxPhoneInputBeta & Omit<import("react").HTMLAttributes<HTMLGuxPhoneInputBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPhoneInputBetaElement>>;
81
83
  export declare const GuxPopover: import("react").ForwardRefExoticComponent<JSX.GuxPopover & Omit<import("react").HTMLAttributes<HTMLGuxPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPopoverElement>>;
82
- export declare const GuxPopoverBeta: import("react").ForwardRefExoticComponent<JSX.GuxPopoverBeta & Omit<import("react").HTMLAttributes<HTMLGuxPopoverBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPopoverBetaElement>>;
83
84
  export declare const GuxPopoverList: import("react").ForwardRefExoticComponent<JSX.GuxPopoverList & Omit<import("react").HTMLAttributes<HTMLGuxPopoverListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPopoverListElement>>;
84
- export declare const GuxPopoverListBeta: import("react").ForwardRefExoticComponent<JSX.GuxPopoverListBeta & Omit<import("react").HTMLAttributes<HTMLGuxPopoverListBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPopoverListBetaElement>>;
85
85
  export declare const GuxPopup: import("react").ForwardRefExoticComponent<JSX.GuxPopup & Omit<import("react").HTMLAttributes<HTMLGuxPopupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxPopupElement>>;
86
86
  export declare const GuxRadialLoading: import("react").ForwardRefExoticComponent<JSX.GuxRadialLoading & Omit<import("react").HTMLAttributes<HTMLGuxRadialLoadingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxRadialLoadingElement>>;
87
87
  export declare const GuxRadialProgress: import("react").ForwardRefExoticComponent<JSX.GuxRadialProgress & Omit<import("react").HTMLAttributes<HTMLGuxRadialProgressElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxRadialProgressElement>>;
88
88
  export declare const GuxRating: import("react").ForwardRefExoticComponent<JSX.GuxRating & Omit<import("react").HTMLAttributes<HTMLGuxRatingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxRatingElement>>;
89
- export declare const GuxRegionIcon: import("react").ForwardRefExoticComponent<JSX.GuxRegionIcon & Omit<import("react").HTMLAttributes<HTMLGuxRegionIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxRegionIconElement>>;
90
89
  export declare const GuxRowSelect: import("react").ForwardRefExoticComponent<JSX.GuxRowSelect & Omit<import("react").HTMLAttributes<HTMLGuxRowSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxRowSelectElement>>;
91
90
  export declare const GuxScreenReaderBeta: import("react").ForwardRefExoticComponent<JSX.GuxScreenReaderBeta & Omit<import("react").HTMLAttributes<HTMLGuxScreenReaderBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxScreenReaderBetaElement>>;
91
+ export declare const GuxSegmentedControlBeta: import("react").ForwardRefExoticComponent<JSX.GuxSegmentedControlBeta & Omit<import("react").HTMLAttributes<HTMLGuxSegmentedControlBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSegmentedControlBetaElement>>;
92
+ export declare const GuxSegmentedControlItem: import("react").ForwardRefExoticComponent<JSX.GuxSegmentedControlItem & Omit<import("react").HTMLAttributes<HTMLGuxSegmentedControlItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSegmentedControlItemElement>>;
92
93
  export declare const GuxSimpleToastLegacy: import("react").ForwardRefExoticComponent<JSX.GuxSimpleToastLegacy & Omit<import("react").HTMLAttributes<HTMLGuxSimpleToastLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSimpleToastLegacyElement>>;
93
94
  export declare const GuxSkipNavigationItem: import("react").ForwardRefExoticComponent<JSX.GuxSkipNavigationItem & Omit<import("react").HTMLAttributes<HTMLGuxSkipNavigationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSkipNavigationItemElement>>;
94
- export declare const GuxSkipNavigationListBeta: import("react").ForwardRefExoticComponent<JSX.GuxSkipNavigationListBeta & Omit<import("react").HTMLAttributes<HTMLGuxSkipNavigationListBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSkipNavigationListBetaElement>>;
95
+ export declare const GuxSkipNavigationList: import("react").ForwardRefExoticComponent<JSX.GuxSkipNavigationList & Omit<import("react").HTMLAttributes<HTMLGuxSkipNavigationListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSkipNavigationListElement>>;
95
96
  export declare const GuxSortControl: import("react").ForwardRefExoticComponent<JSX.GuxSortControl & Omit<import("react").HTMLAttributes<HTMLGuxSortControlElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSortControlElement>>;
96
97
  export declare const GuxSubmenu: import("react").ForwardRefExoticComponent<JSX.GuxSubmenu & Omit<import("react").HTMLAttributes<HTMLGuxSubmenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSubmenuElement>>;
97
- export declare const GuxSwitch: import("react").ForwardRefExoticComponent<JSX.GuxSwitch & Omit<import("react").HTMLAttributes<HTMLGuxSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSwitchElement>>;
98
98
  export declare const GuxSwitchItem: import("react").ForwardRefExoticComponent<JSX.GuxSwitchItem & Omit<import("react").HTMLAttributes<HTMLGuxSwitchItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSwitchItemElement>>;
99
+ export declare const GuxSwitchLegacy: import("react").ForwardRefExoticComponent<JSX.GuxSwitchLegacy & Omit<import("react").HTMLAttributes<HTMLGuxSwitchLegacyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxSwitchLegacyElement>>;
99
100
  export declare const GuxTab: import("react").ForwardRefExoticComponent<JSX.GuxTab & Omit<import("react").HTMLAttributes<HTMLGuxTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabElement>>;
100
101
  export declare const GuxTabAdvanced: import("react").ForwardRefExoticComponent<JSX.GuxTabAdvanced & Omit<import("react").HTMLAttributes<HTMLGuxTabAdvancedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabAdvancedElement>>;
101
102
  export declare const GuxTabAdvancedList: import("react").ForwardRefExoticComponent<JSX.GuxTabAdvancedList & Omit<import("react").HTMLAttributes<HTMLGuxTabAdvancedListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabAdvancedListElement>>;
102
103
  export declare const GuxTabAdvancedPanel: import("react").ForwardRefExoticComponent<JSX.GuxTabAdvancedPanel & Omit<import("react").HTMLAttributes<HTMLGuxTabAdvancedPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabAdvancedPanelElement>>;
103
104
  export declare const GuxTabList: import("react").ForwardRefExoticComponent<JSX.GuxTabList & Omit<import("react").HTMLAttributes<HTMLGuxTabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabListElement>>;
104
105
  export declare const GuxTabPanel: import("react").ForwardRefExoticComponent<JSX.GuxTabPanel & Omit<import("react").HTMLAttributes<HTMLGuxTabPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabPanelElement>>;
105
- export declare const GuxTabPanelBeta: import("react").ForwardRefExoticComponent<JSX.GuxTabPanelBeta & Omit<import("react").HTMLAttributes<HTMLGuxTabPanelBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabPanelBetaElement>>;
106
- export declare const GuxTableBeta: import("react").ForwardRefExoticComponent<JSX.GuxTableBeta & Omit<import("react").HTMLAttributes<HTMLGuxTableBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableBetaElement>>;
106
+ export declare const GuxTable: import("react").ForwardRefExoticComponent<JSX.GuxTable & Omit<import("react").HTMLAttributes<HTMLGuxTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableElement>>;
107
107
  export declare const GuxTableSelectMenu: import("react").ForwardRefExoticComponent<JSX.GuxTableSelectMenu & Omit<import("react").HTMLAttributes<HTMLGuxTableSelectMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableSelectMenuElement>>;
108
- export declare const GuxTableSelectPopover: import("react").ForwardRefExoticComponent<JSX.GuxTableSelectPopover & Omit<import("react").HTMLAttributes<HTMLGuxTableSelectPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableSelectPopoverElement>>;
108
+ export declare const GuxTableToolbar: import("react").ForwardRefExoticComponent<JSX.GuxTableToolbar & Omit<import("react").HTMLAttributes<HTMLGuxTableToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableToolbarElement>>;
109
109
  export declare const GuxTableToolbarAction: import("react").ForwardRefExoticComponent<JSX.GuxTableToolbarAction & Omit<import("react").HTMLAttributes<HTMLGuxTableToolbarActionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableToolbarActionElement>>;
110
- export declare const GuxTableToolbarBeta: import("react").ForwardRefExoticComponent<JSX.GuxTableToolbarBeta & Omit<import("react").HTMLAttributes<HTMLGuxTableToolbarBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableToolbarBetaElement>>;
111
110
  export declare const GuxTableToolbarCustomAction: import("react").ForwardRefExoticComponent<JSX.GuxTableToolbarCustomAction & Omit<import("react").HTMLAttributes<HTMLGuxTableToolbarCustomActionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableToolbarCustomActionElement>>;
112
111
  export declare const GuxTableToolbarMenuButton: import("react").ForwardRefExoticComponent<JSX.GuxTableToolbarMenuButton & Omit<import("react").HTMLAttributes<HTMLGuxTableToolbarMenuButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTableToolbarMenuButtonElement>>;
113
112
  export declare const GuxTabs: import("react").ForwardRefExoticComponent<JSX.GuxTabs & Omit<import("react").HTMLAttributes<HTMLGuxTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabsElement>>;
114
113
  export declare const GuxTabsAdvanced: import("react").ForwardRefExoticComponent<JSX.GuxTabsAdvanced & Omit<import("react").HTMLAttributes<HTMLGuxTabsAdvancedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTabsAdvancedElement>>;
115
- export declare const GuxTagBeta: import("react").ForwardRefExoticComponent<JSX.GuxTagBeta & Omit<import("react").HTMLAttributes<HTMLGuxTagBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTagBetaElement>>;
114
+ export declare const GuxTag: import("react").ForwardRefExoticComponent<JSX.GuxTag & Omit<import("react").HTMLAttributes<HTMLGuxTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTagElement>>;
116
115
  export declare const GuxTextHighlight: import("react").ForwardRefExoticComponent<JSX.GuxTextHighlight & Omit<import("react").HTMLAttributes<HTMLGuxTextHighlightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTextHighlightElement>>;
117
116
  export declare const GuxTimeBeta: import("react").ForwardRefExoticComponent<JSX.GuxTimeBeta & Omit<import("react").HTMLAttributes<HTMLGuxTimeBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTimeBetaElement>>;
118
- export declare const GuxTimePickerBeta: import("react").ForwardRefExoticComponent<JSX.GuxTimePickerBeta & Omit<import("react").HTMLAttributes<HTMLGuxTimePickerBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTimePickerBetaElement>>;
117
+ export declare const GuxTimePicker: import("react").ForwardRefExoticComponent<JSX.GuxTimePicker & Omit<import("react").HTMLAttributes<HTMLGuxTimePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTimePickerElement>>;
118
+ export declare const GuxTimeZonePickerBeta: import("react").ForwardRefExoticComponent<JSX.GuxTimeZonePickerBeta & Omit<import("react").HTMLAttributes<HTMLGuxTimeZonePickerBetaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxTimeZonePickerBetaElement>>;
119
119
  export declare const GuxToast: import("react").ForwardRefExoticComponent<JSX.GuxToast & Omit<import("react").HTMLAttributes<HTMLGuxToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxToastElement>>;
120
120
  export declare const GuxToggle: import("react").ForwardRefExoticComponent<JSX.GuxToggle & Omit<import("react").HTMLAttributes<HTMLGuxToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxToggleElement>>;
121
121
  export declare const GuxToggleSlider: import("react").ForwardRefExoticComponent<JSX.GuxToggleSlider & Omit<import("react").HTMLAttributes<HTMLGuxToggleSliderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLGuxToggleSliderElement>>;
package/dist/index.js CHANGED
@@ -6,36 +6,36 @@ export const GuxAccordion = /*@__PURE__*/ createReactComponent('gux-accordion');
6
6
  export const GuxAccordionSection = /*@__PURE__*/ createReactComponent('gux-accordion-section');
7
7
  export const GuxActionButton = /*@__PURE__*/ createReactComponent('gux-action-button');
8
8
  export const GuxActionToastLegacy = /*@__PURE__*/ createReactComponent('gux-action-toast-legacy');
9
- export const GuxAdvancedDropdown = /*@__PURE__*/ createReactComponent('gux-advanced-dropdown');
9
+ export const GuxAdvancedDropdownLegacy = /*@__PURE__*/ createReactComponent('gux-advanced-dropdown-legacy');
10
10
  export const GuxAllRowSelect = /*@__PURE__*/ createReactComponent('gux-all-row-select');
11
11
  export const GuxAnnounceBeta = /*@__PURE__*/ createReactComponent('gux-announce-beta');
12
- export const GuxBadgeBeta = /*@__PURE__*/ createReactComponent('gux-badge-beta');
13
- export const GuxBlankStateBeta = /*@__PURE__*/ createReactComponent('gux-blank-state-beta');
12
+ export const GuxBadge = /*@__PURE__*/ createReactComponent('gux-badge');
13
+ export const GuxBlankState = /*@__PURE__*/ createReactComponent('gux-blank-state');
14
14
  export const GuxBreadcrumbItem = /*@__PURE__*/ createReactComponent('gux-breadcrumb-item');
15
15
  export const GuxBreadcrumbs = /*@__PURE__*/ createReactComponent('gux-breadcrumbs');
16
16
  export const GuxButton = /*@__PURE__*/ createReactComponent('gux-button');
17
17
  export const GuxButtonMulti = /*@__PURE__*/ createReactComponent('gux-button-multi');
18
- export const GuxButtonSlotBeta = /*@__PURE__*/ createReactComponent('gux-button-slot-beta');
18
+ export const GuxButtonSlot = /*@__PURE__*/ createReactComponent('gux-button-slot');
19
19
  export const GuxCalendar = /*@__PURE__*/ createReactComponent('gux-calendar');
20
20
  export const GuxCalendarBeta = /*@__PURE__*/ createReactComponent('gux-calendar-beta');
21
21
  export const GuxCard = /*@__PURE__*/ createReactComponent('gux-card');
22
- export const GuxColumnManagerBeta = /*@__PURE__*/ createReactComponent('gux-column-manager-beta');
22
+ export const GuxColumnManager = /*@__PURE__*/ createReactComponent('gux-column-manager');
23
23
  export const GuxColumnManagerItem = /*@__PURE__*/ createReactComponent('gux-column-manager-item');
24
24
  export const GuxContentSearch = /*@__PURE__*/ createReactComponent('gux-content-search');
25
- export const GuxContextMenuBeta = /*@__PURE__*/ createReactComponent('gux-context-menu-beta');
25
+ export const GuxContextMenu = /*@__PURE__*/ createReactComponent('gux-context-menu');
26
26
  export const GuxCopyToClipboard = /*@__PURE__*/ createReactComponent('gux-copy-to-clipboard');
27
27
  export const GuxCreateOption = /*@__PURE__*/ createReactComponent('gux-create-option');
28
28
  export const GuxDateBeta = /*@__PURE__*/ createReactComponent('gux-date-beta');
29
29
  export const GuxDateTimeBeta = /*@__PURE__*/ createReactComponent('gux-date-time-beta');
30
30
  export const GuxDatepicker = /*@__PURE__*/ createReactComponent('gux-datepicker');
31
- export const GuxDisclosureButton = /*@__PURE__*/ createReactComponent('gux-disclosure-button');
31
+ export const GuxDisclosureButtonLegacy = /*@__PURE__*/ createReactComponent('gux-disclosure-button-legacy');
32
32
  export const GuxDismissButton = /*@__PURE__*/ createReactComponent('gux-dismiss-button');
33
33
  export const GuxDropdown = /*@__PURE__*/ createReactComponent('gux-dropdown');
34
- export const GuxDropdownMultiBeta = /*@__PURE__*/ createReactComponent('gux-dropdown-multi-beta');
34
+ export const GuxDropdownMulti = /*@__PURE__*/ createReactComponent('gux-dropdown-multi');
35
35
  export const GuxDropdownMultiTag = /*@__PURE__*/ createReactComponent('gux-dropdown-multi-tag');
36
36
  export const GuxDropdownOption = /*@__PURE__*/ createReactComponent('gux-dropdown-option');
37
- export const GuxErrorMessageBeta = /*@__PURE__*/ createReactComponent('gux-error-message-beta');
38
- export const GuxFlyoutMenuBeta = /*@__PURE__*/ createReactComponent('gux-flyout-menu-beta');
37
+ export const GuxFlagIconBeta = /*@__PURE__*/ createReactComponent('gux-flag-icon-beta');
38
+ export const GuxFlyoutMenu = /*@__PURE__*/ createReactComponent('gux-flyout-menu');
39
39
  export const GuxFormFieldCheckbox = /*@__PURE__*/ createReactComponent('gux-form-field-checkbox');
40
40
  export const GuxFormFieldColor = /*@__PURE__*/ createReactComponent('gux-form-field-color');
41
41
  export const GuxFormFieldDropdown = /*@__PURE__*/ createReactComponent('gux-form-field-dropdown');
@@ -49,6 +49,7 @@ export const GuxFormFieldSelect = /*@__PURE__*/ createReactComponent('gux-form-f
49
49
  export const GuxFormFieldTextLike = /*@__PURE__*/ createReactComponent('gux-form-field-text-like');
50
50
  export const GuxFormFieldTextarea = /*@__PURE__*/ createReactComponent('gux-form-field-textarea');
51
51
  export const GuxFormFieldTimePicker = /*@__PURE__*/ createReactComponent('gux-form-field-time-picker');
52
+ export const GuxFormFieldTimeZonePicker = /*@__PURE__*/ createReactComponent('gux-form-field-time-zone-picker');
52
53
  export const GuxIcon = /*@__PURE__*/ createReactComponent('gux-icon');
53
54
  export const GuxInlineAlert = /*@__PURE__*/ createReactComponent('gux-inline-alert');
54
55
  export const GuxList = /*@__PURE__*/ createReactComponent('gux-list');
@@ -56,10 +57,11 @@ export const GuxListDivider = /*@__PURE__*/ createReactComponent('gux-list-divid
56
57
  export const GuxListItem = /*@__PURE__*/ createReactComponent('gux-list-item');
57
58
  export const GuxListbox = /*@__PURE__*/ createReactComponent('gux-listbox');
58
59
  export const GuxListboxMulti = /*@__PURE__*/ createReactComponent('gux-listbox-multi');
59
- export const GuxLoadingMessageBeta = /*@__PURE__*/ createReactComponent('gux-loading-message-beta');
60
+ export const GuxLoadingMessage = /*@__PURE__*/ createReactComponent('gux-loading-message');
60
61
  export const GuxMenu = /*@__PURE__*/ createReactComponent('gux-menu');
61
62
  export const GuxMenuOption = /*@__PURE__*/ createReactComponent('gux-menu-option');
62
63
  export const GuxModal = /*@__PURE__*/ createReactComponent('gux-modal');
64
+ export const GuxModalLegacy = /*@__PURE__*/ createReactComponent('gux-modal-legacy');
63
65
  export const GuxMonthCalendar = /*@__PURE__*/ createReactComponent('gux-month-calendar');
64
66
  export const GuxMonthList = /*@__PURE__*/ createReactComponent('gux-month-list');
65
67
  export const GuxMonthListItem = /*@__PURE__*/ createReactComponent('gux-month-list-item');
@@ -70,54 +72,52 @@ export const GuxOptionIcon = /*@__PURE__*/ createReactComponent('gux-option-icon
70
72
  export const GuxOptionMulti = /*@__PURE__*/ createReactComponent('gux-option-multi');
71
73
  export const GuxPageLoadingSpinner = /*@__PURE__*/ createReactComponent('gux-page-loading-spinner');
72
74
  export const GuxPagination = /*@__PURE__*/ createReactComponent('gux-pagination');
73
- export const GuxPaginationBeta = /*@__PURE__*/ createReactComponent('gux-pagination-beta');
74
75
  export const GuxPaginationButtons = /*@__PURE__*/ createReactComponent('gux-pagination-buttons');
75
- export const GuxPaginationButtonsBeta = /*@__PURE__*/ createReactComponent('gux-pagination-buttons-beta');
76
+ export const GuxPaginationButtonsLegacy = /*@__PURE__*/ createReactComponent('gux-pagination-buttons-legacy');
76
77
  export const GuxPaginationCursor = /*@__PURE__*/ createReactComponent('gux-pagination-cursor');
77
78
  export const GuxPaginationEllipsisButton = /*@__PURE__*/ createReactComponent('gux-pagination-ellipsis-button');
78
79
  export const GuxPaginationItemCounts = /*@__PURE__*/ createReactComponent('gux-pagination-item-counts');
79
- export const GuxPaginationItemCountsBeta = /*@__PURE__*/ createReactComponent('gux-pagination-item-counts-beta');
80
+ export const GuxPaginationItemCountsLegacy = /*@__PURE__*/ createReactComponent('gux-pagination-item-counts-legacy');
80
81
  export const GuxPaginationItemsPerPage = /*@__PURE__*/ createReactComponent('gux-pagination-items-per-page');
81
- export const GuxPaginationItemsPerPageBeta = /*@__PURE__*/ createReactComponent('gux-pagination-items-per-page-beta');
82
+ export const GuxPaginationItemsPerPageLegacy = /*@__PURE__*/ createReactComponent('gux-pagination-items-per-page-legacy');
83
+ export const GuxPaginationLegacy = /*@__PURE__*/ createReactComponent('gux-pagination-legacy');
82
84
  export const GuxPhoneInputBeta = /*@__PURE__*/ createReactComponent('gux-phone-input-beta');
83
85
  export const GuxPopover = /*@__PURE__*/ createReactComponent('gux-popover');
84
- export const GuxPopoverBeta = /*@__PURE__*/ createReactComponent('gux-popover-beta');
85
86
  export const GuxPopoverList = /*@__PURE__*/ createReactComponent('gux-popover-list');
86
- export const GuxPopoverListBeta = /*@__PURE__*/ createReactComponent('gux-popover-list-beta');
87
87
  export const GuxPopup = /*@__PURE__*/ createReactComponent('gux-popup');
88
88
  export const GuxRadialLoading = /*@__PURE__*/ createReactComponent('gux-radial-loading');
89
89
  export const GuxRadialProgress = /*@__PURE__*/ createReactComponent('gux-radial-progress');
90
90
  export const GuxRating = /*@__PURE__*/ createReactComponent('gux-rating');
91
- export const GuxRegionIcon = /*@__PURE__*/ createReactComponent('gux-region-icon');
92
91
  export const GuxRowSelect = /*@__PURE__*/ createReactComponent('gux-row-select');
93
92
  export const GuxScreenReaderBeta = /*@__PURE__*/ createReactComponent('gux-screen-reader-beta');
93
+ export const GuxSegmentedControlBeta = /*@__PURE__*/ createReactComponent('gux-segmented-control-beta');
94
+ export const GuxSegmentedControlItem = /*@__PURE__*/ createReactComponent('gux-segmented-control-item');
94
95
  export const GuxSimpleToastLegacy = /*@__PURE__*/ createReactComponent('gux-simple-toast-legacy');
95
96
  export const GuxSkipNavigationItem = /*@__PURE__*/ createReactComponent('gux-skip-navigation-item');
96
- export const GuxSkipNavigationListBeta = /*@__PURE__*/ createReactComponent('gux-skip-navigation-list-beta');
97
+ export const GuxSkipNavigationList = /*@__PURE__*/ createReactComponent('gux-skip-navigation-list');
97
98
  export const GuxSortControl = /*@__PURE__*/ createReactComponent('gux-sort-control');
98
99
  export const GuxSubmenu = /*@__PURE__*/ createReactComponent('gux-submenu');
99
- export const GuxSwitch = /*@__PURE__*/ createReactComponent('gux-switch');
100
100
  export const GuxSwitchItem = /*@__PURE__*/ createReactComponent('gux-switch-item');
101
+ export const GuxSwitchLegacy = /*@__PURE__*/ createReactComponent('gux-switch-legacy');
101
102
  export const GuxTab = /*@__PURE__*/ createReactComponent('gux-tab');
102
103
  export const GuxTabAdvanced = /*@__PURE__*/ createReactComponent('gux-tab-advanced');
103
104
  export const GuxTabAdvancedList = /*@__PURE__*/ createReactComponent('gux-tab-advanced-list');
104
105
  export const GuxTabAdvancedPanel = /*@__PURE__*/ createReactComponent('gux-tab-advanced-panel');
105
106
  export const GuxTabList = /*@__PURE__*/ createReactComponent('gux-tab-list');
106
107
  export const GuxTabPanel = /*@__PURE__*/ createReactComponent('gux-tab-panel');
107
- export const GuxTabPanelBeta = /*@__PURE__*/ createReactComponent('gux-tab-panel-beta');
108
- export const GuxTableBeta = /*@__PURE__*/ createReactComponent('gux-table-beta');
108
+ export const GuxTable = /*@__PURE__*/ createReactComponent('gux-table');
109
109
  export const GuxTableSelectMenu = /*@__PURE__*/ createReactComponent('gux-table-select-menu');
110
- export const GuxTableSelectPopover = /*@__PURE__*/ createReactComponent('gux-table-select-popover');
110
+ export const GuxTableToolbar = /*@__PURE__*/ createReactComponent('gux-table-toolbar');
111
111
  export const GuxTableToolbarAction = /*@__PURE__*/ createReactComponent('gux-table-toolbar-action');
112
- export const GuxTableToolbarBeta = /*@__PURE__*/ createReactComponent('gux-table-toolbar-beta');
113
112
  export const GuxTableToolbarCustomAction = /*@__PURE__*/ createReactComponent('gux-table-toolbar-custom-action');
114
113
  export const GuxTableToolbarMenuButton = /*@__PURE__*/ createReactComponent('gux-table-toolbar-menu-button');
115
114
  export const GuxTabs = /*@__PURE__*/ createReactComponent('gux-tabs');
116
115
  export const GuxTabsAdvanced = /*@__PURE__*/ createReactComponent('gux-tabs-advanced');
117
- export const GuxTagBeta = /*@__PURE__*/ createReactComponent('gux-tag-beta');
116
+ export const GuxTag = /*@__PURE__*/ createReactComponent('gux-tag');
118
117
  export const GuxTextHighlight = /*@__PURE__*/ createReactComponent('gux-text-highlight');
119
118
  export const GuxTimeBeta = /*@__PURE__*/ createReactComponent('gux-time-beta');
120
- export const GuxTimePickerBeta = /*@__PURE__*/ createReactComponent('gux-time-picker-beta');
119
+ export const GuxTimePicker = /*@__PURE__*/ createReactComponent('gux-time-picker');
120
+ export const GuxTimeZonePickerBeta = /*@__PURE__*/ createReactComponent('gux-time-zone-picker-beta');
121
121
  export const GuxToast = /*@__PURE__*/ createReactComponent('gux-toast');
122
122
  export const GuxToggle = /*@__PURE__*/ createReactComponent('gux-toggle');
123
123
  export const GuxToggleSlider = /*@__PURE__*/ createReactComponent('gux-toggle-slider');
package/dist/react-component-lib/createComponent.js CHANGED
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { createElement } from 'react';
13
- import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
13
+ import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
14
14
  export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
15
15
  if (defineCustomElement !== undefined) {
16
16
  defineCustomElement();
package/dist/react-component-lib/createOverlayComponent.js CHANGED
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React from 'react';
13
13
  import ReactDOM from 'react-dom';
14
- import { attachProps, dashToPascalCase, defineCustomElement, setRef, } from './utils';
14
+ import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
15
15
  export const createOverlayComponent = (tagName, controller, customElement) => {
16
16
  defineCustomElement(tagName, customElement);
17
17
  const displayName = dashToPascalCase(tagName);
package/dist/react-component-lib/utils/attachProps.d.ts CHANGED
@@ -1,5 +1,9 @@
1
1
  export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
2
2
  export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
3
+ /**
4
+ * Transforms a React event name to a browser event name.
5
+ */
6
+ export declare const transformReactEventName: (eventNameSuffix: string) => string;
3
7
  /**
4
8
  * Checks if an event is supported in the current execution environment.
5
9
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
package/dist/react-component-lib/utils/attachProps.js CHANGED
@@ -57,6 +57,16 @@ export const getClassName = (classList, newProps, oldProps) => {
57
57
  incomingPropClasses.forEach((s) => finalClassNames.push(s));
58
58
  return finalClassNames.join(' ');
59
59
  };
60
+ /**
61
+ * Transforms a React event name to a browser event name.
62
+ */
63
+ export const transformReactEventName = (eventNameSuffix) => {
64
+ switch (eventNameSuffix) {
65
+ case 'doubleclick':
66
+ return 'dblclick';
67
+ }
68
+ return eventNameSuffix;
69
+ };
60
70
  /**
61
71
  * Checks if an event is supported in the current execution environment.
62
72
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
@@ -66,7 +76,7 @@ export const isCoveredByReact = (eventNameSuffix) => {
66
76
  return true;
67
77
  }
68
78
  else {
69
- const eventName = 'on' + eventNameSuffix;
79
+ const eventName = 'on' + transformReactEventName(eventNameSuffix);
70
80
  let isSupported = eventName in document;
71
81
  if (!isSupported) {
72
82
  const element = document.createElement('div');
package/dist/react-component-lib/utils/index.js CHANGED
@@ -10,7 +10,7 @@ export const setRef = (ref, value) => {
10
10
  };
11
11
  export const mergeRefs = (...refs) => {
12
12
  return (value) => {
13
- refs.forEach(ref => {
13
+ refs.forEach((ref) => {
14
14
  setRef(ref, value);
15
15
  });
16
16
  };
@@ -23,9 +23,7 @@ export const createForwardRef = (ReactComponent, displayName) => {
23
23
  return React.forwardRef(forwardRef);
24
24
  };
25
25
  export const defineCustomElement = (tagName, customElement) => {
26
- if (customElement !== undefined &&
27
- typeof customElements !== 'undefined' &&
28
- !customElements.get(tagName)) {
26
+ if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
29
27
  customElements.define(tagName, customElement);
30
28
  }
31
29
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark-components-react",
3
- "version": "4.0.0-beta.8",
3
+ "version": "4.0.1",
4
4
  "description": "",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -19,7 +19,7 @@
19
19
  "version-sync": "npm version --no-git-tag-version --allow-same-version"
20
20
  },
21
21
  "dependencies": {
22
- "genesys-spark-components": "4.0.0-beta.8"
22
+ "genesys-spark-components": "4.0.1"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@types/react": "16 - 18",
@@ -27,21 +27,21 @@
27
27
  "react-dom": "16 - 18"
28
28
  },
29
29
  "devDependencies": {
30
- "@types/react": "^17.0.62",
31
- "@types/react-dom": "^17.0.20",
32
- "@typescript-eslint/eslint-plugin": "^6.0.0",
33
- "@typescript-eslint/parser": "^6.0.0",
34
- "eslint": "^8.44.0",
30
+ "@types/react": "^17.0.69",
31
+ "@types/react-dom": "^17.0.22",
32
+ "@typescript-eslint/eslint-plugin": "^6.9.1",
33
+ "@typescript-eslint/parser": "^6.9.1",
34
+ "eslint": "^8.52.0",
35
35
  "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
36
- "eslint-config-prettier": "^8.8.0",
37
- "lint-staged": "^13.2.3",
36
+ "eslint-config-prettier": "^8.10.0",
37
+ "lint-staged": "^13.3.0",
38
38
  "npm-run-all": "^4.1.5",
39
- "prettier": "^3.0.0",
39
+ "prettier": "^3.0.3",
40
40
  "prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
41
41
  "prettier-package-json": "^2.8.0",
42
42
  "react": "^17.0.2",
43
43
  "react-dom": "17.0.2",
44
- "typescript": "^4.5.4"
44
+ "typescript": "^4.9.5"
45
45
  },
46
46
  "publishConfig": {
47
47
  "registry": "https://registry.npmjs.org/"