@hlf-fe/pulmo-ui 1.5.7 → 1.5.8

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { type FooterProps } from "./components/modules/footer/footer";
 import { type LogoListProps } from "./components/modules/logo-list/logo-list";
 export type { ButtonProps, LoadingButtonProps, TextButtonProps, EmailSignupFormProps, ImageProps, ContainerProps, AlertProps, EntryListHeadingProps, EntryListTextProps, PaginationProps, CardBannerProps, PaperProps, };
 export { CloseIcon } from "./components/icons/close-icon/close-icon";
+export { ChevronLeftIcon } from "./components/icons/chevron-left-icon/chevron-left-icon";
 export { ExclamationMarkIcon } from "./components/icons/exclamation-mark-icon/exclamation-mark-icon";
 export { WarningIcon } from "./components/icons/warning-icon/warning-icon";
 export { SearchIcon } from "./components/icons/search-icon/search-icon";

package/dist/index.js

@@ -29,6 +29,7 @@ import { NavigationDesktop as NavigationDesktopComponent, } from "./components/m
 import { NavigationMobile as NavigationMobileComponent, } from "./components/modules/navigation/navigation-mobile/navigation-mobile";
 // Icons
 export { CloseIcon } from "./components/icons/close-icon/close-icon";
+export { ChevronLeftIcon } from "./components/icons/chevron-left-icon/chevron-left-icon";
 export { ExclamationMarkIcon } from "./components/icons/exclamation-mark-icon/exclamation-mark-icon";
 export { WarningIcon } from "./components/icons/warning-icon/warning-icon";
 export { SearchIcon } from "./components/icons/search-icon/search-icon";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hlf-fe/pulmo-ui",
   "private": false,
-  "version": "1.5.7",
+  "version": "1.5.8",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/components/buttons/link-button/link-button.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-export type LinkButtonProps = {
-    type?: "button" | "reset" | "submit";
-    icon?: ReactNode;
-    className?: string;
-    inverted?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
-    btnSize?: "s" | "m" | "l";
-    fullWidth?: boolean;
-    fullWidthMobile?: boolean;
-    dataTest?: string;
-    tabIndex?: number;
-    to?: string;
-    href?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    children: ReactNode;
-};
-export type StyledLinkButtonProps = {
-    inverted?: boolean;
-    btnSize?: "s" | "m" | "l";
-    fullWidthMobile?: boolean;
-    fullWidth?: boolean;
-};
-export declare const LinkButton: ({ type, onClick, className, inverted, disabled, btnSize, fullWidth, fullWidthMobile, dataTest, tabIndex, children, to, href, target, }: LinkButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/link-button/link-button.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-import { media, buttonSize } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-import { Link } from "gatsby";
-export const LinkButton = ({ type = "submit", onClick, className = "", inverted = false, disabled = false, btnSize = "m", fullWidth, fullWidthMobile, dataTest, tabIndex, children, to, href, target, }) => {
-    const commonProps = {
-        className,
-        onClick,
-        inverted,
-        btnSize,
-        fullWidth,
-        fullWidthMobile,
-        "data-test": dataTest,
-        tabIndex,
-    };
-    const asElement = to ? Link : href ? "a" : "button";
-    return (_jsx(StyledLinkButton, { as: asElement, ...commonProps, ...(to ? { to } : {}), ...(href
-            ? {
-                href,
-                target,
-                rel: target === "_blank" ? "noopener noreferrer" : undefined,
-            }
-            : {}), ...(!to && !href ? { type, disabled } : {}), children: children }));
-};
-const StyledLinkButton = styled.button `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${rem(10)};
-  font-family: ${({ theme }) => theme.valueBold};
-  font-weight: 400;
-  text-decoration: none;
-  color: ${({ theme, inverted }) => (inverted ? theme.red : theme.white)};
-  width: ${({ fullWidthMobile }) => (fullWidthMobile ? "100%" : "fit-content")};
-  background-color: ${({ theme, inverted }) => inverted ? theme.white : theme.red};
-  line-height: 2.5;
-  border-radius: ${rem(5)};
-  border-color: ${({ theme, inverted }) => inverted ? theme.red : "transparent"};
-  transition: background-color 0.3s ease-out;
-  border-style: solid;
-
-  &:disabled {
-    cursor: default;
-    opacity: 0.6;
-  }
-
-  ${({ btnSize }) => {
-    switch (btnSize) {
-        case "s":
-            return buttonSize.S;
-        case "m":
-            return buttonSize.M;
-        case "l":
-            return buttonSize.L;
-        default:
-            return buttonSize.M;
-    }
-}}
-
-  ${({ theme, inverted, fullWidth }) => css `
-    ${media.M `
-      width: ${fullWidth ? "100%" : "fit-content"};
-    `}
-
-    &:not(:disabled) {
-      ${media.L `
-        &:hover, :active, :focus-visible {
-          background-color: ${inverted ? theme.red : theme.redHover};
-          color: ${theme.white};
-        }
-
-        &:focus-visible {
-          outline: ${rem(2)} solid ${theme.blackLight};
-          outline-offset: ${rem(2)};
-        }
-      `};
-    }
-  `};
-`;

package/dist/components/buttons/link-button/link-button.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { LinkButton } from "./link-button";
-declare const meta: Meta<typeof LinkButton>;
-export default meta;
-type Story = StoryObj<typeof LinkButton>;
-export declare const Default: Story;

package/dist/components/buttons/link-button/link-button.stories.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LinkButton } from "./link-button";
-import { Decorator } from "../../../components/decorator/decorator";
-const meta = {
-    title: "Buttons/LinkButton",
-    component: LinkButton,
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        inverted: false,
-        children: "Button Text",
-    },
-};

