@reykjavik/hanna-react 0.10.75 → 0.10.77

package/AccordionList.d.ts

@@ -1,12 +1,12 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { SeenProp } from './utils/seenEffect';
-export declare type AccordionListItemProps = {
+import { SSRSupport } from './utils';
+export type AccordionListItemProps = {
     title: string | JSX.Element;
     content: string | JSX.Element | undefined;
     id?: string;
     disabled?: boolean;
 };
-export declare type AccordionListProps = {
+export type AccordionListProps = {
     items: Array<AccordionListItemProps>;
     /** Index of the currently open items (controlled use) */
     open?: Array<number>;

package/AccordionList.js

@@ -11,7 +11,7 @@ const AccordionListItem = (props) => {
     const { title, content, id, disabled = false, ssr, open, onToggle } = props;
     const defaultOpen = (0, react_1.useRef)(props.defaultOpen);
     const domid = (0, hooks_1.useDomid)();
-    const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
+    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
     const itemDisabled = (isBrowser && disabled) || !content;
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('AccordionList__item', [itemDisabled && 'disabled']), id: id, "data-start-open": defaultOpen.current, "data-sprinkled": isBrowser },
         react_1.default.createElement("h3", { className: "AccordionList__title" }, isBrowser ? (react_1.default.createElement("button", { type: "button", className: "AccordionList__button", "aria-controls": domid, "aria-expanded": open || undefined, onClick: onToggle, disabled: itemDisabled }, title)) : (title)),

package/ActionCards.d.ts

@@ -1,6 +1,6 @@
 import { CardListSummaryProps, TextCardListProps, TextCardProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
-export declare type ActionCardsProps = TextCardListProps & CardListSummaryProps & SeenProp;
-export declare type ActionCardsItemProps = TextCardProps;
+export type ActionCardsProps = TextCardListProps & CardListSummaryProps & SeenProp;
+export type ActionCardsItemProps = TextCardProps;
 export declare const ActionCards: (props: ActionCardsProps) => JSX.Element;
 export default ActionCards;

package/Alert.d.ts

@@ -1,8 +1,8 @@
 import { MouseEvent, ReactNode } from 'react';
-import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-export declare type AlertI18n = {
+import { SSRSupport } from './utils';
+export type AlertI18n = {
     closeLabel: string;
     closeLabelLong?: string;
 };
@@ -14,8 +14,8 @@ export declare const alertTypes: {
     error: number;
     critical: number;
 };
-declare type AlertType = keyof typeof alertTypes;
-export declare type AlertProps = {
+type AlertType = keyof typeof alertTypes;
+export type AlertProps = {
     type: AlertType;
     closable?: boolean;
     children?: ReactNode;

package/Alert.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = exports.alertTypes = exports.defaultAlertTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _Button_1 = require("./_abstract/_Button");
 const env_1 = require("./utils/env");
+const utils_1 = require("./utils");
 // FIXME: Eventually import from @reykjavik/hanna-css
 const AlertCloseTransitionDuration = 400;
 const useAutoClosing = (autoClose) => {
@@ -41,12 +41,12 @@ const Alert = (props) => {
     const autoClose = Math.max(props.autoClose || 0, 0);
     const closing = (0, react_1.useRef)();
     const [open, setOpen] = (0, react_1.useState)(!!ssr);
-    const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
+    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
     const showCloseButton = closable && (isBrowser || closeUrl != null);
     const { closeLabel, closeLabelLong } = (0, i18n_1.getTexts)(props, exports.defaultAlertTexts);
-    (0, hooks_1.useOnMount)(() => {
+    (0, react_1.useEffect)(() => {
         setOpen(true);
-    });
+    }, []);
     const closeAlert = (0, react_1.useCallback)((event) => {
         const ret = onClose &&
             // @ts-expect-error  (@deprecated `event` parameter will be removed in v0.11)

package/ArticleCards.d.ts

@@ -1,8 +1,8 @@
 import type { Cleanup } from '@reykjavik/hanna-utils';
 import { ImageCardListProps, ImageCardProps } from './_abstract/_CardList';
-export declare type ArticleCardsItemProps = ImageCardProps;
+export type ArticleCardsItemProps = ImageCardProps;
 /** @deprecated Use `ArticleCardsItemProps` instead (Remove in v0.11) */
-export declare type ArticleCardProps = ArticleCardsItemProps;
-export declare type ArticleCardsProps = Cleanup<Pick<ImageCardListProps, 'cards' | 'imgPlaceholder'>>;
+export type ArticleCardProps = ArticleCardsItemProps;
+export type ArticleCardsProps = Cleanup<Pick<ImageCardListProps, 'cards' | 'imgPlaceholder'>>;
 export declare const ArticleCards: (props: ArticleCardsProps) => JSX.Element;
 export default ArticleCards;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -2,10 +2,10 @@ import type { HannaColorTheme } from '@reykjavik/hanna-css';
 import { Illustration } from '@reykjavik/hanna-utils/assets';
 import { ImageProps } from '../_abstract/_Image';
 import { ColorFamily } from '../constants';
-export declare type ArticleCarouselImageProps = ImageProps & {
+export type ArticleCarouselImageProps = ImageProps & {
     photo?: boolean;
 };
-export declare type ArticleCarouselCardProps = {
+export type ArticleCarouselCardProps = {
     date?: string;
     title: string;
     summary: string;

package/ArticleCarousel.d.ts

@@ -1,7 +1,7 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { ArticleCarouselCardProps, ArticleCarouselImageProps } from './ArticleCarousel/_ArticleCarouselCard';
 import { SeenProp } from './utils/seenEffect';
-export declare type ArticleCarouselProps = {
+import { SSRSupport } from './utils';
+export type ArticleCarouselProps = {
     items: Array<ArticleCarouselCardProps>;
     title?: string;
     moreLabel?: string;

package/ArticleMeta.d.ts

@@ -1,8 +1,8 @@
-export declare type ArticleMetaItem = {
+export type ArticleMetaItem = {
     label: string;
     href?: string;
 };
-export declare type ArticleMetaProps = {
+export type ArticleMetaProps = {
     items: Array<ArticleMetaItem>;
     small?: boolean;
 };

package/Attention.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type AttentionProps = {
+export type AttentionProps = {
     small?: boolean;
     children: ReactNode;
 };

package/BasicTable.d.ts

@@ -1,7 +1,7 @@
 import { TableProps } from '@hugsmidjan/react/Table';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { SeenProp } from './utils/seenEffect';
-export declare type BasicTableProps = {
+export type BasicTableProps = {
     compact?: boolean;
     type?: 'text' | 'number';
     modifier?: string;

package/BgBox.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { EffectProp, SeenProp } from './utils/seenEffect';
-export declare type BgBoxProps = {
+export type BgBoxProps = {
     className?: string;
     children: ReactNode;
 } & SeenProp & EffectProp;

package/Bling.d.ts

@@ -4,7 +4,7 @@ declare const colors: {
     secondary: boolean;
     primary: boolean;
 };
-export declare type BlingColor = keyof typeof colors;
+export type BlingColor = keyof typeof colors;
 declare const aligns: {
     left: boolean;
     'left-ish': boolean;
@@ -13,7 +13,7 @@ declare const aligns: {
     'right-ish': boolean;
     right: boolean;
 };
-export declare type BlingAlignment = keyof typeof aligns;
+export type BlingAlignment = keyof typeof aligns;
 declare const valigns: {
     up: boolean;
     'up-ish': boolean;
@@ -21,7 +21,7 @@ declare const valigns: {
     'down-ish': boolean;
     down: boolean;
 };
-export declare type BlingVAlignment = keyof typeof valigns;
+export type BlingVAlignment = keyof typeof valigns;
 declare const parentOffset: {
     top: boolean;
     'top-ish': boolean;
@@ -29,8 +29,8 @@ declare const parentOffset: {
     'bottom-ish': boolean;
     bottom: boolean;
 };
-export declare type BlingParentOffset = keyof typeof parentOffset;
-export declare type BlingProps = {
+export type BlingParentOffset = keyof typeof parentOffset;
+export type BlingProps = {
     /**
      * Horizontal alignment relative to the bling container's
      * full width

package/BlockQuote.d.ts

@@ -1,4 +1,4 @@
 import { QuoteProps } from './_abstract/_Quote';
-export declare type BlockQuoteProps = QuoteProps;
+export type BlockQuoteProps = QuoteProps;
 export declare const BlockQuote: (props: BlockQuoteProps) => JSX.Element;
 export default BlockQuote;

package/BreadCrumbs.d.ts

@@ -1,9 +1,9 @@
-export declare type BreadCrumb = {
+export type BreadCrumb = {
     href?: string;
     label: string;
 };
-export declare type BreadCrumbTrail = Array<BreadCrumb>;
-export declare type BreadCrumbsProps = {
+export type BreadCrumbTrail = Array<BreadCrumb>;
+export type BreadCrumbsProps = {
     title: string;
     trail: BreadCrumbTrail;
 };

package/ButtonBack.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ButtonProps } from './_abstract/_Button';
-export declare type ButtonBackProps = ButtonProps;
+export type ButtonBackProps = ButtonProps;
 export declare const ButtonBack: (props: ButtonBackProps & {
     children?: ReactNode;
 }) => JSX.Element;

package/ButtonBar.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type ButtonBarProps = {
+export type ButtonBarProps = {
     align?: 'right';
     children: ReactNode;
 };

package/ButtonPrimary.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
-export declare type ButtonPrimaryProps = ButtonProps & ButtonVariantProps;
+export type ButtonPrimaryProps = ButtonProps & ButtonVariantProps;
 export declare const ButtonPrimary: (props: ButtonPrimaryProps & {
     children?: ReactNode;
 }) => JSX.Element;

package/ButtonSecondary.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
-export declare type ButtonSecondaryProps = ButtonProps & ButtonVariantProps;
+export type ButtonSecondaryProps = ButtonProps & ButtonVariantProps;
 export declare const ButtonSecondary: (props: ButtonSecondaryProps & {
     children?: ReactNode;
 }) => JSX.Element;

package/ButtonTertiary.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
-declare type TertiarySize = Extract<ButtonVariantProps['size'], 'normal' | 'small'>;
-declare type TertiaryIcon = Extract<ButtonVariantProps['icon'], 'none' | 'go-back'>;
-export declare type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps, 'icon' | 'size'> & {
+type TertiarySize = Extract<ButtonVariantProps['size'], 'normal' | 'small'>;
+type TertiaryIcon = Extract<ButtonVariantProps['icon'], 'none' | 'go-back'>;
+export type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps, 'icon' | 'size'> & {
     size?: TertiarySize;
     icon?: TertiaryIcon;
 };

package/CHANGELOG.md

@@ -4,12 +4,29 @@
 
 - ... <!-- Add new lines here. -->
 
-## 0.10.75
+## 0.10.77
+
+_2022-12-18_
+
+- feat: Add standalone component `.CheckboxButton`
+- feat: Add `.CheckboxButton__label__wrap` and `.RadioButton__label__wrap`
+- feat: Add `utils` hooks `useIsBrowserSide`, `useIsServerSide` — for
+  progressive enhancement
+- feat: Add `utils` helper `setDefaultSSR()`
+- feat: `ContentArticle` emits `__header` wrapper
+- fix: Support "uncontrolled" use of all `Checkbox` and `Radio` groups
+- fix: Edge-case bugs in `SiteSearchCurtain` focus-detection
+- fix: Typo in `Datpicker`'s default `dateFormat`, broke typed input parsing
+
+## 0.10.75 – 0.10.76
 
 _2022-12-15_
 
+- feat: Add `setLinkRenderer.pop()` to unset the last custom renderer
 - feat: Add `setLinkRenderer`, exported from `/utils` — to allow hooking
   `hanna-react` into custom routing components
+- fix: Suppress react warning about mixed-case `data-*` attributes
+- fix: Update props type of `LinkRenderer` to use "modern" `ref`
 
 ## 0.10.74
 
@@ -149,7 +166,7 @@ _2022-08-11_
 _2022-06-24_
 
 - fix: Add missing prop `checkOrigin` on `IframeBlock` (default: `false`)
-- fix: Suppot "uncontrolled" use of `CheckboxGroup`, `RadioGroup`, et al.
+- fix: Support "uncontrolled" use of `CheckboxGroup`, `RadioGroup`, et al.
 - fix: Change build to only export CommonJS
 
 ## 0.10.59

package/CarouselStepper.d.ts

@@ -1,4 +1,4 @@
 import { Props } from '@hugsmidjan/react/CarouselStepper';
-declare type CarouselStepperProps = Omit<Props, 'bem' | 'modifier'>;
+type CarouselStepperProps = Omit<Props, 'bem' | 'modifier'>;
 export declare const CarouselStepper: (props: CarouselStepperProps) => JSX.Element;
 export default CarouselStepper;

package/CenterColumn.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { EffectProp, SeenProp } from './utils/seenEffect';
-export declare type CenterColumnProps = {
+export type CenterColumnProps = {
     children: ReactNode;
 } & SeenProp & EffectProp;
 export declare const CenterColumn: (props: CenterColumnProps) => JSX.Element;

package/Checkbox.d.ts

@@ -1,4 +1,4 @@
 import { TogglerInputProps } from './_abstract/_TogglerInput';
-export declare type CheckboxProps = TogglerInputProps;
+export type CheckboxProps = TogglerInputProps;
 export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/CheckboxButton.d.ts

@@ -0,0 +1,4 @@
+import { TogglerInputProps } from './_abstract/_TogglerInput';
+export type CheckboxProps = TogglerInputProps;
+export declare const CheckboxButton: (props: CheckboxProps) => JSX.Element;
+export default CheckboxButton;

package/CheckboxButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _TogglerInput_1 = require("./_abstract/_TogglerInput");
+const CheckboxButton = (props) => (react_1.default.createElement(_TogglerInput_1.TogglerInput, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox", innerWrap: true })));
+exports.CheckboxButton = CheckboxButton;
+exports.default = exports.CheckboxButton;

package/CheckboxButtonsGroup.d.ts

@@ -1,11 +1,12 @@
 import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
-export declare type CheckboxButtonsGroupProps = TogglerGroupFieldProps & {
+export type CheckboxButtonsGroupProps = TogglerGroupFieldProps & {
     value?: Array<string>;
+    defaultValue?: Array<string>;
     /** @deprecated (Will be removed in v0.11) */
     columns?: '2col' | '3col';
     /** @deprecated (Will be removed in v0.11) */
     layout?: 'slim';
 };
-export declare type CheckboxButtonsGroupOptions = TogglerGroupFieldOptions;
+export type CheckboxButtonsGroupOptions = TogglerGroupFieldOptions;
 export declare const CheckboxButtonsGroup: (props: CheckboxButtonsGroupProps) => JSX.Element;
 export default CheckboxButtonsGroup;

package/CheckboxButtonsGroup.js

@@ -4,8 +4,7 @@ exports.CheckboxButtonsGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _TogglerGroupField_1 = require("./_abstract/_TogglerGroupField");
-const _TogglerInput_1 = require("./_abstract/_TogglerInput");
-const CheckboxButton = (props) => (react_1.default.createElement(_TogglerInput_1.TogglerInput, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox" })));
+const CheckboxButton_1 = tslib_1.__importDefault(require("./CheckboxButton"));
 const CheckboxButtonsGroup = (props) => {
     if (props.layout) {
         console.warn('`CheckboxButtonsGroupProps.layout` is deprecated.');
@@ -13,7 +12,7 @@ const CheckboxButtonsGroup = (props) => {
     if (props.columns) {
         console.warn('`CheckboxButtonsGroupProps.columns` is deprecated.');
     }
-    return (react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton })));
+    return (react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton_1.default })));
 };
 exports.CheckboxButtonsGroup = CheckboxButtonsGroup;
 exports.default = exports.CheckboxButtonsGroup;

package/CheckboxGroup.d.ts

@@ -1,9 +1,10 @@
 import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
-export declare type CheckboxGroupProps = TogglerGroupFieldProps & {
+export type CheckboxGroupProps = TogglerGroupFieldProps & {
     layout?: 'inline';
     value?: Array<string>;
+    defaultValue?: Array<string>;
 };
-export declare type CheckboxGroupOption = TogglerGroupFieldOption;
-export declare type CheckboxGroupOptions = TogglerGroupFieldOptions;
+export type CheckboxGroupOption = TogglerGroupFieldOption;
+export type CheckboxGroupOptions = TogglerGroupFieldOptions;
 export declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
 export default CheckboxGroup;

package/CityBlock.d.ts

@@ -8,7 +8,7 @@ declare const types: {
     largebox: boolean;
     largeimage: boolean;
 };
-export declare type CityBlockProps = {
+export type CityBlockProps = {
     align?: Alignment;
     type?: keyof typeof types;
     content: BlockItem;

package/ContactBubble.d.ts

@@ -1,6 +1,6 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-export declare type ContactBubbleI18n = {
+import { SSRSupport } from './utils';
+export type ContactBubbleI18n = {
     lang?: string;
     openBtn: string;
     openBtnLong?: string;
@@ -15,9 +15,9 @@ declare const icons: {
     readonly livechat: 1;
     readonly other: 0;
 };
-export declare type ContactBubbleIcon = keyof typeof icons;
+export type ContactBubbleIcon = keyof typeof icons;
 export declare const ensureIcon: (maybeIcon: string | undefined) => ContactBubbleIcon | undefined;
-export declare type ContactBubbleItem = {
+export type ContactBubbleItem = {
     label: string;
     extraLabel?: string;
     icon?: ContactBubbleIcon;
@@ -31,7 +31,7 @@ export declare type ContactBubbleItem = {
     href?: undefined;
     target?: undefined;
 });
-export declare type ContactBubbleProps = {
+export type ContactBubbleProps = {
     title?: string;
     links: Array<ContactBubbleItem>;
     /** By default the ContactBubble's toggler is hidden if the page

package/ContactBubble.js

@@ -9,6 +9,7 @@ const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/g
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _Link_1 = require("./_abstract/_Link");
+const utils_1 = require("./utils");
 exports.defaultTexts = {
     is: {
         lang: 'is',
@@ -41,7 +42,7 @@ const ContactBubble = (props) => {
     const useLocalState = props.open == null;
     const [localOpen, setLocalOpen] = (0, react_1.useState)(false);
     const open = useLocalState ? localOpen : props.open;
-    const isBrowser = (0, hooks_1.useIsBrowserSide)(props.ssr);
+    const isBrowser = (0, utils_1.useIsBrowserSide)(props.ssr);
     const domid = (0, hooks_1.useDomid)();
     const wrapperRef = (0, react_1.useRef)(null);
     const { openBubble, closeBubble } = (0, react_1.useMemo)(() => ({

package/ContentArticle.d.ts

@@ -3,7 +3,7 @@ import { SeenProp } from './utils/seenEffect';
 import { ArticleMetaProps } from './ArticleMeta';
 import { ContentImageProps } from './ContentImage';
 import { RelatedLinksProps } from './RelatedLinks';
-export declare type ContentArticleProps = {
+export type ContentArticleProps = {
     /** Date, author, etc. */
     meta?: ArticleMetaProps['items'];
     headline: string;

package/ContentArticle.js

@@ -13,9 +13,11 @@ const VSpacer_1 = tslib_1.__importDefault(require("./VSpacer"));
 const ContentArticle = (props) => {
     const { relatedLinks } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
+    const headingElm = (react_1.default.createElement(Heading_1.default, { forceH1: props.headlineTag === 'h1' }, props.headline));
     return (react_1.default.createElement("div", { className: "ContentArticle", ref: ref },
-        props.meta && react_1.default.createElement(ArticleMeta_1.default, { items: props.meta }),
-        react_1.default.createElement(Heading_1.default, { forceH1: props.headlineTag === 'h1' }, props.headline),
+        props.meta ? (react_1.default.createElement("div", { className: "ContentArticle__header" },
+            headingElm,
+            react_1.default.createElement(ArticleMeta_1.default, { items: props.meta }))) : (headingElm),
         react_1.default.createElement(TextBlock_1.default, { startSeen: true },
             props.topImage && react_1.default.createElement(ContentImage_1.default, Object.assign({}, props.topImage)),
             props.body),

package/ContentImage.d.ts

@@ -1,5 +1,5 @@
 import { ImageProps } from './_abstract/_Image';
-export declare type ContentImageProps = {
+export type ContentImageProps = {
     image?: ImageProps;
     caption?: string | JSX.Element;
     credit?: string | JSX.Element;

package/Datepicker.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { FormFieldWrappingProps } from './FormField';
-export declare type DatepickerProps = {
+export type DatepickerProps = {
     small?: boolean;
     placeholder?: string;
     value?: Date;
@@ -20,7 +20,7 @@ export declare type DatepickerProps = {
     initialDate?: Date;
 } & FormFieldWrappingProps;
 export declare const getDateDiff: (date: Date, diff: number) => Date;
-export declare type DatepickerLocaleProps = {
+export type DatepickerLocaleProps = {
     nextMonthAriaLabel: string;
     nextMonthButtonLabel: string;
     nextYearAriaLabel: string;

package/Datepicker.js

@@ -54,7 +54,7 @@ const i18n = {
     },
 };
 const Datepicker = (props) => {
-    const { className, id, label, hideLabel, assistText, disabled, readOnly, invalid, errorMessage, required, reqText, placeholder, small, localeCode = 'is', dateFormat = 'd.M.yyy', initialDate, value = initialDate, name, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, ssr, inputRef, } = props;
+    const { className, id, label, hideLabel, assistText, disabled, readOnly, invalid, errorMessage, required, reqText, placeholder, small, localeCode = 'is', dateFormat = 'd.M.yyyy', initialDate, value = initialDate, name, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, ssr, inputRef, } = props;
     const domid = (0, hooks_1.useDomid)(id);
     const txts = (localeCode && i18n[localeCode]) || {};
     const filled = !!value;
@@ -72,13 +72,13 @@ const Datepicker = (props) => {
                         if (inputElm) {
                             inputElm.dispatchEvent(new Event('change', { bubbles: true }));
                         }
+                    }, onChangeRaw: (e) => {
+                        const { value } = e.currentTarget;
+                        console.log({ value });
                     }, placeholderText: placeholder, 
                     // TODO: Implement this
                     // selectsRange
-                    minDate: minDate, maxDate: maxDate, startDate: startDate, endDate: endDate, selectsStart: isStartDate, selectsEnd: isEndDate, formatWeekDay: (weekday) => {
-                        // TODO: if we use costom locale we don't need this
-                        return weekday.charAt(0).toUpperCase();
-                    }, showYearDropdown: true, scrollableYearDropdown: true, yearDropdownItemNumber: 15, showMonthDropdown: true }, inputProps, txts, datepickerExtraProps))));
+                    minDate: minDate, maxDate: maxDate, startDate: startDate, endDate: endDate, selectsStart: isStartDate, selectsEnd: isEndDate, formatWeekDay: (weekday) => weekday.charAt(0).toUpperCase(), showYearDropdown: true, scrollableYearDropdown: true, yearDropdownItemNumber: 15, showMonthDropdown: true }, inputProps, txts, datepickerExtraProps))));
         } }));
 };
 exports.Datepicker = Datepicker;

package/ExtraLinks.d.ts

@@ -1,17 +1,17 @@
 import { TextCardListProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
-export declare type RelatedLink = {
+export type RelatedLink = {
     href: string;
     label: string;
     blank?: boolean;
     type?: 'link' | 'pdf' | 'text';
 };
-declare type RelatedProps = {
+type RelatedProps = {
     relatedTitle?: string;
     relatedLinks?: Array<RelatedLink>;
 };
-export declare type ExtraLinksCardProps = TextCardListProps['cards'][number];
-export declare type ExtraLinksProps = TextCardListProps & RelatedProps & {
+export type ExtraLinksCardProps = TextCardListProps['cards'][number];
+export type ExtraLinksProps = TextCardListProps & RelatedProps & {
     className?: string;
 } & SeenProp;
 export declare const ExtraLinks: (props: ExtraLinksProps) => JSX.Element;

package/FeatureList.d.ts

@@ -1,6 +1,6 @@
 import { Efnistakn } from '@reykjavik/hanna-utils/assets';
 import { SeenProp } from './utils/seenEffect';
-export declare type FeatureListProps = {
+export type FeatureListProps = {
     title: string;
     features: Array<{
         icon?: Efnistakn;

package/FieldGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type FieldGroupProps = {
+export type FieldGroupProps = {
     legend: string;
     disabled?: boolean;
     className?: string;

package/FileInput/_FileInput.utils.d.ts

@@ -1,4 +1,4 @@
-export declare type CustomFile = {
+export type CustomFile = {
     preview?: string;
 } & File;
 /**

package/FileInput/_FileInputFileList.d.ts

@@ -1,6 +1,6 @@
 import type { formatBytes } from './_FileInput.utils';
 import { CustomFile } from './_FileInput.utils';
-export declare type FileListProps = {
+export type FileListProps = {
     files: Array<CustomFile>;
     showFileSize?: boolean;
     showImagePreviews?: boolean;

package/FileInput.d.ts

@@ -1,6 +1,6 @@
 import { FileListProps } from './FileInput/_FileInputFileList';
 import { FormFieldWrappingProps } from './FormField';
-export declare type FileInputProps = {
+export type FileInputProps = {
     /**
      * Flags if the input should accept multiple, or just a single file at a time.
      *

package/Foonote.d.ts

@@ -3,7 +3,7 @@ import { FootnoteProps as _FootnoteProps } from './Footnote';
  *
  * This module file is a typo. import from `Footnote` instead
  */
-export declare type FootnoteProps = _FootnoteProps;
+export type FootnoteProps = _FootnoteProps;
 /** @deprecated  (Will be removed in v0.11)
  *
  * This module file is a typo. import from `Footnote` instead

package/FooterBadges.d.ts

@@ -1,4 +1,4 @@
-export declare type FooterBadgesProps = {
+export type FooterBadgesProps = {
     badges: Array<{
         altText: string;
         src: string;