@uob-web-and-digital/component-library 2.8.0 → 2.9.1

package/README.md

@@ -100,6 +100,37 @@ After installation you will need to add the following to your layout file;
 import '@uob-web-and-digital/component-library/dist/main.css';
 ```
 
+## Testing the component package library with a local consumer application
+
+In order to test the component library with you need to build and then package the library into a file using pack:
+
+```
+npm run build-package
+npm pack <filename>
+```
+
+This produces \<filename\>.tgz
+
+Copy this file into the root directory of your consuming app then change your package.json to point to that file instead of the npmjs.org package.
+
+Change:
+
+```
+"@uob-web-and-digital/component-library": "^2.7.10",
+```
+
+To:
+
+```
+"@uob-web-and-digital/component-library": "file:./<filename>.tgz",
+```
+
+Then do an npm install for that file.
+
+```
+npm install <filename>.tgz
+```
+
 ## Base64 fonts
 
 Fonts are base64 encoded so they are not hosted on a third party.

package/dist/components/molecules/CardImageAndText/CardImageAndText.stories.d.ts

@@ -13,6 +13,7 @@ type Story = StoryObj<typeof CardImageAndText>;
 export declare const Light: Story;
 export declare const Dark: Story;
 export declare const MultipleParagraphs: Story;
+export declare const HeadingH3: Story;
 export declare const Logo: Story;
 export declare const NoHeading: Story;
 export declare const Group: Story;

package/dist/components/organisms/AnchorTarget/AnchorTarget.d.ts

@@ -7,5 +7,6 @@ export interface AnchorTargetProps {
     targetLabel: string;
     children: ReactNode;
     includeDivider?: boolean;
+    landmarkLabel?: string;
 }
-export default function AnchorTarget({ theme, inverse, includeDivider, targetLabel, children }: AnchorTargetProps): ReactElement;
+export default function AnchorTarget({ theme, inverse, includeDivider, targetLabel, landmarkLabel, children }: AnchorTargetProps): ReactElement;