@ukic/react 2.35.2 → 3.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/components.d.ts +2 -2
- package/dist/components.js +2 -2
- package/dist/core/core.css +1606 -64
- package/package.json +21 -20
package/README.md
CHANGED
|
@@ -18,11 +18,11 @@ In the root of your project:
|
|
|
18
18
|
|
|
19
19
|
```shell
|
|
20
20
|
# using npm
|
|
21
|
-
npm install @ukic/react @ukic/fonts
|
|
21
|
+
npm install @ukic/react@next @ukic/fonts@next @ukic/web-components@next
|
|
22
22
|
|
|
23
23
|
# using yarn
|
|
24
24
|
rm package-lock.json
|
|
25
|
-
yarn add @ukic/react @ukic/fonts
|
|
25
|
+
yarn add @ukic/react@next @ukic/fonts@next @ukic/web-components@next
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
### Step two
|
|
@@ -44,7 +44,7 @@ Add the following into the top level CSS file for your project.
|
|
|
44
44
|
@import "@ukic/react/dist/core/core.css";
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
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/).
|
|
47
|
+
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
48
|
|
|
49
49
|
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.
|
|
50
50
|
|
|
@@ -69,7 +69,7 @@ We have a couple of resources to help you with contributing.
|
|
|
69
69
|
|
|
70
70
|
## Changelog
|
|
71
71
|
|
|
72
|
-
For a comprehensive changelog of the React components, please read the web components [CHANGELOG](https://github.com/mi6/ic-ui-kit/blob/main/
|
|
72
|
+
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.
|
|
73
73
|
|
|
74
74
|
## Security
|
|
75
75
|
|
|
@@ -89,4 +89,4 @@ Visit our websites to learn more about:
|
|
|
89
89
|
|
|
90
90
|
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/).
|
|
91
91
|
|
|
92
|
-
© Crown copyright 2022
|
|
92
|
+
© Crown copyright 2022
|
package/dist/components.d.ts
CHANGED
|
@@ -7,12 +7,12 @@ export declare const IcBadge: import("react").ForwardRefExoticComponent<JSX.IcBa
|
|
|
7
7
|
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>>;
|
|
8
8
|
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>>;
|
|
9
9
|
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>>;
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const IcCardVertical: import("react").ForwardRefExoticComponent<JSX.IcCardVertical & Omit<import("react").HTMLAttributes<HTMLIcCardVerticalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCardVerticalElement>>;
|
|
11
11
|
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>>;
|
|
12
12
|
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>>;
|
|
13
13
|
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>>;
|
|
14
14
|
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>>;
|
|
15
|
-
export declare const
|
|
15
|
+
export declare const IcDataList: import("react").ForwardRefExoticComponent<JSX.IcDataList & Omit<import("react").HTMLAttributes<HTMLIcDataListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataListElement>>;
|
|
16
16
|
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>>;
|
|
17
17
|
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>>;
|
|
18
18
|
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>>;
|
package/dist/components.js
CHANGED
|
@@ -12,12 +12,12 @@ export var IcBadge = /*@__PURE__*/ createReactComponent('ic-badge');
|
|
|
12
12
|
export var IcBreadcrumb = /*@__PURE__*/ createReactComponent('ic-breadcrumb');
|
|
13
13
|
export var IcBreadcrumbGroup = /*@__PURE__*/ createReactComponent('ic-breadcrumb-group');
|
|
14
14
|
export var IcButton = /*@__PURE__*/ createReactComponent('ic-button');
|
|
15
|
-
export var
|
|
15
|
+
export var IcCardVertical = /*@__PURE__*/ createReactComponent('ic-card-vertical');
|
|
16
16
|
export var IcCheckbox = /*@__PURE__*/ createReactComponent('ic-checkbox');
|
|
17
17
|
export var IcCheckboxGroup = /*@__PURE__*/ createReactComponent('ic-checkbox-group');
|
|
18
18
|
export var IcChip = /*@__PURE__*/ createReactComponent('ic-chip');
|
|
19
19
|
export var IcClassificationBanner = /*@__PURE__*/ createReactComponent('ic-classification-banner');
|
|
20
|
-
export var
|
|
20
|
+
export var IcDataList = /*@__PURE__*/ createReactComponent('ic-data-list');
|
|
21
21
|
export var IcDataRow = /*@__PURE__*/ createReactComponent('ic-data-row');
|
|
22
22
|
export var IcDialog = /*@__PURE__*/ createReactComponent('ic-dialog');
|
|
23
23
|
export var IcDivider = /*@__PURE__*/ createReactComponent('ic-divider');
|