@city-of-helsinki/react-helsinki-headless-cms 3.0.0-rc.1 → 3.0.0

package/dist/package.json

@@ -0,0 +1,182 @@
+{
+  "name": "@city-of-helsinki/react-helsinki-headless-cms",
+  "version": "3.0.0",
+  "description": "React components for displaying Headless CMS content according to guidelines set by HDS",
+  "main": "cjs/index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "prepare": "husky",
+    "dev": "yarn storybook",
+    "dev:no-open": "yarn storybook --no-open",
+    "typecheck": "tsc --project ./tsconfig.json --noEmit",
+    "lint": "yarn eslint src && yarn prettier ./src -c",
+    "lint-fix": "yarn eslint src --fix && yarn prettier ./src -w",
+    "test": "jest",
+    "test:staged": "jest --findRelatedTests --passWithNoTests",
+    "test-storybook": "test-storybook",
+    "test:coverage": "jest --coverage",
+    "build": "rollup -c --bundleConfigAsCjs",
+    "docker:dev": "cross-env DOCKER_TARGET=development docker compose up",
+    "docker:prod": "cross-env DOCKER_TARGET=production docker compose up",
+    "docker:down": "docker compose down --remove-orphans",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "generate:graphql": "cross-env DOTENV_CONFIG_PATH=./.env graphql-codegen -r dotenv/config --config codegen.yml"
+  },
+  "engines": {
+    "node": ">=22.11.0"
+  },
+  "files": [
+    "dist/"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "default": "./dist/cjs/index.js"
+    },
+    "./apollo": {
+      "import": "./dist/apollo.js",
+      "default": "./dist/cjs/apollo.js"
+    },
+    "./nextjs": {
+      "import": "./dist/nextjs.js",
+      "default": "./dist/cjs/nextjs.js"
+    }
+  },
+  "repository": "https://github.com/City-of-Helsinki/react-helsinki-headless-cms.git",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/City-of-Helsinki/react-helsinki-headless-cms/issues"
+  },
+  "homepage": "https://github.com/City-of-Helsinki/react-helsinki-headless-cms#readme",
+  "peerDependencies": {
+    "@apollo/client": "^3.14.0",
+    "hds-react": ">=4.8.1",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "peerDependenciesMeta": {
+    "@apollo/client": {
+      "optional": true
+    }
+  },
+  "//": {
+    "Why are packages in resolutions?": {
+      "hds-react/cookie": [
+        "To fix https://github.com/City-of-Helsinki/react-helsinki-headless-cms/security/dependabot/28",
+        "NOTE: This can be removed if hds-react starts to depend on >=v1 cookie"
+      ]
+    }
+  },
+  "resolutions": {
+    "hds-react/cookie": "^0.7.2"
+  },
+  "devDependencies": {
+    "@apollo/client": "^3.14.0",
+    "@babel/core": "^7.28.5",
+    "@babel/plugin-transform-runtime": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@eslint/js": "^9.39.2",
+    "@graphql-codegen/cli": "^5.0.7",
+    "@graphql-codegen/typescript": "^4.1.6",
+    "@graphql-codegen/typescript-operations": "^4.6.1",
+    "@graphql-codegen/typescript-react-apollo": "^4.3.3",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^28.0.9",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@storybook/addon-a11y": "^10.1.6",
+    "@storybook/addon-docs": "^10.1.6",
+    "@storybook/addon-links": "^10.1.6",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react-webpack5": "^10.1.6",
+    "@storybook/test-runner": "^0.24.2",
+    "@stylistic/eslint-plugin": "^5.6.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.14",
+    "@types/jest-axe": "^3.5.9",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "18.3.7",
+    "axe-playwright": "^2.2.2",
+    "babel-jest": "^30.2.0",
+    "babel-loader": "^9.2.1",
+    "cross-env": "^7.0.3",
+    "crypto-browserify": "^3.12.1",
+    "css-loader": "^6.11.0",
+    "edit-json-file": "^1.8.1",
+    "eslint": "^9.39.2",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "git-rev-sync": "^3.0.2",
+    "globals": "^16.5.0",
+    "graphql": "^16.12.0",
+    "hds-react": "4.8.1",
+    "husky": "^9.1.7",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-axe": "^9.0.0",
+    "jest-fetch-mock": "^3.0.3",
+    "lint-staged": "^16.2.7",
+    "msw-storybook-addon": "^2.0.6",
+    "postcss": "^8.5.6",
+    "postcss-scss": "^4.0.9",
+    "prettier": "3.7.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-helmet-async": "^2.0.5",
+    "rollup": "^4.53.3",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-delete": "^2.2.0",
+    "rollup-plugin-dts": "^6.3.0",
+    "rollup-plugin-includepaths": "^0.2.4",
+    "rollup-plugin-polyfill-node": "^0.13.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "sass": "^1.95.1",
+    "sass-loader": "^13.3.3",
+    "storybook": "^10.1.6",
+    "style-loader": "^4.0.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.49.0",
+    "webpack": "^5.103.0"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "date-fns": "^4.1.0",
+    "doctoc": "^2.2.1",
+    "hds-design-tokens": "^4.8.1",
+    "html-entities": "^2.6.0",
+    "html-react-parser": "^5.2.5",
+    "isomorphic-dompurify": "^2.34.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jest-fixed-jsdom": "^0.0.11",
+    "lodash-es": "^4.17.21",
+    "msw": "^2.12.4"
+  },
+  "msw": {
+    "workerDirectory": "public"
+  },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx,cjs,mjs}": [
+      "eslint --fix",
+      "prettier --write",
+      "yarn test:staged"
+    ]
+  }
+}