package/dist/components/layout/image-list/image-list.d.ts

@@ -1,6 +0,0 @@
-import { SanityImage } from '../../../models/sanity-types';
-export type ImageListProps = {
-    heading?: string;
-    images: SanityImage[];
-};
-export declare const ImageList: ({ heading, images }: ImageListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/image-list/image-list.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Image } from "../../../components/layout/image/image";
-import { Container } from "../../../components/layout/container/container";
-import styled from 'styled-components';
-import { media } from '../../../styles/mixins';
-import { rem } from '../../../styles/units';
-export const ImageList = ({ heading, images }) => {
-    return (_jsx(OuterContainer, { children: _jsxs(StyledContainer, { children: [heading && _jsx(Heading, { children: heading }), _jsx(LogoContainer, { children: images?.map((image, i) => {
-                        return _jsx(Image, { image: image?.asset }, `${image?.asset?.url}-${i}`);
-                    }) })] }) }));
-};
-const OuterContainer = styled.div `
-  background-color: ${({ theme }) => theme.white};
-`;
-const StyledContainer = styled(Container) `
-  margin-bottom: 0; 
-`;
-const LogoContainer = styled.div `
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-auto-rows: ${rem(110)};
-  grid-gap: ${rem(20)};
-  padding: ${rem(32)} 0 ${rem(40)};
-
-  ${media.L `
-    grid-template-columns: repeat(5, 1fr);
-    grid-auto-rows: ${rem(135)};
-    padding: ${rem(32)} 0 ${rem(48)};
-  `}
-
-  img {
-    width: 100%;
-    height: ${rem(110)};
-    border-radius: ${rem(4)};
-    box-shadow: 0 ${rem(4)} ${rem(16)} 0 rgba(0, 0, 0, 0.08);
-    padding: ${rem(10)};
-
-    ${media.L `
-      height: ${rem(135)};
-  `}
-  }
-`;
-const Heading = styled.h2 `
-  font-family: ${({ theme }) => theme.valueRegular};
-  font-size: ${rem(16)};
-  font-weight: normal;
-  color: ${({ theme }) => theme.blackLight};
-  margin: 0;
-  padding-top: ${rem(32)};
-
-  ${media.M `
-    font-size: ${rem(18)};
-    text-align: center; 
-  `}
-`;

package/dist/components/layout/image-list/image-list.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ImageList } from "./image-list";
-declare const meta: Meta<typeof ImageList>;
-export default meta;
-type Story = StoryObj<typeof ImageList>;
-export declare const Default: Story;

