@midas-ds/components 8.1.0 → 8.3.0

package/CHANGELOG.md

@@ -1,3 +1,45 @@
+## 8.3.0
+
+### 🚀 Features
+
+- **theme:** use `--support-border-warning` instead of `--border-invalid` ([#518](https://github.com/migrationsverket/midas/pull/518))
+- **textfield:** add medium size variant ([#520](https://github.com/migrationsverket/midas/pull/520))
+- **layout:** change font weight for active menu item ([57e2485234](https://github.com/migrationsverket/midas/commit/57e2485234))
+- **layout:** change background color for menu item ([d9ffc16bb6](https://github.com/migrationsverket/midas/commit/d9ffc16bb6))
+
+### 🩹 Fixes
+
+- **modal:** adjust modal header when content is scollable ([#527](https://github.com/migrationsverket/midas/pull/527))
+- **combobox:** add disabled color to the icon in disabled state ([9cd5657149](https://github.com/migrationsverket/midas/commit/9cd5657149))
+- **select:** add disabled styling to description ([4cabb0c8ae](https://github.com/migrationsverket/midas/commit/4cabb0c8ae))
+- **select:** change invalid border from 3px to 2 px ([834f1f8fdc](https://github.com/migrationsverket/midas/commit/834f1f8fdc))
+- **accordion:** add a minimal padding to allow items with margin-bottom ([e0b2d8058b](https://github.com/migrationsverket/midas/commit/e0b2d8058b))
+- **accordion:** remove padding bottom for last uncontained accordionitem ([463a7fa29e](https://github.com/migrationsverket/midas/commit/463a7fa29e))
+- **textfield:** remove opacity from disabled ([0332d83cb6](https://github.com/migrationsverket/midas/commit/0332d83cb6))
+- **textfield:** add border bottom in disabled and change ivalid border to 2px ([2bcd1d5beb](https://github.com/migrationsverket/midas/commit/2bcd1d5beb))
+
+### Documentation Changes
+
+- improvements to preview 💅 🔍 ✨ ([#530](https://github.com/migrationsverket/midas/pull/530))
+
+## 8.2.0
+
+### 🚀 Features
+
+- **theme:** add --icon-tertiary, new color for --icon-secondary ([f0ef381472](https://github.com/migrationsverket/midas/commit/f0ef381472))
+- **label:** deprecate prop variant and add new css class ([42e33be662](https://github.com/migrationsverket/midas/commit/42e33be662))
+- **tooltip:** allow locale agnostic tooltip placement ([#492](https://github.com/migrationsverket/midas/pull/492))
+
+### 🩹 Fixes
+
+- **accordion:** remove disabled styling if component has disabled children ([1c704b714d](https://github.com/migrationsverket/midas/commit/1c704b714d))
+- **checkbox:** set correct line-height and adjust high contrast visibility ([6ca7ea9ba9](https://github.com/migrationsverket/midas/commit/6ca7ea9ba9))
+
+### Documentation Changes
+
+- **propstable:** add support for enums in table ([#511](https://github.com/migrationsverket/midas/pull/511))
+- **modal:** change arg types in storybook ([f9588f170b](https://github.com/migrationsverket/midas/commit/f9588f170b))
+
 ## 8.1.0
 
 ### 🚀 Features

package/accordion/Accordion.d.ts

@@ -4,7 +4,7 @@ export declare const ACCORDION_TEST_ID = "accordion";
 interface MidasAccordion extends DisclosureGroupProps {
     /** Display either the larger contained variant or a smaller uncontained variant */
     variant?: 'uncontained' | 'contained';
-    /** @deprecated Use 'allowsMultipleExpanded' instead */
+    /** @deprecated since v8.0.0 Use 'allowsMultipleExpanded' instead */
     type?: 'single' | 'multiple';
 }
 /**

package/button/Button.d.ts

@@ -15,7 +15,7 @@ export interface MidasButtonProps {
      */
     fullwidth?: boolean;
     /** Choose between different button sizes */
-    /** @deprecated This variant will be replaced with a new scaling api accross all components. */
+    /** @deprecated since v4.0.0 This variant will be replaced with a new scaling api accross all components. */
     size?: 'small';
     /** Add an icon from lucide-react
      *

package/calendar/Calendar.d.ts

@@ -1,6 +1,6 @@
-import { CalendarGridProps, CalendarProps, DateValue } from 'react-aria-components';
-interface MidasCalendarProps<T extends DateValue> extends CalendarProps<T>, Pick<CalendarGridProps, 'weekdayStyle'> {
+import { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-components';
+import * as React from 'react';
+export interface CalendarProps extends AriaCalendarProps<DateValue> {
     errorMessage?: string;
 }
-export declare function Calendar<T extends DateValue>({ errorMessage, weekdayStyle, className, ...props }: MidasCalendarProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Calendar: React.FC<CalendarProps>;

package/calendar/CalendarGrid.d.ts

@@ -0,0 +1,6 @@
+import { CalendarGridProps as AriaCalendarGridProps } from 'react-aria-components';
+import * as React from 'react';
+export interface CalendarGridProps {
+    weekdayStyle?: AriaCalendarGridProps['weekdayStyle'];
+}
+export declare const CalendarGrid: React.FC<CalendarGridProps>;

package/calendar/CalendarHeader.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const CalendarHeader: React.FC;

package/calendar/RangeCalendar.d.ts

@@ -1,6 +1,6 @@
-import { CalendarGridProps, RangeCalendarProps, DateValue } from 'react-aria-components';
-interface MidasCalendarProps<T extends DateValue> extends RangeCalendarProps<T>, Pick<CalendarGridProps, 'weekdayStyle'> {
+import { DateValue, RangeCalendarProps as AriaRangeCalendarProps } from 'react-aria-components';
+import * as React from 'react';
+export interface RangeCalendarProps extends AriaRangeCalendarProps<DateValue> {
     errorMessage?: string;
 }
-export declare function RangeCalendar<T extends DateValue>({ errorMessage, weekdayStyle, className, ...props }: MidasCalendarProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const RangeCalendar: React.FC<RangeCalendarProps>;

package/calendar/index.d.ts

@@ -1,2 +1,2 @@
-export { Calendar } from './Calendar';
-export { RangeCalendar } from './RangeCalendar';
+export * from './Calendar';
+export * from './RangeCalendar';

package/card/Card.d.ts

@@ -1,35 +1,32 @@
-import { Link, LinkProps, RouterProvider } from '../link/Link';
+import { HeadingProps } from '../heading';
+import { ButtonProps, Link } from 'react-aria-components';
 import * as React from 'react';
-export interface CardProps<C extends React.ElementType = typeof Link> extends React.HTMLAttributes<HTMLDivElement> {
-    /** Optional image displayed at the top of card */
-    image?: {
-        source: string;
-        description: string;
-    };
-    /** Sets background to predetermined color
-     *  @default false
-     *  @deprecated Not supported since v5.0.0
-     * */
-    background?: boolean;
-    /** Header as h1 for the component rendered below image if there is one */
-    title: string;
-    /** Content as p element for the component */
-    content: string;
-    /** Props for when card element is clicked */
-    link: LinkProps<C>;
-    /** Adjust the tag to be used for the header
-     * @default 'h1'
-     */
-    headingTag?: React.ElementType;
+export interface MidasCard extends React.HTMLAttributes<HTMLDivElement> {
+    /** Stack content in card vertical or horizontal */
+    horizontal?: boolean;
+    /** Card content, usually wrap with CardContent */
+    children: React.ReactNode;
+}
+export interface MidasCardContext {
+    horizontal?: MidasCard['horizontal'];
+    titleId?: string;
+}
+export interface MidasCardImage {
     /** Custom image component to be used instead of the default img tag */
-    customImageComponent?: React.ReactElement;
-    /** Custom link component to be used instead of the default a tag. For example your client side router link. */
-    customLinkComponent?: React.ElementType;
+    as?: React.ElementType;
+    className?: string;
+    [key: string]: unknown;
+}
+interface MidasCardLink<C extends React.ElementType> {
+    children: React.ReactNode;
+    as?: C;
 }
-/**
- * This component renders a card with optional image, title, content.
- *
- * @see {@link https://designsystem.migrationsverket.se/components/card/}
- */
-export declare const Card: React.FC<CardProps>;
-export { RouterProvider };
+export type MidasCardLinkProps<C extends React.ElementType> = MidasCardLink<C> & Omit<React.ComponentProps<C>, keyof MidasCardLink<C>>;
+export declare const Card: React.FC<MidasCard>;
+export declare const CardContent: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const CardTitle: React.FC<HeadingProps>;
+export declare const CardActions: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const CardActionArea: React.FC<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CardImage: React.FC<MidasCardImage>;
+export declare const CardLink: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, as, ...rest }: MidasCardLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/date-field/DateField.d.ts

@@ -1,9 +1,9 @@
 import { DateFieldProps as AriaDateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
-interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T> {
-    label?: string;
+import * as React from 'react';
+export interface DateFieldProps extends AriaDateFieldProps<DateValue> {
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     errorPosition?: 'top' | 'bottom';
+    label?: string;
 }
-export declare function DateField<T extends DateValue>({ label, description, errorMessage, className, errorPosition, ...props }: DateFieldProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const DateField: React.FC<DateFieldProps>;

package/date-field/DateInput.d.ts

@@ -0,0 +1,4 @@
+import { DateInputProps } from 'react-aria-components';
+import * as React from 'react';
+export type { DateInputProps };
+export declare const DateInput: React.FC<DateInputProps>;

package/date-field/DateInputDivider.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const DateInputDivider: React.FC;

package/date-field/DateSegment.d.ts

@@ -0,0 +1,4 @@
+import { DateSegmentProps } from 'react-aria-components';
+import * as React from 'react';
+export type { DateSegmentProps };
+export declare const DateSegment: React.FC<DateSegmentProps>;

package/date-field/index.d.ts

@@ -1 +1,4 @@
-export { DateField } from './DateField';
+export * from './DateField';
+export * from './DateSegment';
+export * from './DateInput';
+export * from './DateInputDivider';

package/date-picker/DatePicker.d.ts

@@ -1,16 +1,10 @@
-import { DatePickerProps, DateRangePickerProps, DateValue, ValidationResult } from 'react-aria-components';
-interface MidasDateRangePickerProps<T extends DateValue> extends DateRangePickerProps<T> {
-    label?: string;
+import { DatePickerProps as AriaDatePickerProps, DateValue, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+interface DatePickerProps extends AriaDatePickerProps<DateValue> {
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     errorPosition?: 'top' | 'bottom';
-}
-export declare const DateRangePicker: <T extends DateValue>({ label, description, errorMessage, errorPosition, ...props }: MidasDateRangePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
-interface MidasDatePickerProps<T extends DateValue> extends DatePickerProps<T> {
     label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    errorPosition?: 'top' | 'bottom';
 }
-export declare const DatePicker: <T extends DateValue>({ label, description, errorMessage, errorPosition, ...props }: MidasDatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: React.FC<DatePickerProps>;
 export {};

package/date-picker/DatePickerInputField.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface DatePickerInputFieldProps {
+    children?: React.ReactNode;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+}
+export declare const DatePickerInputField: React.FC<DatePickerInputFieldProps>;
+export {};

package/date-picker/DatePickerPopover.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface DatePickerPopoverProps {
+    children?: React.ReactNode;
+}
+export declare const DatePickerPopover: React.ForwardRefExoticComponent<DatePickerPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/date-picker/DateRangePicker.d.ts

@@ -0,0 +1,9 @@
+import { DateRangePickerProps as AriaDateRangePickerProps, DateValue, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface DateRangePickerProps extends AriaDateRangePickerProps<DateValue> {
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    errorPosition?: 'top' | 'bottom';
+    label?: string;
+}
+export declare const DateRangePicker: React.FC<DateRangePickerProps>;

package/date-picker/index.d.ts

@@ -1,2 +1,2 @@
-export { DatePicker } from './DatePicker';
-export { DateRangePicker } from './DatePicker';
+export * from './DatePicker';
+export * from './DateRangePicker';