package/dist/src/apollo/apollo-custom-template.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta } from '@storybook/react-webpack5';
+import { Page } from './page/Page';
+declare const _default: Meta<typeof Page>;
+export default _default;
+export declare const ExampleUsingKultusDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingKukkuuDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;

package/dist/src/apollo/apollo.stories.d.ts

@@ -0,0 +1,24 @@
+import type { Meta } from '@storybook/react-webpack5';
+import { Page } from './page/Page';
+declare const _default: Meta<typeof Page>;
+export default _default;
+export declare const ExampleUsingEventsDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingHobbiesDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingSportsDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingKultusDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;
+export declare const ExampleUsingKukkuuDataSource: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../core").PageProps & {
+    uri?: string;
+    pageTemplate?: import("../core").TemplateEnum;
+}>;

package/dist/src/apollo/index.d.ts

@@ -0,0 +1,17 @@
+export { Navigation } from './navigation/Navigation';
+export { Notification } from './notification/Notification';
+export { Page } from './page/Page';
+export { PageContent } from './pageContent/PageContent';
+export { PageWithTemplateContent } from './pageWithTemplateContent/PageWithTemplateContent';
+export * from '../common/headlessService/page';
+export * from '../common/headlessService/pages';
+export * from '../common/headlessService/article';
+export * from '../common/headlessService/articles';
+export * from '../common/headlessService/category';
+export * from '../common/headlessService/categories';
+export * from '../common/headlessService/tag';
+export * from '../common/headlessService/tags';
+export * from '../common/headlessService/landingPage';
+export * from '../common/headlessService/pageByTemplate';
+export * from '../common/headlessService/menu';
+export * from '../common/headlessService/languages';

package/dist/src/apollo/navigation/Navigation.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { NavigationProps as NavigationPropsWithoutData } from '../../core/navigation/Navigation';
+export type NavigationProps = Omit<NavigationPropsWithoutData, 'menu' | 'languages' | 'getPathnameForLanguage'> & {
+    /**
+     * The name of the menu in Wordpress headless CMS.
+     */
+    menuName: string;
+    /**
+     * Gets language specific path for navigation item.
+     */
+    getPathnameForLanguage: NavigationPropsWithoutData['getPathnameForLanguage'];
+};
+export declare function Navigation({ menuName, getPathnameForLanguage, ...delegatedProps }: NavigationProps): React.JSX.Element;