package/dist/components/layout/image-list/image-list.stories.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ImageList } from "./image-list";
-import { Decorator } from "../../../components/decorator/decorator";
-import { svgMock } from '../../../mocks/image-mocks';
-const meta = {
-    title: "Layout/ImageList",
-    component: ImageList,
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-const images = Array(10).fill(svgMock);
-export const Default = {
-    args: {
-        heading: 'Lorem ipsum dolor sit amet',
-        images,
-    },
-};

package/dist/components/modules/navigation/navigation-desktop/nav-cell.d.ts

@@ -1,6 +0,0 @@
-export type NavigationCellProps = {
-    title: string;
-    active?: boolean;
-    onToggleCell: () => void;
-};
-export declare const NavigationCell: ({ title, active, onToggleCell, }: NavigationCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/modules/navigation/navigation-desktop/nav-cell.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ToggableChevron } from "../../../../components/icons/toggable-chevron/toggable-chevron";
-import styled, { css } from "styled-components";
-import { media } from "../../../../styles/mixins";
-import { rem } from "../../../../styles/units";
-export const NavigationCell = ({ title, active, onToggleCell, }) => (_jsx(StyledListItem, { children: _jsxs(NavCell, { "data-test": "nav-cell", "$active": active, onClick: onToggleCell, children: [title, _jsx(StyledToggle, { toggled: active })] }) }));
-const StyledListItem = styled.li `
-  display: inline-block;
-  height: 100%;
-  padding-right: ${rem(16)};
-
-  ${media.XL `
-    padding-right: ${rem(32)};
-
-    &:last-of-type {
-      padding-right: ${rem(40)};
-    }
-  `}
-`;
-const NavCell = styled.button `
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  display: grid;
-  grid-template-columns: 1fr 22px;
-  align-items: center;
-  height: 100%;
-  font-size: ${rem(14)};
-
-  ${media.XL `
-    font-size: ${rem(18)};
-  `}
-
-  p {
-    font-size: inherit;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 0;
-  }
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueBold};
-  `};
-
-  ${({ $active }) => $active &&
-    css `
-      ${({ theme }) => css `
-        color: ${theme.red};
-        box-shadow: inset 0 -4px 0 ${theme.red};
-      `};
-    `};
-`;
-const StyledToggle = styled(ToggableChevron).attrs({
-    disableCircle: true,
-}) `
-  margin-left: ${rem(4)};
-
-  svg {
-    ${(props) => props.toggled &&
-    css `
-        ${({ theme }) => css `
-          fill: ${theme.red};
-        `};
-      `};
-  }
-`;

package/dist/components/modules/navigation/navigation-desktop/nav-section.d.ts

@@ -1,8 +0,0 @@
-import { NavigationSectionModel } from "../types";
-type Props = {
-    section: NavigationSectionModel;
-    className?: string;
-    closeSection: () => void;
-};
-export declare const NavigationSection: ({ section, className, closeSection }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/modules/navigation/navigation-desktop/nav-section.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import styled, { css } from "styled-components";
-import { NavigationItem } from "../../../../components/navigation/nav-item/nav-item";
-import { CardBanner } from "../../../../components/surfaces/cards/card-banner/card-banner";
-import { rem } from '../../../../styles/units';
-export const NavigationSection = ({ section, className, closeSection }) => {
-    const [currentItem, setCurrentItem] = useState();
-    const onToggle = (item) => {
-        setCurrentItem(currentItem?.key !== item?.key ? item : undefined);
-    };
-    const renderColumn = (title, items) => (items ? (_jsxs(NavCol, { children: [_jsx(Header, { children: title }), _jsx(StyledList, { children: items.map((item) => (_jsx(NavigationItem, { model: item, expanded: currentItem?.key === item.key, parent: section.title, onToggle: onToggle, onLinkClick: closeSection }, item.key))) })] })) : _jsx("span", {}));
-    return (_jsx(Wrapper, { "data-test": "nav-section", className: className, children: _jsxs(Content, { children: [_jsxs(NavWrapper, { "data-test": "nav-block", children: [renderColumn(section.column1Title, section.column1Items), renderColumn(section.column2Title, section.column2Items)] }), _jsx(InfoWrapper, { color: section?.backgroundColor?.hex, children: section?.linkBanners && section?.linkBanners?.map((banner) => (_jsx(CardBanner, { ...banner, externalUrl: banner?.link?.externalUrl, internalLink: banner?.link?.internalLink?.slug?.current, onClick: closeSection }, banner.title.trim()))) })] }) }));
-};
-const Wrapper = styled.div `
-  @keyframes fadeIn {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
-
-  position: absolute;
-  width: 100%;
-  animation: fadeIn 0.2s;
-`;
-const Content = styled.div `
-  position: absolute;
-  width: 100%;
-  display: grid;
-  grid-template-columns: 55% 45%;
-  max-width: 1114px;
-  left: 50%;
-  transform: translateX(-50%);
-`;
-const NavWrapper = styled.div `
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-column-gap: ${rem(20)};
-  background-color: white;
-  padding: ${rem(32)} ${rem(62)} ${rem(56)} ${rem(45)};
-`;
-const InfoWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: ${rem(45)};
-  background-color: white;
-
-  ${({ color }) => color && css `
-    background-color: ${color};
-  `};
-
-  > * {
-    &:first-child {
-        margin-bottom: ${rem(24)};
-    }
-  }
-`;
-const NavCol = styled.div `
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-`;
-const StyledList = styled.ul `
-  margin: 0;
-  padding: 0;
-`;
-const Header = styled.h2 `
-  font-size: ${rem(24)};
-  margin: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  border-bottom: 1px solid ${({ theme }) => theme.grayPale};
-  padding-bottom: 2px;
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueBold};
-  `};
-`;

package/dist/components/modules/navigation/types.d.ts

@@ -1,39 +0,0 @@
-import { WebPageUrl } from '../../../models/web-page-url';
-import { SanityImage } from '../../../models/sanity-types';
-export type NavigationItemModel = {
-    key: string;
-    title: string;
-    highlight?: boolean;
-    link?: WebPageUrl;
-    items?: any;
-};
-export type NavigationSectionModel = {
-    key: string;
-    title: string;
-    column1Title?: string;
-    column1Items?: NavigationItemModel[];
-    column2Title?: string;
-    column2Items?: NavigationItemModel[];
-    backgroundColor?: {
-        hex: string;
-    };
-    linkBanners: LinkBanner[];
-};
-export type LinkBanner = {
-    title: string;
-    text: string;
-    image?: SanityImage;
-    link?: WebPageUrl;
-};
-export type NavigationModel = {
-    topMenuItems?: WebPageUrl[];
-    mainMenuItems?: NavigationSectionModel[];
-    logotype?: SanityImage;
-    ctaButton?: WebPageUrl;
-    __typename: string;
-    localeText?: {
-        ariaLabelHome?: string;
-        goBack?: string;
-    };
-    isMenuVisible?: boolean;
-};

package/dist/components/modules/navigation/types.js

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

package/dist/components/navigation/nav-cell/nav-cell.d.ts

@@ -1,6 +0,0 @@
-export type NavigationCellProps = {
-    title: string;
-    active?: boolean;
-    onToggleCell: () => void;
-};
-export declare const NavigationCell: ({ title, active, onToggleCell, }: NavigationCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/nav-cell/nav-cell.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-import { media } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-import { ToggableChevron } from "../../../components/icons/toggable-chevron/toggable-chevron";
-export const NavigationCell = ({ title, active, onToggleCell, }) => (_jsx(StyledListItem, { children: _jsxs(NavCell, { "data-test": "nav-cell", "$active": active, onClick: onToggleCell, children: [title, _jsx(StyledToggle, { toggled: active })] }) }));
-const StyledListItem = styled.li `
-  display: inline-block;
-  height: 100%;
-  padding-right: ${rem(16)};
-
-  ${media.XL `
-    padding-right: ${rem(32)};
-
-    &:last-of-type {
-      padding-right: ${rem(40)};
-    }
-  `}
-`;
-const NavCell = styled.button `
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  display: grid;
-  grid-template-columns: 1fr 22px;
-  align-items: center;
-  height: 100%;
-  font-size: ${rem(14)};
-
-  ${media.XL `
-    font-size: ${rem(18)};
-  `}
-
-  p {
-    font-size: inherit;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 0;
-  }
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueBold};
-  `};
-
-  ${({ $active }) => $active &&
-    css `
-      ${({ theme }) => css `
-        color: ${theme.red};
-        box-shadow: inset 0 -4px 0 ${theme.red};
-      `};
-    `};
-`;
-const StyledToggle = styled(ToggableChevron).attrs({
-    disableCircle: true,
-}) `
-  margin-left: ${rem(4)};
-
-  svg {
-    ${(props) => props.toggled &&
-    css `
-        ${({ theme }) => css `
-          fill: ${theme.red};
-        `};
-      `};
-  }
-`;

