@midas-ds/components 8.0.0 → 8.2.0

package/CHANGELOG.md

@@ -1,3 +1,35 @@
+## 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
+
+- **accordion:** accordion status ✅ / 🚨 ([#485](https://github.com/migrationsverket/midas/pull/485))
+
+### 🩹 Fixes
+
+- **theme:** add dark mode focus ([#483](https://github.com/migrationsverket/midas/pull/483))
+- **modal:** make text in modal selectable ([#490](https://github.com/migrationsverket/midas/pull/490))
+- **accordion:** rename invalid token ([e4b13c928](https://github.com/migrationsverket/midas/commit/e4b13c928))
+- **select:** remove explicit size for indeterminate symbol ([5f805c134](https://github.com/migrationsverket/midas/commit/5f805c134))
+- **select:** change checkbox size to prevent disappearing border ([3ab520633](https://github.com/migrationsverket/midas/commit/3ab520633))
+
 # 8.0.0
 
 ### 🚀 Features

package/accordion/AccordionItem.d.ts

@@ -1,11 +1,14 @@
-import { DisclosureProps, HeadingProps } from 'react-aria-components';
+import { DisclosureProps } from 'react-aria-components';
+import { HeadingProps } from '../heading';
 import * as React from 'react';
 interface MidasAccordionItem extends Omit<DisclosureProps, 'children'> {
     /** The text displayed in the collapsed state. If a ReactNode is proveded we're not adding a heading and you have to provide one yourself. */
     title?: string | React.ReactNode;
     children?: React.ReactNode;
     /** Adjust the titles heading level to your heading tag structure */
-    headingLevel?: HeadingProps['level'];
+    headingLevel?: HeadingProps['elementType'];
+    /** Display an accordion item in different status states */
+    type?: 'default' | 'success' | 'warning';
 }
 export declare const AccordionItem: React.FC<MidasAccordionItem>;
 export {};

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/color-scheme-switch/ColorSchemeSwitch.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface ColorSchemeSwitchProps {
+    /** Choose what element that should be affected by the scheme switch.
+     * @default body
+     */
+    selector?: string;
+    /** Set the default value for the color scheme. Default is "light dark" meaning follow system settings
+     *
+     * @default new Set(['light dark'])
+     */
+    defaultValue?: Set<'light' | 'dark' | 'light dark'>;
+}
+export declare const ColorSchemeSwitch: React.FC<ColorSchemeSwitchProps>;

package/color-scheme-switch/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorSchemeSwitch';

package/combobox/ComboBox.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps, ValidationResult } from 'react-aria-components';
+import { Item, Section } from './types';
 export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<T>, 'children'> {
     label?: string;
     description?: string;
@@ -11,3 +12,4 @@ export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<
 }
 export declare function ComboBox<T extends object>({ label, description, errorMessage, children, items, className, errorPosition, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare function ComboBoxItem(props: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBoxSelection(props: Section<Item>): import("react/jsx-runtime").JSX.Element;

package/combobox/index.d.ts

@@ -1 +1,2 @@
-export { ComboBox, ComboBoxItem } from './ComboBox';
+export { ComboBox, ComboBoxItem, ComboBoxSelection } from './ComboBox';
+export type { Section, Item } from './types';

package/combobox/types.d.ts

@@ -2,3 +2,6 @@ export type Item = {
     id: number;
     name: string;
 };
+export type Section<T> = Item & {
+    children?: Iterable<T>;
+};

package/combobox/utils.d.ts

@@ -1,2 +1,10 @@
 import { Item } from './types';
 export declare function generateMockOptions(count: number): Iterable<Item>;
+export declare const optionsWithSections: {
+    name: string;
+    id: number;
+    children: {
+        name: string;
+        id: number;
+    }[];
+}[];

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';