package/dist/src/apollo/navigation/__tests__/Navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/apollo/notification/Notification.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NotificationProps } from '../../core/notification/Notification';
+export type Props = Exclude<NotificationProps, 'notification'>;
+export declare function Notification(props: Props): React.JSX.Element;

package/dist/src/apollo/notification/__tests__/Notification.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/apollo/page/ApolloPageContextProvider.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("react").Provider<{
+    uri?: string;
+    template?: import("../../core").TemplateEnum;
+}>;
+export default _default;

package/dist/src/apollo/page/Page.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TemplateEnum } from '../../core';
+import type { PageProps as PagePropsWithoutData } from '../../core/page/Page';
+export type PageProps = PagePropsWithoutData & {
+    /**
+     * Uri of the page.
+     */
+    uri?: string;
+    /**
+     * Page template value.
+     */
+    pageTemplate?: TemplateEnum;
+};
+export declare function Page({ uri, pageTemplate, ...delegatedProps }: PageProps): React.JSX.Element;

package/dist/src/apollo/page/apolloPageContext.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateEnum } from '../../core';
+type ApolloPageContext = {
+    /**
+     * Uri of the page.
+     */
+    uri?: string;
+    /**
+     * Page tyoe template.
+     */
+    template?: TemplateEnum;
+};
+declare const apolloPageContext: import("react").Context<ApolloPageContext>;
+export default apolloPageContext;

package/dist/src/apollo/page/useApolloPageContext.d.ts

@@ -0,0 +1,4 @@
+export default function useApolloPageContext(): {
+    uri?: string;
+    template?: import("../../core").TemplateEnum;
+};

package/dist/src/apollo/pageContent/PageContent.d.ts

@@ -0,0 +1,9 @@
+import type { PageContentProps as PageContentPropsWithoutData } from '../../core/pageContent/types';
+export type PageProps = Omit<PageContentPropsWithoutData, 'page'> & {
+    /**
+     * Page content if data not found or missing from cms.
+     */
+    notFoundPageContent?: JSX.Element;
+    [x: string]: any;
+};
+export declare function PageContent({ notFoundPageContent, ...delegatedProps }: PageProps): JSX.Element;

package/dist/src/apollo/pageWithTemplateContent/PageWithTemplateContent.d.ts

@@ -0,0 +1,14 @@
+import type { PageContentProps as PageContentPropsWithoutData } from '../../core/pageContent/types';
+import type { LanguageCodeEnum } from '../../core';
+export type PageProps = Omit<PageContentPropsWithoutData, 'page'> & {
+    /**
+     * The language of the page.
+     */
+    language: LanguageCodeEnum;
+    /**
+     * Page content if data not found or missing from cms.
+     */
+    notFoundPageContent?: JSX.Element;
+    [x: string]: any;
+};
+export declare function PageWithTemplateContent({ language, notFoundPageContent, ...delegatedProps }: PageProps): JSX.Element;

package/dist/src/common/components/container/Container.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+type ContainerProps = {
+    /**
+     * Additional children to render inside the container.
+     */
+    children: JSX.Element | string;
+    /**
+     * Optional wrapper element for the container.
+     */
+    wrapper?: JSX.Element;
+};
+export default function Container({ wrapper, children }: ContainerProps): React.JSX.Element;
+export {};

package/dist/src/common/components/grid/Grid.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface GridProps {
+    /**
+     * Additional children to render inside the grid.
+     */
+    children: React.ReactNode;
+    /**
+     * Number of grid columns.
+     */
+    colsCount?: number;
+    /**
+     * Additional classname for grid container.
+     */
+    className?: string;
+}
+export default function Grid({ colsCount, children, className, }: GridProps): React.JSX.Element;

package/dist/src/common/components/grid/Grid.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta } from '@storybook/react-webpack5';
+import Grid from './Grid';
+declare const _default: Meta<typeof Grid>;
+export default _default;
+export declare const GridDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Grid").GridProps>;
+    args: {};
+};

