@ukic/canary-react 2.0.0-canary.1 → 2.0.0-canary.2

Sign up to get free protection for your applications and to get access to all the features.
package/README.md CHANGED
@@ -17,11 +17,11 @@ In the root of your project:
17
17
 
18
18
  ```shell
19
19
  // using npm
20
- npm install @ukic/react @ukic/fonts
20
+ npm install @ukic/canary-react @ukic/fonts
21
21
 
22
22
  // using yarn
23
23
  rm package-lock.json
24
- yarn add @ukic/react @ukic/fonts
24
+ yarn add @ukic/canary-react @ukic/fonts
25
25
  ```
26
26
 
27
27
  ### Step two
@@ -29,7 +29,7 @@ yarn add @ukic/react @ukic/fonts
29
29
  Import the component(s) in your React files.
30
30
 
31
31
  ```jsx
32
- import { IcComponent } from "@ukic/react";
32
+ import { IcComponent } from "@ukic/canary-react";
33
33
  ```
34
34
 
35
35
  ### Step three
@@ -40,7 +40,7 @@ Add the following into the top level CSS file for your project.
40
40
 
41
41
  ```css
42
42
  @import "@ukic/fonts/dist/fonts.css";
43
- @import "@ukic/react/dist/core/core.css";
43
+ @import "@ukic/canary-react/dist/core/core.css";
44
44
  ```
45
45
 