package/dist/components/navigation/nav-cell/nav-cell.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { NavigationCell } from "./nav-cell";
-declare const meta: Meta<typeof NavigationCell>;
-export default meta;
-type Story = StoryObj<typeof NavigationCell>;
-export declare const Default: Story;
-export declare const Active: Story;

package/dist/components/navigation/nav-cell/nav-cell.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NavigationCell } from "./nav-cell";
-import { Decorator } from "../../../components/decorator/decorator";
-const meta = {
-    title: "Navigation/NavCell",
-    component: NavigationCell,
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx("div", { style: { height: '76px' }, children: _jsx(Story, {}) }) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        title: "Lorem ipsum",
-        active: false
-    }
-};
-export const Active = {
-    args: {
-        title: "Lorem ipsum",
-        active: true
-    }
-};

package/dist/components/navigation/nav-item/nav-item.d.ts

@@ -1,18 +0,0 @@
-import { WebPageUrl } from '../../../models/web-page-url';
-export type NavigationItemProps = {
-    model: NavigationItemModel;
-    expanded?: boolean;
-    parent?: string;
-    onToggle: (model: NavigationItemModel) => void;
-    onLinkClick?: () => void;
-};
-export type NavigationItemModel = {
-    key: string;
-    title: string;
-    highlight?: boolean;
-    slug?: {
-        current: string;
-    };
-    items?: WebPageUrl[];
-};
-export declare const NavigationItem: ({ model, expanded, onToggle, onLinkClick }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/nav-item/nav-item.js

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from "gatsby";
-import styled, { css } from "styled-components";
-import { media } from "../../../styles/mixins";
-import { rem } from "../../../styles/units";
-import { ToggableChevron } from "../../../components/icons/toggable-chevron/toggable-chevron";
-import { HeartIcon } from "../../../components/icons/heart-icon/heart-icon";
-export const NavigationItem = ({ model, expanded, onToggle, onLinkClick }) => {
-    const { highlight, title, items, slug } = model;
-    return (_jsxs(Wrapper, { "data-test": "nav-item", children: [slug ? (_jsxs(HeaderLink, { to: slug.current, onClick: () => {
-                    onLinkClick?.();
-                }, children: [_jsx(Title, { active: highlight, children: title }), highlight && (_jsx(IconWrapper, { children: _jsx(HeartIcon, {}) }))] })) : (_jsxs(HeaderButton, { onClick: () => {
-                    onToggle(model);
-                }, children: [_jsx(Title, { children: title }), _jsx(StyledToggle, { toggled: expanded, disableCircle: false })] })), (!slug && items) && (_jsx(Expandable, { "data-test": "nav-item-list", active: expanded, children: items.map(({ webUrlName, internalLink }) => (_jsx(StyledListItem, { children: _jsx(StyledLink, { tabIndex: !expanded ? -1 : 0, to: internalLink?.slug?.current ?? "", onClick: () => {
-                            onLinkClick?.();
-                        }, children: webUrlName }) }, webUrlName))) }))] }));
-};
-const Wrapper = styled.li `
-  display: flex;
-  flex-direction: column;
-  margin-top: ${rem(16)};
-`;
-const HeaderButton = styled.button `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  padding: 0;
-  border: 0;
-  background: none;
-`;
-const HeaderLink = styled(Link) `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-  text-decoration: none; 
-
-  svg {
-    flex-shrink: 0;
-  }
-`;
-const Title = styled.p `
-  font-size: ${rem(16)};
-  margin: 0;
-  margin-right: ${rem(8)};
-  text-align: left;
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueBold};
-  `};
-
-  ${({ active }) => active && css `
-    color: ${({ theme }) => theme.red};
-  `};
-
-  ${media.L `
-    font-size: ${rem(18)};
-    margin-right: ${rem(6)};
-  `}
-`;
-const IconWrapper = styled.div `
-  display: flex;
-
-  ${media.L `
-    margin-right: ${rem(20)};
-  `}
-`;
-const StyledToggle = styled(ToggableChevron) `
-  margin-left: auto;
-
-  ${media.L `
-    margin-right: ${rem(20)};
-  `}
-`;
-const Expandable = styled.ul `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-  display: none;
-
-  ${({ active }) => active && css `
-    display: block;
-  `};
-`;
-const StyledListItem = styled.li `
-  margin-top: ${rem(16)};
-  margin-left: ${rem(8)};
-`;
-const StyledLink = styled(Link) `
-  font-size: ${rem(16)};
-  text-decoration: none;
-
-  ${({ theme }) => css `
-    color: ${theme.blackLight};
-    font-family: ${theme.valueRegular};
-    
-    ${media.L `
-      font-family: ${theme.valueMedium};
-    `}
-  `};
-`;

package/dist/components/navigation/nav-item/nav-item.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { NavigationItem } from "./nav-item";
-declare const meta: Meta<typeof NavigationItem>;
-export default meta;
-type Story = StoryObj<typeof NavigationItem>;
-export declare const Default: Story;
-export declare const Highlighted: Story;
-export declare const WithItems: Story;
-export declare const WithItemsExpanded: Story;

package/dist/components/navigation/nav-item/nav-item.stories.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NavigationItem } from "./nav-item";
-import { Decorator } from "../../../components/decorator/decorator";
-const mockWebUrlItems = [
-    {
-        webUrlName: 'Sub Item #1',
-        slugReference: {
-            slug: '/sub-item-1/',
-        },
-    },
-    {
-        webUrlName: 'Sub Item #2',
-        slugReference: {
-            slug: '/sub-item-2/',
-        },
-    },
-];
-const navItemModelMockDefault = {
-    key: 'A0',
-    title: 'Nav Item default',
-    highlight: false,
-    slug: {
-        current: '/item-1/',
-    },
-    items: [],
-};
-const navItemModelMockHiglighted = {
-    key: 'A0',
-    title: 'Nav Item Highlighted',
-    highlight: true,
-    slug: {
-        current: '/item-1/',
-    },
-    items: [],
-};
-const navItemModelMockExpandable = {
-    key: 'A0',
-    title: 'Nav Item Expandable',
-    highlight: false,
-    items: [...mockWebUrlItems],
-};
-const meta = {
-    title: "Navigation/NavItem",
-    component: NavigationItem,
-    decorators: [
-        (Story) => (_jsx(Decorator, { children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        model: navItemModelMockDefault,
-        expanded: false
-    }
-};
-export const Highlighted = {
-    args: {
-        model: navItemModelMockHiglighted,
-        expanded: false
-    }
-};
-export const WithItems = {
-    args: {
-        model: navItemModelMockExpandable,
-        expanded: false
-    }
-};
-export const WithItemsExpanded = {
-    args: {
-        model: navItemModelMockExpandable,
-        expanded: true
-    }
-};

package/dist/models/sanity.types.d.ts

@@ -1,9 +0,0 @@
-import { IGatsbyImageData } from 'gatsby-plugin-image';
-export type SanityImage = {
-    asset: {
-        gatsbyImageData: IGatsbyImageData;
-        description: string;
-        url?: string;
-        extension?: string;
-    };
-};

package/dist/models/sanity.types.js

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

package/dist/models/web-page.url.d.ts

@@ -1,10 +0,0 @@
-export type WebPageUrl = {
-    externalUrl?: string;
-    openInNewWindow?: boolean;
-    internalLink?: {
-        slug?: {
-            current: string;
-        };
-    };
-    webUrlName?: string;
-};

package/dist/models/web-page.url.js

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