package/dist/src/common/components/htmlToReact/HtmlToReact.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { Config } from 'isomorphic-dompurify';
+export declare const TABLE_VARIANTS: readonly ["dark", "dense", "light", "with-vertical-lines", "zebra"];
+export type TableVariant = (typeof TABLE_VARIANTS)[number];
+export declare const DEFAULT_TABLE_VARIANTS: TableVariant[];
+type Components = {
+    p?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    h2?: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    a?: React.ComponentType<React.AnchorHTMLAttributes<HTMLAnchorElement>> | string;
+    table?: React.ComponentType<React.TableHTMLAttributes<HTMLTableElement>> | string;
+    tableVariants?: TableVariant[];
+    img?: React.ComponentType<React.ImgHTMLAttributes<HTMLImageElement>> | string;
+    iframe?: React.ComponentType<React.IframeHTMLAttributes<HTMLIFrameElement>>;
+};
+export type HtmlToReactProps = {
+    /**
+     * Additional children to render inside the grid.
+     */
+    children: string;
+    /**
+     * React components for custom html elements transformation.
+     */
+    components?: Components;
+    /**
+     * Option to allow unsafe tags, otherwise cleared and not rendered.
+     */
+    allowedUnsafeTags?: Config['ALLOWED_TAGS'];
+    /**
+     * Trusted origins for url properties and attributes, for elements such as iframes and scripts.
+     */
+    trustedOrigins?: string[];
+};
+export declare function HtmlToReact({ children: dirty, components, allowedUnsafeTags, trustedOrigins, }: HtmlToReactProps): React.JSX.Element;
+export {};

package/dist/src/common/components/htmlToReact/HtmlToReact.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react-webpack5';
+import type { HtmlToReactProps } from './HtmlToReact';
+import { HtmlToReact } from './HtmlToReact';
+declare const _default: Meta<typeof HtmlToReact>;
+export default _default;
+export declare const HtmlToReactMedia: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, HtmlToReactProps>;
+    args: {
+        children: string;
+        allowedUnsafeTags: string[];
+        trustedOrigins: string[];
+    };
+};