46
46
  In order to be rendered consistently across browsers and in line with modern standards, each of the ICDS components uses styles from a global CSS file based on [Normalize.css](https://necolas.github.io/normalize.css/).
@@ -48,42 +48,19 @@ In order to be rendered consistently across browsers and in line with modern sta
48
48
  If you would like to import these styles to apply them to the rest of your project and slotted elements used within any of the ICDS components, add the following into the top level CSS file as well.
49
49
 
50
50
  ```css
51
- @import "@ukic/react/dist/core/normalize.css";
51
+ @import "@ukic/canary-react/dist/core/normalize.css";
52
52
  ```
53
53
 
54
54
  ### Step four
55
55
 
56
- The `@ukic/react` package will need to be transformed before you can use these components in Jest tests.
56
+ The `@ukic/canary-react` package will need to be transformed before you can use these components in Jest tests.
57
57
 
58
- Add a `transformIgnorePatterns` field with the value `["/node_modules/(?!@ukic/react)"]` to your Jest config.
59
-
60
- ## Contributing
61
-
62
- We have a couple of resources to help you with contributing.
63
-
64
- - To find out more about the different types of contributions, the criteria, raising issues or our release roadmap, read [how to contribute to the Design System and UI Kit](https://design.sis.gov.uk/community/contribute).
65
- - Make sure to also read our [coding standards and technical instructions](https://github.com/mi6/ic-ui-kit/blob/main/CONTRIBUTING.md).
66
- - [IC Design System guidance site repository](https://github.com/mi6/ic-design-system) contains the code and content for the Design System guidance site.
67
- - [IC UI Kit repository](https://github.com/mi6/ic-ui-kit) contains the code and content for the web components.
68
-
69
- ## Changelog
70
-
71
- For a comprehensive changelog of the React components, please read the web components [CHANGELOG](https://github.com/mi6/ic-ui-kit/blob/main/CHANGELOG.md). The released updates made to the web components are reflected on the React components.
58
+ Add a `transformIgnorePatterns` field with the value `["/node_modules/(?!@ukic/canary-react)"]` to your Jest config.
72
59
 
73
60
  ## Security
74
61
 
75
62
  If you've found a vulnerability, we want to know so that we can fix it. [Our security policy](https://github.com/mi6/ic-ui-kit/blob/main/SECURITY.md) tells you how to do this.
76
63
 
77
- ## Questions about the departments
78
-
79
- The team is only able to talk about the projects we've put on GitHub 🕵️. We unfortunately can't talk about the work of our departments 😢.
80
-
81
- Visit our websites to learn more about:
82
-
83
- - The [Secret Intelligence Service (MI6)](https://www.sis.gov.uk).
84
- - The [Government Communications Headquarters (GCHQ)](https://www.gchq.gov.uk).
85
- - The [Security Service (MI5)](https://www.mi5.gov.uk).
86
-
87
64
  ## License
88
65
 
89
66
  Unless stated otherwise, the codebase is released under the [MIT License](https://opensource.org/licenses/MIT). This covers both the codebase and any sample code in the documentation. The documentation is and available under the terms of the [Open Government License v3.0](https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/).
@@ -1,63 +1,63 @@
1
- /// <reference types="react" />
2
- import type { JSX } from '@ukic/canary-web-components';
3
- export declare const IcAlert: import("react").ForwardRefExoticComponent<JSX.IcAlert & Omit<import("react").HTMLAttributes<HTMLIcAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcAlertElement>>;
4
- export declare const IcBackToTop: import("react").ForwardRefExoticComponent<JSX.IcBackToTop & Omit<import("react").HTMLAttributes<HTMLIcBackToTopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBackToTopElement>>;
5
- export declare const IcBreadcrumb: import("react").ForwardRefExoticComponent<JSX.IcBreadcrumb & Omit<import("react").HTMLAttributes<HTMLIcBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBreadcrumbElement>>;
6
- export declare const IcBreadcrumbGroup: import("react").ForwardRefExoticComponent<JSX.IcBreadcrumbGroup & Omit<import("react").HTMLAttributes<HTMLIcBreadcrumbGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBreadcrumbGroupElement>>;
7
- export declare const IcButton: import("react").ForwardRefExoticComponent<JSX.IcButton & Omit<import("react").HTMLAttributes<HTMLIcButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcButtonElement>>;
8
- export declare const IcCard: import("react").ForwardRefExoticComponent<JSX.IcCard & Omit<import("react").HTMLAttributes<HTMLIcCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCardElement>>;
9
- export declare const IcCheckbox: import("react").ForwardRefExoticComponent<JSX.IcCheckbox & Omit<import("react").HTMLAttributes<HTMLIcCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCheckboxElement>>;
10
- export declare const IcCheckboxGroup: import("react").ForwardRefExoticComponent<JSX.IcCheckboxGroup & Omit<import("react").HTMLAttributes<HTMLIcCheckboxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCheckboxGroupElement>>;
11
- export declare const IcChip: import("react").ForwardRefExoticComponent<JSX.IcChip & Omit<import("react").HTMLAttributes<HTMLIcChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcChipElement>>;
12
- export declare const IcClassificationBanner: import("react").ForwardRefExoticComponent<JSX.IcClassificationBanner & Omit<import("react").HTMLAttributes<HTMLIcClassificationBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcClassificationBannerElement>>;
13
- export declare const IcDataEntity: import("react").ForwardRefExoticComponent<JSX.IcDataEntity & Omit<import("react").HTMLAttributes<HTMLIcDataEntityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataEntityElement>>;
14
- export declare const IcDataRow: import("react").ForwardRefExoticComponent<JSX.IcDataRow & Omit<import("react").HTMLAttributes<HTMLIcDataRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataRowElement>>;
15
- export declare const IcDataTable: import("react").ForwardRefExoticComponent<JSX.IcDataTable & Omit<import("react").HTMLAttributes<HTMLIcDataTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataTableElement>>;
16
- export declare const IcDialog: import("react").ForwardRefExoticComponent<JSX.IcDialog & Omit<import("react").HTMLAttributes<HTMLIcDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDialogElement>>;
17
- export declare const IcDivider: import("react").ForwardRefExoticComponent<JSX.IcDivider & Omit<import("react").HTMLAttributes<HTMLIcDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDividerElement>>;
18
- export declare const IcEmptyState: import("react").ForwardRefExoticComponent<JSX.IcEmptyState & Omit<import("react").HTMLAttributes<HTMLIcEmptyStateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcEmptyStateElement>>;
19
- export declare const IcFooter: import("react").ForwardRefExoticComponent<JSX.IcFooter & Omit<import("react").HTMLAttributes<HTMLIcFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterElement>>;
20
- export declare const IcFooterLink: import("react").ForwardRefExoticComponent<JSX.IcFooterLink & Omit<import("react").HTMLAttributes<HTMLIcFooterLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterLinkElement>>;
21
- export declare const IcFooterLinkGroup: import("react").ForwardRefExoticComponent<JSX.IcFooterLinkGroup & Omit<import("react").HTMLAttributes<HTMLIcFooterLinkGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterLinkGroupElement>>;
22
- export declare const IcHero: import("react").ForwardRefExoticComponent<JSX.IcHero & Omit<import("react").HTMLAttributes<HTMLIcHeroElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcHeroElement>>;
23
- export declare const IcHorizontalScroll: import("react").ForwardRefExoticComponent<JSX.IcHorizontalScroll & Omit<import("react").HTMLAttributes<HTMLIcHorizontalScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcHorizontalScrollElement>>;
24
- export declare const IcInputComponentContainer: import("react").ForwardRefExoticComponent<JSX.IcInputComponentContainer & Omit<import("react").HTMLAttributes<HTMLIcInputComponentContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputComponentContainerElement>>;
25
- export declare const IcInputContainer: import("react").ForwardRefExoticComponent<JSX.IcInputContainer & Omit<import("react").HTMLAttributes<HTMLIcInputContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputContainerElement>>;
26
- export declare const IcInputLabel: import("react").ForwardRefExoticComponent<JSX.IcInputLabel & Omit<import("react").HTMLAttributes<HTMLIcInputLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputLabelElement>>;
27
- export declare const IcInputValidation: import("react").ForwardRefExoticComponent<JSX.IcInputValidation & Omit<import("react").HTMLAttributes<HTMLIcInputValidationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputValidationElement>>;
28
- export declare const IcLink: import("react").ForwardRefExoticComponent<JSX.IcLink & Omit<import("react").HTMLAttributes<HTMLIcLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcLinkElement>>;
29
- export declare const IcLoadingIndicator: import("react").ForwardRefExoticComponent<JSX.IcLoadingIndicator & Omit<import("react").HTMLAttributes<HTMLIcLoadingIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcLoadingIndicatorElement>>;
30
- export declare const IcMenu: import("react").ForwardRefExoticComponent<JSX.IcMenu & Omit<import("react").HTMLAttributes<HTMLIcMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcMenuElement>>;
31
- export declare const IcMenuGroup: import("react").ForwardRefExoticComponent<JSX.IcMenuGroup & Omit<import("react").HTMLAttributes<HTMLIcMenuGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcMenuGroupElement>>;
32
- export declare const IcMenuItem: import("react").ForwardRefExoticComponent<JSX.IcMenuItem & Omit<import("react").HTMLAttributes<HTMLIcMenuItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcMenuItemElement>>;
33
- export declare const IcNavigationButton: import("react").ForwardRefExoticComponent<JSX.IcNavigationButton & Omit<import("react").HTMLAttributes<HTMLIcNavigationButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationButtonElement>>;
34
- export declare const IcNavigationGroup: import("react").ForwardRefExoticComponent<JSX.IcNavigationGroup & Omit<import("react").HTMLAttributes<HTMLIcNavigationGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationGroupElement>>;
35
- export declare const IcNavigationItem: import("react").ForwardRefExoticComponent<JSX.IcNavigationItem & Omit<import("react").HTMLAttributes<HTMLIcNavigationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationItemElement>>;
36
- export declare const IcNavigationMenu: import("react").ForwardRefExoticComponent<JSX.IcNavigationMenu & Omit<import("react").HTMLAttributes<HTMLIcNavigationMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationMenuElement>>;
37
- export declare const IcPageHeader: import("react").ForwardRefExoticComponent<JSX.IcPageHeader & Omit<import("react").HTMLAttributes<HTMLIcPageHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPageHeaderElement>>;
38
- export declare const IcPagination: import("react").ForwardRefExoticComponent<JSX.IcPagination & Omit<import("react").HTMLAttributes<HTMLIcPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationElement>>;
39
- export declare const IcPaginationBar: import("react").ForwardRefExoticComponent<JSX.IcPaginationBar & Omit<import("react").HTMLAttributes<HTMLIcPaginationBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationBarElement>>;
40
- export declare const IcPaginationItem: import("react").ForwardRefExoticComponent<JSX.IcPaginationItem & Omit<import("react").HTMLAttributes<HTMLIcPaginationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationItemElement>>;
41
- export declare const IcPopoverMenu: import("react").ForwardRefExoticComponent<JSX.IcPopoverMenu & Omit<import("react").HTMLAttributes<HTMLIcPopoverMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPopoverMenuElement>>;
42
- export declare const IcRadioGroup: import("react").ForwardRefExoticComponent<JSX.IcRadioGroup & Omit<import("react").HTMLAttributes<HTMLIcRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcRadioGroupElement>>;
43
- export declare const IcRadioOption: import("react").ForwardRefExoticComponent<JSX.IcRadioOption & Omit<import("react").HTMLAttributes<HTMLIcRadioOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcRadioOptionElement>>;
44
- export declare const IcSearchBar: import("react").ForwardRefExoticComponent<JSX.IcSearchBar & Omit<import("react").HTMLAttributes<HTMLIcSearchBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSearchBarElement>>;
45
- export declare const IcSectionContainer: import("react").ForwardRefExoticComponent<JSX.IcSectionContainer & Omit<import("react").HTMLAttributes<HTMLIcSectionContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSectionContainerElement>>;
46
- export declare const IcSelect: import("react").ForwardRefExoticComponent<JSX.IcSelect & Omit<import("react").HTMLAttributes<HTMLIcSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSelectElement>>;
47
- export declare const IcSideNavigation: import("react").ForwardRefExoticComponent<JSX.IcSideNavigation & Omit<import("react").HTMLAttributes<HTMLIcSideNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSideNavigationElement>>;
48
- export declare const IcSkeleton: import("react").ForwardRefExoticComponent<JSX.IcSkeleton & Omit<import("react").HTMLAttributes<HTMLIcSkeletonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSkeletonElement>>;
49
- export declare const IcStatusTag: import("react").ForwardRefExoticComponent<JSX.IcStatusTag & Omit<import("react").HTMLAttributes<HTMLIcStatusTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcStatusTagElement>>;
50
- export declare const IcStep: import("react").ForwardRefExoticComponent<JSX.IcStep & Omit<import("react").HTMLAttributes<HTMLIcStepElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcStepElement>>;
51
- export declare const IcStepper: import("react").ForwardRefExoticComponent<JSX.IcStepper & Omit<import("react").HTMLAttributes<HTMLIcStepperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcStepperElement>>;
52
- export declare const IcSwitch: import("react").ForwardRefExoticComponent<JSX.IcSwitch & Omit<import("react").HTMLAttributes<HTMLIcSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSwitchElement>>;
53
- export declare const IcTab: import("react").ForwardRefExoticComponent<JSX.IcTab & Omit<import("react").HTMLAttributes<HTMLIcTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabElement>>;
54
- export declare const IcTabContext: import("react").ForwardRefExoticComponent<JSX.IcTabContext & Omit<import("react").HTMLAttributes<HTMLIcTabContextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabContextElement>>;
55
- export declare const IcTabGroup: import("react").ForwardRefExoticComponent<JSX.IcTabGroup & Omit<import("react").HTMLAttributes<HTMLIcTabGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabGroupElement>>;
56
- export declare const IcTabPanel: import("react").ForwardRefExoticComponent<JSX.IcTabPanel & Omit<import("react").HTMLAttributes<HTMLIcTabPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabPanelElement>>;
57
- export declare const IcTextField: import("react").ForwardRefExoticComponent<JSX.IcTextField & Omit<import("react").HTMLAttributes<HTMLIcTextFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTextFieldElement>>;
58
- export declare const IcTheme: import("react").ForwardRefExoticComponent<JSX.IcTheme & Omit<import("react").HTMLAttributes<HTMLIcThemeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcThemeElement>>;
59
- export declare const IcToast: import("react").ForwardRefExoticComponent<JSX.IcToast & Omit<import("react").HTMLAttributes<HTMLIcToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcToastElement>>;
60
- export declare const IcToastRegion: import("react").ForwardRefExoticComponent<JSX.IcToastRegion & Omit<import("react").HTMLAttributes<HTMLIcToastRegionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcToastRegionElement>>;
61
- export declare const IcTooltip: import("react").ForwardRefExoticComponent<JSX.IcTooltip & Omit<import("react").HTMLAttributes<HTMLIcTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTooltipElement>>;
62
- export declare const IcTopNavigation: import("react").ForwardRefExoticComponent<JSX.IcTopNavigation & Omit<import("react").HTMLAttributes<HTMLIcTopNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTopNavigationElement>>;
63
- export declare const IcTypography: import("react").ForwardRefExoticComponent<JSX.IcTypography & Omit<import("react").HTMLAttributes<HTMLIcTypographyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTypographyElement>>;
1
+ /// <reference types="react" />
2
+ import type { JSX } from '@ukic/canary-web-components';
3
+ export declare const IcAlert: import("react").ForwardRefExoticComponent<JSX.IcAlert & Omit<import("react").HTMLAttributes<HTMLIcAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcAlertElement>>;
4
+ export declare const IcBackToTop: import("react").ForwardRefExoticComponent<JSX.IcBackToTop & Omit<import("react").HTMLAttributes<HTMLIcBackToTopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBackToTopElement>>;
5
+ export declare const IcBreadcrumb: import("react").ForwardRefExoticComponent<JSX.IcBreadcrumb & Omit<import("react").HTMLAttributes<HTMLIcBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBreadcrumbElement>>;
6
+ export declare const IcBreadcrumbGroup: import("react").ForwardRefExoticComponent<JSX.IcBreadcrumbGroup & Omit<import("react").HTMLAttributes<HTMLIcBreadcrumbGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBreadcrumbGroupElement>>;
7
+ export declare const IcButton: import("react").ForwardRefExoticComponent<JSX.IcButton & Omit<import("react").HTMLAttributes<HTMLIcButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcButtonElement>>;
8
+ export declare const IcCard: import("react").ForwardRefExoticComponent<JSX.IcCard & Omit<import("react").HTMLAttributes<HTMLIcCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCardElement>>;
9
+ export declare const IcCheckbox: import("react").ForwardRefExoticComponent<JSX.IcCheckbox & Omit<import("react").HTMLAttributes<HTMLIcCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCheckboxElement>>;
10
+ export declare const IcCheckboxGroup: import("react").ForwardRefExoticComponent<JSX.IcCheckboxGroup & Omit<import("react").HTMLAttributes<HTMLIcCheckboxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCheckboxGroupElement>>;
11
+ export declare const IcChip: import("react").ForwardRefExoticComponent<JSX.IcChip & Omit<import("react").HTMLAttributes<HTMLIcChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcChipElement>>;
12
+ export declare const IcClassificationBanner: import("react").ForwardRefExoticComponent<JSX.IcClassificationBanner & Omit<import("react").HTMLAttributes<HTMLIcClassificationBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcClassificationBannerElement>>;
13
+ export declare const IcDataEntity: import("react").ForwardRefExoticComponent<JSX.IcDataEntity & Omit<import("react").HTMLAttributes<HTMLIcDataEntityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataEntityElement>>;
14
+ export declare const IcDataRow: import("react").ForwardRefExoticComponent<JSX.IcDataRow & Omit<import("react").HTMLAttributes<HTMLIcDataRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataRowElement>>;
15
+ export declare const IcDataTable: import("react").ForwardRefExoticComponent<JSX.IcDataTable & Omit<import("react").HTMLAttributes<HTMLIcDataTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataTableElement>>;
16
+ export declare const IcDialog: import("react").ForwardRefExoticComponent<JSX.IcDialog & Omit<import("react").HTMLAttributes<HTMLIcDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDialogElement>>;
17
+ export declare const IcDivider: import("react").ForwardRefExoticComponent<JSX.IcDivider & Omit<import("react").HTMLAttributes<HTMLIcDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDividerElement>>;
18
+ export declare const IcEmptyState: import("react").ForwardRefExoticComponent<JSX.IcEmptyState & Omit<import("react").HTMLAttributes<HTMLIcEmptyStateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcEmptyStateElement>>;
19
+ export declare const IcFooter: import("react").ForwardRefExoticComponent<JSX.IcFooter & Omit<import("react").HTMLAttributes<HTMLIcFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterElement>>;
20
+ export declare const IcFooterLink: import("react").ForwardRefExoticComponent<JSX.IcFooterLink & Omit<import("react").HTMLAttributes<HTMLIcFooterLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterLinkElement>>;
21
+ export declare const IcFooterLinkGroup: import("react").ForwardRefExoticComponent<JSX.IcFooterLinkGroup & Omit<import("react").HTMLAttributes<HTMLIcFooterLinkGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterLinkGroupElement>>;
22
+ export declare const IcHero: import("react").ForwardRefExoticComponent<JSX.IcHero & Omit<import("react").HTMLAttributes<HTMLIcHeroElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcHeroElement>>;
23
+ export declare const IcHorizontalScroll: import("react").ForwardRefExoticComponent<JSX.IcHorizontalScroll & Omit<import("react").HTMLAttributes<HTMLIcHorizontalScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcHorizontalScrollElement>>;
24
+ export declare const IcInputComponentContainer: import("react").ForwardRefExoticComponent<JSX.IcInputComponentContainer & Omit<import("react").HTMLAttributes<HTMLIcInputComponentContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputComponentContainerElement>>;
25
+ export declare const IcInputContainer: import("react").ForwardRefExoticComponent<JSX.IcInputContainer & Omit<import("react").HTMLAttributes<HTMLIcInputContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputContainerElement>>;
26
+ export declare const IcInputLabel: import("react").ForwardRefExoticComponent<JSX.IcInputLabel & Omit<import("react").HTMLAttributes<HTMLIcInputLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputLabelElement>>;
27
+ export declare const IcInputValidation: import("react").ForwardRefExoticComponent<JSX.IcInputValidation & Omit<import("react").HTMLAttributes<HTMLIcInputValidationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcInputValidationElement>>;
28
+ export declare const IcLink: import("react").ForwardRefExoticComponent<JSX.IcLink & Omit<import("react").HTMLAttributes<HTMLIcLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcLinkElement>>;
29
+ export declare const IcLoadingIndicator: import("react").ForwardRefExoticComponent<JSX.IcLoadingIndicator & Omit<import("react").HTMLAttributes<HTMLIcLoadingIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcLoadingIndicatorElement>>;
30
+ export declare const IcMenu: import("react").ForwardRefExoticComponent<JSX.IcMenu & Omit<import("react").HTMLAttributes<HTMLIcMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcMenuElement>>;
31
+ export declare const IcMenuGroup: import("react").ForwardRefExoticComponent<JSX.IcMenuGroup & Omit<import("react").HTMLAttributes<HTMLIcMenuGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcMenuGroupElement>>;
32
+ export declare const IcMenuItem: import("react").ForwardRefExoticComponent<JSX.IcMenuItem & Omit<import("react").HTMLAttributes<HTMLIcMenuItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcMenuItemElement>>;
33
+ export declare const IcNavigationButton: import("react").ForwardRefExoticComponent<JSX.IcNavigationButton & Omit<import("react").HTMLAttributes<HTMLIcNavigationButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationButtonElement>>;
34
+ export declare const IcNavigationGroup: import("react").ForwardRefExoticComponent<JSX.IcNavigationGroup & Omit<import("react").HTMLAttributes<HTMLIcNavigationGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationGroupElement>>;
35
+ export declare const IcNavigationItem: import("react").ForwardRefExoticComponent<JSX.IcNavigationItem & Omit<import("react").HTMLAttributes<HTMLIcNavigationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationItemElement>>;
36
+ export declare const IcNavigationMenu: import("react").ForwardRefExoticComponent<JSX.IcNavigationMenu & Omit<import("react").HTMLAttributes<HTMLIcNavigationMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcNavigationMenuElement>>;
37
+ export declare const IcPageHeader: import("react").ForwardRefExoticComponent<JSX.IcPageHeader & Omit<import("react").HTMLAttributes<HTMLIcPageHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPageHeaderElement>>;
38
+ export declare const IcPagination: import("react").ForwardRefExoticComponent<JSX.IcPagination & Omit<import("react").HTMLAttributes<HTMLIcPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationElement>>;
39
+ export declare const IcPaginationBar: import("react").ForwardRefExoticComponent<JSX.IcPaginationBar & Omit<import("react").HTMLAttributes<HTMLIcPaginationBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationBarElement>>;
40
+ export declare const IcPaginationItem: import("react").ForwardRefExoticComponent<JSX.IcPaginationItem & Omit<import("react").HTMLAttributes<HTMLIcPaginationItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationItemElement>>;
41
+ export declare const IcPopoverMenu: import("react").ForwardRefExoticComponent<JSX.IcPopoverMenu & Omit<import("react").HTMLAttributes<HTMLIcPopoverMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPopoverMenuElement>>;
42
+ export declare const IcRadioGroup: import("react").ForwardRefExoticComponent<JSX.IcRadioGroup & Omit<import("react").HTMLAttributes<HTMLIcRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcRadioGroupElement>>;
43
+ export declare const IcRadioOption: import("react").ForwardRefExoticComponent<JSX.IcRadioOption & Omit<import("react").HTMLAttributes<HTMLIcRadioOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcRadioOptionElement>>;
44
+ export declare const IcSearchBar: import("react").ForwardRefExoticComponent<JSX.IcSearchBar & Omit<import("react").HTMLAttributes<HTMLIcSearchBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSearchBarElement>>;
45
+ export declare const IcSectionContainer: import("react").ForwardRefExoticComponent<JSX.IcSectionContainer & Omit<import("react").HTMLAttributes<HTMLIcSectionContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSectionContainerElement>>;
46
+ export declare const IcSelect: import("react").ForwardRefExoticComponent<JSX.IcSelect & Omit<import("react").HTMLAttributes<HTMLIcSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSelectElement>>;
47
+ export declare const IcSideNavigation: import("react").ForwardRefExoticComponent<JSX.IcSideNavigation & Omit<import("react").HTMLAttributes<HTMLIcSideNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSideNavigationElement>>;
48
+ export declare const IcSkeleton: import("react").ForwardRefExoticComponent<JSX.IcSkeleton & Omit<import("react").HTMLAttributes<HTMLIcSkeletonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSkeletonElement>>;
49
+ export declare const IcStatusTag: import("react").ForwardRefExoticComponent<JSX.IcStatusTag & Omit<import("react").HTMLAttributes<HTMLIcStatusTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcStatusTagElement>>;
50
+ export declare const IcStep: import("react").ForwardRefExoticComponent<JSX.IcStep & Omit<import("react").HTMLAttributes<HTMLIcStepElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcStepElement>>;
51
+ export declare const IcStepper: import("react").ForwardRefExoticComponent<JSX.IcStepper & Omit<import("react").HTMLAttributes<HTMLIcStepperElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcStepperElement>>;
52
+ export declare const IcSwitch: import("react").ForwardRefExoticComponent<JSX.IcSwitch & Omit<import("react").HTMLAttributes<HTMLIcSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcSwitchElement>>;
53
+ export declare const IcTab: import("react").ForwardRefExoticComponent<JSX.IcTab & Omit<import("react").HTMLAttributes<HTMLIcTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabElement>>;
54
+ export declare const IcTabContext: import("react").ForwardRefExoticComponent<JSX.IcTabContext & Omit<import("react").HTMLAttributes<HTMLIcTabContextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabContextElement>>;
55
+ export declare const IcTabGroup: import("react").ForwardRefExoticComponent<JSX.IcTabGroup & Omit<import("react").HTMLAttributes<HTMLIcTabGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabGroupElement>>;
56
+ export declare const IcTabPanel: import("react").ForwardRefExoticComponent<JSX.IcTabPanel & Omit<import("react").HTMLAttributes<HTMLIcTabPanelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTabPanelElement>>;
57
+ export declare const IcTextField: import("react").ForwardRefExoticComponent<JSX.IcTextField & Omit<import("react").HTMLAttributes<HTMLIcTextFieldElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTextFieldElement>>;
58
+ export declare const IcTheme: import("react").ForwardRefExoticComponent<JSX.IcTheme & Omit<import("react").HTMLAttributes<HTMLIcThemeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcThemeElement>>;
59
+ export declare const IcToast: import("react").ForwardRefExoticComponent<JSX.IcToast & Omit<import("react").HTMLAttributes<HTMLIcToastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcToastElement>>;
60
+ export declare const IcToastRegion: import("react").ForwardRefExoticComponent<JSX.IcToastRegion & Omit<import("react").HTMLAttributes<HTMLIcToastRegionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcToastRegionElement>>;
61
+ export declare const IcTooltip: import("react").ForwardRefExoticComponent<JSX.IcTooltip & Omit<import("react").HTMLAttributes<HTMLIcTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTooltipElement>>;
62
+ export declare const IcTopNavigation: import("react").ForwardRefExoticComponent<JSX.IcTopNavigation & Omit<import("react").HTMLAttributes<HTMLIcTopNavigationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTopNavigationElement>>;
63
+ export declare const IcTypography: import("react").ForwardRefExoticComponent<JSX.IcTypography & Omit<import("react").HTMLAttributes<HTMLIcTypographyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTypographyElement>>;
@@ -1,67 +1,67 @@
1
- /* eslint-disable */
2
- /* tslint:disable */
3
- /* auto-generated react proxies */
4
- import { createReactComponent } from './react-component-lib';
5
- import { defineCustomElements } from '@ukic/canary-web-components/loader';
6
- defineCustomElements();
7
- export const IcAlert = /*@__PURE__*/ createReactComponent('ic-alert');
8
- export const IcBackToTop = /*@__PURE__*/ createReactComponent('ic-back-to-top');
9
- export const IcBreadcrumb = /*@__PURE__*/ createReactComponent('ic-breadcrumb');
10
- export const IcBreadcrumbGroup = /*@__PURE__*/ createReactComponent('ic-breadcrumb-group');
11
- export const IcButton = /*@__PURE__*/ createReactComponent('ic-button');
12
- export const IcCard = /*@__PURE__*/ createReactComponent('ic-card');
13
- export const IcCheckbox = /*@__PURE__*/ createReactComponent('ic-checkbox');
14
- export const IcCheckboxGroup = /*@__PURE__*/ createReactComponent('ic-checkbox-group');
15
- export const IcChip = /*@__PURE__*/ createReactComponent('ic-chip');
16
- export const IcClassificationBanner = /*@__PURE__*/ createReactComponent('ic-classification-banner');
17
- export const IcDataEntity = /*@__PURE__*/ createReactComponent('ic-data-entity');
18
- export const IcDataRow = /*@__PURE__*/ createReactComponent('ic-data-row');
19
- export const IcDataTable = /*@__PURE__*/ createReactComponent('ic-data-table');
20
- export const IcDialog = /*@__PURE__*/ createReactComponent('ic-dialog');
21
- export const IcDivider = /*@__PURE__*/ createReactComponent('ic-divider');
22
- export const IcEmptyState = /*@__PURE__*/ createReactComponent('ic-empty-state');
23
- export const IcFooter = /*@__PURE__*/ createReactComponent('ic-footer');
24
- export const IcFooterLink = /*@__PURE__*/ createReactComponent('ic-footer-link');
25
- export const IcFooterLinkGroup = /*@__PURE__*/ createReactComponent('ic-footer-link-group');
26
- export const IcHero = /*@__PURE__*/ createReactComponent('ic-hero');
27
- export const IcHorizontalScroll = /*@__PURE__*/ createReactComponent('ic-horizontal-scroll');
28
- export const IcInputComponentContainer = /*@__PURE__*/ createReactComponent('ic-input-component-container');
29
- export const IcInputContainer = /*@__PURE__*/ createReactComponent('ic-input-container');
30
- export const IcInputLabel = /*@__PURE__*/ createReactComponent('ic-input-label');
31
- export const IcInputValidation = /*@__PURE__*/ createReactComponent('ic-input-validation');
32
- export const IcLink = /*@__PURE__*/ createReactComponent('ic-link');
33
- export const IcLoadingIndicator = /*@__PURE__*/ createReactComponent('ic-loading-indicator');
34
- export const IcMenu = /*@__PURE__*/ createReactComponent('ic-menu');
35
- export const IcMenuGroup = /*@__PURE__*/ createReactComponent('ic-menu-group');
36
- export const IcMenuItem = /*@__PURE__*/ createReactComponent('ic-menu-item');
37
- export const IcNavigationButton = /*@__PURE__*/ createReactComponent('ic-navigation-button');
38
- export const IcNavigationGroup = /*@__PURE__*/ createReactComponent('ic-navigation-group');
39
- export const IcNavigationItem = /*@__PURE__*/ createReactComponent('ic-navigation-item');
40
- export const IcNavigationMenu = /*@__PURE__*/ createReactComponent('ic-navigation-menu');
41
- export const IcPageHeader = /*@__PURE__*/ createReactComponent('ic-page-header');
42
- export const IcPagination = /*@__PURE__*/ createReactComponent('ic-pagination');
43
- export const IcPaginationBar = /*@__PURE__*/ createReactComponent('ic-pagination-bar');
44
- export const IcPaginationItem = /*@__PURE__*/ createReactComponent('ic-pagination-item');
45
- export const IcPopoverMenu = /*@__PURE__*/ createReactComponent('ic-popover-menu');
46
- export const IcRadioGroup = /*@__PURE__*/ createReactComponent('ic-radio-group');
47
- export const IcRadioOption = /*@__PURE__*/ createReactComponent('ic-radio-option');
48
- export const IcSearchBar = /*@__PURE__*/ createReactComponent('ic-search-bar');
49
- export const IcSectionContainer = /*@__PURE__*/ createReactComponent('ic-section-container');
50
- export const IcSelect = /*@__PURE__*/ createReactComponent('ic-select');
51
- export const IcSideNavigation = /*@__PURE__*/ createReactComponent('ic-side-navigation');
52
- export const IcSkeleton = /*@__PURE__*/ createReactComponent('ic-skeleton');
53
- export const IcStatusTag = /*@__PURE__*/ createReactComponent('ic-status-tag');
54
- export const IcStep = /*@__PURE__*/ createReactComponent('ic-step');
55
- export const IcStepper = /*@__PURE__*/ createReactComponent('ic-stepper');
56
- export const IcSwitch = /*@__PURE__*/ createReactComponent('ic-switch');
57
- export const IcTab = /*@__PURE__*/ createReactComponent('ic-tab');
58
- export const IcTabContext = /*@__PURE__*/ createReactComponent('ic-tab-context');
59
- export const IcTabGroup = /*@__PURE__*/ createReactComponent('ic-tab-group');
60
- export const IcTabPanel = /*@__PURE__*/ createReactComponent('ic-tab-panel');
61
- export const IcTextField = /*@__PURE__*/ createReactComponent('ic-text-field');
62
- export const IcTheme = /*@__PURE__*/ createReactComponent('ic-theme');
63
- export const IcToast = /*@__PURE__*/ createReactComponent('ic-toast');
64
- export const IcToastRegion = /*@__PURE__*/ createReactComponent('ic-toast-region');
65
- export const IcTooltip = /*@__PURE__*/ createReactComponent('ic-tooltip');
66
- export const IcTopNavigation = /*@__PURE__*/ createReactComponent('ic-top-navigation');
67
- export const IcTypography = /*@__PURE__*/ createReactComponent('ic-typography');
1
+ /* eslint-disable */
2
+ /* tslint:disable */
3
+ /* auto-generated react proxies */
4
+ import { createReactComponent } from './react-component-lib';
5
+ import { defineCustomElements } from '@ukic/canary-web-components/loader';
6
+ defineCustomElements();
7
+ export const IcAlert = /*@__PURE__*/ createReactComponent('ic-alert');
8
+ export const IcBackToTop = /*@__PURE__*/ createReactComponent('ic-back-to-top');
9
+ export const IcBreadcrumb = /*@__PURE__*/ createReactComponent('ic-breadcrumb');
10
+ export const IcBreadcrumbGroup = /*@__PURE__*/ createReactComponent('ic-breadcrumb-group');
11
+ export const IcButton = /*@__PURE__*/ createReactComponent('ic-button');
12
+ export const IcCard = /*@__PURE__*/ createReactComponent('ic-card');
13
+ export const IcCheckbox = /*@__PURE__*/ createReactComponent('ic-checkbox');
14
+ export const IcCheckboxGroup = /*@__PURE__*/ createReactComponent('ic-checkbox-group');
15
+ export const IcChip = /*@__PURE__*/ createReactComponent('ic-chip');
16
+ export const IcClassificationBanner = /*@__PURE__*/ createReactComponent('ic-classification-banner');
17
+ export const IcDataEntity = /*@__PURE__*/ createReactComponent('ic-data-entity');
18
+ export const IcDataRow = /*@__PURE__*/ createReactComponent('ic-data-row');
19
+ export const IcDataTable = /*@__PURE__*/ createReactComponent('ic-data-table');
20
+ export const IcDialog = /*@__PURE__*/ createReactComponent('ic-dialog');
21
+ export const IcDivider = /*@__PURE__*/ createReactComponent('ic-divider');
22
+ export const IcEmptyState = /*@__PURE__*/ createReactComponent('ic-empty-state');
23
+ export const IcFooter = /*@__PURE__*/ createReactComponent('ic-footer');
24
+ export const IcFooterLink = /*@__PURE__*/ createReactComponent('ic-footer-link');
25
+ export const IcFooterLinkGroup = /*@__PURE__*/ createReactComponent('ic-footer-link-group');
26
+ export const IcHero = /*@__PURE__*/ createReactComponent('ic-hero');
27
+ export const IcHorizontalScroll = /*@__PURE__*/ createReactComponent('ic-horizontal-scroll');
28
+ export const IcInputComponentContainer = /*@__PURE__*/ createReactComponent('ic-input-component-container');
29
+ export const IcInputContainer = /*@__PURE__*/ createReactComponent('ic-input-container');
30
+ export const IcInputLabel = /*@__PURE__*/ createReactComponent('ic-input-label');
31
+ export const IcInputValidation = /*@__PURE__*/ createReactComponent('ic-input-validation');
32
+ export const IcLink = /*@__PURE__*/ createReactComponent('ic-link');
33
+ export const IcLoadingIndicator = /*@__PURE__*/ createReactComponent('ic-loading-indicator');
34
+ export const IcMenu = /*@__PURE__*/ createReactComponent('ic-menu');
35
+ export const IcMenuGroup = /*@__PURE__*/ createReactComponent('ic-menu-group');
36
+ export const IcMenuItem = /*@__PURE__*/ createReactComponent('ic-menu-item');
37
+ export const IcNavigationButton = /*@__PURE__*/ createReactComponent('ic-navigation-button');
38
+ export const IcNavigationGroup = /*@__PURE__*/ createReactComponent('ic-navigation-group');
39
+ export const IcNavigationItem = /*@__PURE__*/ createReactComponent('ic-navigation-item');
40
+ export const IcNavigationMenu = /*@__PURE__*/ createReactComponent('ic-navigation-menu');
41
+ export const IcPageHeader = /*@__PURE__*/ createReactComponent('ic-page-header');
42
+ export const IcPagination = /*@__PURE__*/ createReactComponent('ic-pagination');
43
+ export const IcPaginationBar = /*@__PURE__*/ createReactComponent('ic-pagination-bar');
44
+ export const IcPaginationItem = /*@__PURE__*/ createReactComponent('ic-pagination-item');
45
+ export const IcPopoverMenu = /*@__PURE__*/ createReactComponent('ic-popover-menu');
46
+ export const IcRadioGroup = /*@__PURE__*/ createReactComponent('ic-radio-group');
47
+ export const IcRadioOption = /*@__PURE__*/ createReactComponent('ic-radio-option');
48
+ export const IcSearchBar = /*@__PURE__*/ createReactComponent('ic-search-bar');
49
+ export const IcSectionContainer = /*@__PURE__*/ createReactComponent('ic-section-container');
50
+ export const IcSelect = /*@__PURE__*/ createReactComponent('ic-select');
51
+ export const IcSideNavigation = /*@__PURE__*/ createReactComponent('ic-side-navigation');
52
+ export const IcSkeleton = /*@__PURE__*/ createReactComponent('ic-skeleton');
53
+ export const IcStatusTag = /*@__PURE__*/ createReactComponent('ic-status-tag');
54
+ export const IcStep = /*@__PURE__*/ createReactComponent('ic-step');
55
+ export const IcStepper = /*@__PURE__*/ createReactComponent('ic-stepper');
56
+ export const IcSwitch = /*@__PURE__*/ createReactComponent('ic-switch');
57
+ export const IcTab = /*@__PURE__*/ createReactComponent('ic-tab');
58
+ export const IcTabContext = /*@__PURE__*/ createReactComponent('ic-tab-context');
59
+ export const IcTabGroup = /*@__PURE__*/ createReactComponent('ic-tab-group');
60
+ export const IcTabPanel = /*@__PURE__*/ createReactComponent('ic-tab-panel');
61
+ export const IcTextField = /*@__PURE__*/ createReactComponent('ic-text-field');
62
+ export const IcTheme = /*@__PURE__*/ createReactComponent('ic-theme');
63
+ export const IcToast = /*@__PURE__*/ createReactComponent('ic-toast');
64
+ export const IcToastRegion = /*@__PURE__*/ createReactComponent('ic-toast-region');
65
+ export const IcTooltip = /*@__PURE__*/ createReactComponent('ic-tooltip');
66
+ export const IcTopNavigation = /*@__PURE__*/ createReactComponent('ic-top-navigation');
67
+ export const IcTypography = /*@__PURE__*/ createReactComponent('ic-typography');
package/dist/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./components";
2
- export { SlottedSVG } from "./react-component-lib/slottedSVG";
1
+ export * from "./components";
2
+ export { SlottedSVG } from "./react-component-lib/slottedSVG";
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./components";
2
- export { SlottedSVG } from "./react-component-lib/slottedSVG";
1
+ export * from "./components";
2
+ export { SlottedSVG } from "./react-component-lib/slottedSVG";
@@ -1,10 +1,10 @@
1
- import React from 'react';
2
- export interface HTMLStencilElement extends HTMLElement {
3
- componentOnReady(): Promise<this>;
4
- }
5
- interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
6
- forwardedRef: React.RefObject<ElementType>;
7
- ref?: React.Ref<any>;
8
- }
9
- export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
10
- export {};
1
+ import React from 'react';
2
+ export interface HTMLStencilElement extends HTMLElement {
3
+ componentOnReady(): Promise<this>;
4
+ }
5
+ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
6
+ forwardedRef: React.RefObject<ElementType>;
7
+ ref?: React.Ref<any>;
8
+ }
9
+ export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
10
+ export {};
@@ -1,74 +1,74 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { createElement } from 'react';
13
- import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
14
- export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
15
- if (defineCustomElement !== undefined) {
16
- defineCustomElement();
17
- }
18
- const displayName = dashToPascalCase(tagName);
19
- const ReactComponent = class extends React.Component {
20
- constructor(props) {
21
- super(props);
22
- this.setComponentElRef = (element) => {
23
- this.componentEl = element;
24
- };
25
- }
26
- componentDidMount() {
27
- this.componentDidUpdate(this.props);
28
- }
29
- componentDidUpdate(prevProps) {
30
- attachProps(this.componentEl, this.props, prevProps);
31
- }
32
- render() {
33
- const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
34
- let propsToPass = Object.keys(cProps).reduce((acc, name) => {
35
- const value = cProps[name];
36
- if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
37
- const eventName = name.substring(2).toLowerCase();
38
- if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
39
- acc[name] = value;
40
- }
41
- }
42
- else {
43
- // we should only render strings, booleans, and numbers as attrs in html.
44
- // objects, functions, arrays etc get synced via properties on mount.
45
- const type = typeof value;
46
- if (type === 'string' || type === 'boolean' || type === 'number') {
47
- acc[camelToDashCase(name)] = value;
48
- }
49
- }
50
- return acc;
51
- }, {});
52
- if (manipulatePropsFunction) {
53
- propsToPass = manipulatePropsFunction(this.props, propsToPass);
54
- }
55
- const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
56
- /**
57
- * We use createElement here instead of
58
- * React.createElement to work around a
59
- * bug in Vite (https://github.com/vitejs/vite/issues/6104).
60
- * React.createElement causes all elements to be rendered
61
- * as <tagname> instead of the actual Web Component.
62
- */
63
- return createElement(tagName, newProps, children);
64
- }
65
- static get displayName() {
66
- return displayName;
67
- }
68
- };
69
- // If context was passed to createReactComponent then conditionally add it to the Component Class
70
- if (ReactComponentContext) {
71
- ReactComponent.contextType = ReactComponentContext;
72
- }
73
- return createForwardRef(ReactComponent, displayName);
74
- };
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { createElement } from 'react';
13
+ import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
14
+ export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
15
+ if (defineCustomElement !== undefined) {
16
+ defineCustomElement();
17
+ }
18
+ const displayName = dashToPascalCase(tagName);
19
+ const ReactComponent = class extends React.Component {
20
+ constructor(props) {
21
+ super(props);
22
+ this.setComponentElRef = (element) => {
23
+ this.componentEl = element;
24
+ };
25
+ }
26
+ componentDidMount() {
27
+ this.componentDidUpdate(this.props);
28
+ }
29
+ componentDidUpdate(prevProps) {
30
+ attachProps(this.componentEl, this.props, prevProps);
31
+ }
32
+ render() {
33
+ const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
34
+ let propsToPass = Object.keys(cProps).reduce((acc, name) => {
35
+ const value = cProps[name];
36
+ if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
37
+ const eventName = name.substring(2).toLowerCase();
38
+ if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
39
+ acc[name] = value;
40
+ }
41
+ }
42
+ else {
43
+ // we should only render strings, booleans, and numbers as attrs in html.
44
+ // objects, functions, arrays etc get synced via properties on mount.
45
+ const type = typeof value;
46
+ if (type === 'string' || type === 'boolean' || type === 'number') {
47
+ acc[camelToDashCase(name)] = value;
48
+ }
49
+ }
50
+ return acc;
51
+ }, {});
52
+ if (manipulatePropsFunction) {
53
+ propsToPass = manipulatePropsFunction(this.props, propsToPass);
54
+ }
55
+ const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
56
+ /**
57
+ * We use createElement here instead of
58
+ * React.createElement to work around a
59
+ * bug in Vite (https://github.com/vitejs/vite/issues/6104).
60
+ * React.createElement causes all elements to be rendered
61
+ * as <tagname> instead of the actual Web Component.
62
+ */
63
+ return createElement(tagName, newProps, children);
64
+ }
65
+ static get displayName() {
66
+ return displayName;
67
+ }
68
+ };
69
+ // If context was passed to createReactComponent then conditionally add it to the Component Class
70
+ if (ReactComponentContext) {
71
+ ReactComponent.contextType = ReactComponentContext;
72
+ }
73
+ return createForwardRef(ReactComponent, displayName);
74
+ };