package/dist/src/common/components/htmlToReact/__tests__/HtmlToReact.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/common/components/htmlToReact/replaceComponents/DefaultH2.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function DefaultH2({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/src/common/components/htmlToReact/replaceComponents/DefaultP.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function DefaultP({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/src/common/components/htmlToReact/replaceComponents/IframeForEmbeddedMedia.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * An iframe HTML-element to securely render
+ * a sandboxed version of an embedded video media player, e.g. from the CMS.
+ * */
+export default function IframeForEmbeddedMedia(props: React.PropsWithChildren<React.IframeHTMLAttributes<HTMLIFrameElement>>): React.JSX.Element;

package/dist/src/common/components/htmlToReact/replaceComponents/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DefaultH2 } from './DefaultH2';
+export { default as DefaultP } from './DefaultP';
+export { default as IframeForEmbeddedMedia } from './IframeForEmbeddedMedia';

package/dist/src/common/components/icons/index.d.ts

@@ -0,0 +1,5 @@
+export { IconAlertCircle, IconAlertCircleFill, IconAngleDown, IconAngleLeft, IconAngleRight, IconAngleUp, IconArrowBottomLeft, IconArrowBottomRight, IconArrowDown, IconArrowLeft, IconArrowRedo, IconArrowRight, IconArrowRightDashed, IconArrowTopLeft, IconArrowTopRight, IconArrowUndo, IconArrowUp, IconAtSign as IconGlyphAt, // @deprecated Use IconAtSign instead
+IconAtSign, IconBagCogwheel, IconBell, IconBellCrossed, IconBinoculars, IconCake, IconCalendar, IconCalendarClock, IconCalendarCross, IconCalendarEvent as IconEvent, // @deprecated Use IconCalendarEvent instead
+IconCalendarEvent, IconCalendarPlus, IconCalendarRecurring, IconCamera, IconCheck, IconCheckCircle, IconCheckCircleFill, IconChildren, IconClock, IconClockCross, IconClockPlus, IconCoffeeCupSaucer, IconCogwheel, IconCogwheels, IconCollapse, IconCompany, IconCopy, IconCross, IconCrossCircle, IconCrossCircleFill, IconCustomerBotNegative, IconCustomerBotNeutral, IconCustomerBotPositive, IconDiscord, IconDisplay, IconDocument, IconDownload, IconDownloadCloud, IconDrag, IconEntrepreneur, IconEnvelope, IconError, IconErrorFill, IconEuroSign as IconGlyphEuro, // @deprecated Use IconEuroSign instead
+IconEuroSign, IconEye, IconEyeCrossed, IconFacebook, IconFaceNeutral, IconFaceSad, IconFaceSmile, IconFamily, IconGlobe, IconGoogle, IconGraphColumns, IconGroup, IconHammers, IconHeadphones, IconHeart, IconHeartFill, IconHistory, IconHome, IconHomeSmoke, IconInfoCircle, IconInfoCircleFill, IconInstagram, IconKey, IconLayers, IconLightbulb, IconLink, IconLinkedin, IconLinkExternal, IconLocate, IconLocation, IconLock, IconLockOpen, IconMap, IconMenuDots, IconMenuHamburger, IconMicrophone, IconMicrophoneCrossed, IconMinus, IconMinusCircle, IconMinusCircleFill, IconMobile, IconMoneyBag, IconMoneyBagFill, IconMover, IconOccupation, IconPaperclip, IconPen, IconPenLine, IconPersonFemale, IconPersonGenderless, IconPersonMale, IconPersonWheelchair, IconPhone, IconPhoto, IconPhotoPlus, IconPlaybackFastforward, IconPlaybackNext, IconPlaybackPause, IconPlaybackPlay, IconPlaybackPrevious, IconPlaybackRecord, IconPlaybackRewind, IconPlaybackStop, IconPlus, IconPlusCircle, IconPlusCircleFill, IconPodcast, IconPrinter, IconQuestionCircle, IconQuestionCircleFill, IconRefresh, IconRestaurant, IconRss, IconSaveDiskette, IconSaveDisketteFill, IconScroll, IconScrollCogwheel, IconScrollContent, IconScrollGroup, IconSearch, IconSenior, IconShare, IconShield, IconShoppingCart, IconSignin, IconSignout, IconSitemap, IconSliders, IconSnapchat, IconSort, IconSortAlphabeticalAscending, IconSortAlphabeticalDescending, IconSortAscending, IconSortDescending, IconSpeechbubble, IconSpeechbubbleText, IconStar, IconStarFill, IconSwapUser, IconTextBold, IconTextItalic, IconTextTool, IconThumbsDown, IconThumbsDownFill, IconThumbsUp, IconThumbsUpFill, IconTicket, IconTiktok, IconTrash, IconTraveler, IconTwitch, IconTwitter, IconUpload, IconUploadCloud, IconUser, IconVaccine, IconVideocamera, IconVideocameraCrossed, IconVimeo, IconVirus, IconVolumeHigh, IconVolumeLow, IconVolumeMinus, IconVolumeMute, IconVolumePlus, IconWhatsapp as IconWhatsApp, // @deprecated Use IconWhatsapp instead
+IconWhatsapp, IconWifi, IconWifiCrossed, IconX, IconYle, IconYouth, IconYoutube, IconZoomIn, IconZoomOut, IconZoomText, } from 'hds-react';

package/dist/src/common/components/list/List.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type ListProps = {
+    /**
+     * List item elements.
+     */
+    items?: (JSX.Element | JSX.Element[] | null | false)[];
+    /**
+     * List item variant options.
+     */
+    variant?: 'spacing-4-xs' | 'spacing-3-xs' | 'spacing-2-xs' | 'spacing-xs' | 'spacing-s' | 'spacing-m' | 'spacing-l' | 'spacing-xl' | 'spacing-2-xl' | 'spacing-3-xl' | 'spacing-4-xl' | 'spacing-5-xl' | 'spacing-layout-2-xs' | 'spacing-layout-xs' | 'spacing-layout-s' | 'spacing-layout-m' | 'spacing-layout-l' | 'spacing-layout-xl' | 'spacing-layout-2-xl';
+};
+export default function List({ items, variant }: ListProps): React.JSX.Element;
+export {};

package/dist/src/common/components/list/List.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react-webpack5';
+import List from './List';
+declare const _default: Meta<typeof List>;
+export default _default;
+export declare const ListDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        items?: (JSX.Element | JSX.Element[] | null | false)[];
+        variant?: "spacing-4-xs" | "spacing-3-xs" | "spacing-2-xs" | "spacing-xs" | "spacing-s" | "spacing-m" | "spacing-l" | "spacing-xl" | "spacing-2-xl" | "spacing-3-xl" | "spacing-4-xl" | "spacing-5-xl" | "spacing-layout-2-xs" | "spacing-layout-xs" | "spacing-layout-s" | "spacing-layout-m" | "spacing-layout-l" | "spacing-layout-xl" | "spacing-layout-2-xl";
+    }>;
+    args: {
+        items: string[];
+    };
+};

package/dist/src/common/components/tag/Tag.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { TagProps as HDSTagProps } from 'hds-react';
+type Props = {
+    /**
+     *  Boolean indicating whether the tag has a featured style variant.
+     */
+    featured?: boolean;
+    /**
+     *  Boolean indicating whether the tag has a white-only style variant.
+     */
+    whiteOnly?: boolean;
+    /**
+     * Boolean indicating whether the tag has a selected style variant.
+     */
+    selected?: boolean;
+    /**
+     * White-space wrapping (Enabled by default in HDS v4, but disabled in this lib).
+     */
+    noTextWrap?: boolean;
+    /**
+     * onClick handler.
+     */
+    onClick?: () => void;
+} & Pick<HDSTagProps, 'children' | 'className' | 'id' | 'role' | 'size'>;
+export declare function Tag({ className, children, featured, selected, whiteOnly, noTextWrap, onClick, id, ...hdsTagProps }: Props): React.JSX.Element;
+export {};

package/dist/src/common/components/tag/Tag.stories.d.ts

@@ -0,0 +1,80 @@
+import type { Meta } from '@storybook/react-webpack5';
+import { Tag } from './Tag';
+declare const _default: Meta<typeof Tag>;
+export default _default;
+export declare const TagDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        onClick: undefined;
+    };
+};
+export declare const TagFeatured: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        featured: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagSelected: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        selected: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagWhiteOnly: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        whiteOnly: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagNoTextWrap: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        noTextWrap: boolean;
+        onClick: undefined;
+    };
+};
+export declare const TagWithOnclickHandler: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        featured?: boolean;
+        whiteOnly?: boolean;
+        selected?: boolean;
+        noTextWrap?: boolean;
+        onClick?: () => void;
+    } & Pick<import("hds-react").TagProps, "id" | "children" | "className" | "role" | "size">>;
+    args: {
+        onClick: () => void;
+    };
+};

package/dist/src/common/components/tag/__tests__/Tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/common/components/tag/tagThemes.d.ts

@@ -0,0 +1,3 @@
+import type { TagTheme } from 'hds-react';
+export declare const theme1: TagTheme;
+export declare const theme2: TagTheme;

package/dist/src/common/components/text/Text.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import React from 'react';
+type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'body-l' | 'body-xl';
+type TextVariantProps = {
+    /**
+     * The render html element type for the text.
+     */
+    as?: string | React.ComponentType<HTMLAttributes<HTMLElement>>;
+    /**
+     * Text variant option.
+     */
+    variant?: TextVariant;
+    /**
+     * Additional classname for the text.
+     */
+    children: ReactNode;
+    /**
+     * Additional classname for the text.
+     */
+    className?: string;
+    /**
+     * Deprecated
+     */
+    role?: string;
+};
+declare function Text({ as: elementType, variant, children, className, ...rest }: TextVariantProps): React.ReactElement<HTMLAttributes<HTMLElement>, string | React.JSXElementConstructor<any>>;
+export default Text;