@midas-ds/components 3.1.0 → 5.0.0

package/CHANGELOG.md

@@ -1,3 +1,93 @@
+# 5.0.0 (2025-03-17)
+
+### 🚀 Features
+
+- ⚠️  updated select, multi-select and modal components
+- **button:** set primary border to 2px when in high-contrast mode
+
+### 🩹 Fixes
+
+- **card:** deprecate card background
+- **select:** change direct element selector
+- **modal:** remove unused code
+- **link-button:** remove ts-ignore comment
+- **link:** remove unused code
+- **docs:** remove unused code
+- **select:** remove unsupported attribute
+- **select:** remove useless fragment
+- **search-field:** use aria-label instead of hidden label
+- add and remove comments
+- **layout:** final design adjustments
+- **layout:** design tweaks
+- **layout:** design tweaks
+- **layout:** design adjustments
+- **button:** write a deprecate comment that size small will be deprecate
+- **table:** write a deprecate comment that narrow will be deprecate
+- **date-picker:** resize button in invalid state, fixes #312
+- **date-picker:** change selected date color to blue150
+- change the weekday names to swedish languge
+- change disabled cursor to not-allowed
+- **datepicker:** change cursor to pointer
+- **radio:** change cursor to pointer
+- **checkbox:** change cursor to pointer
+
+### Documentation Changes
+
+- fix local dark mode on portals in SB
+- add security disclaimers
+- **date-picker:** add style unavailable and code example for Unavailable Date in docs
+- dark mode support for storybook and docusaurus
+
+### ⚠️  Breaking Changes
+
+- `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading."
+
+### ❤️ Thank You
+
+- derpbravely
+- jabir Khalil
+- pixelrickdreamer
+- Wilhelm Hjelm
+
+# 4.0.0 (2025-03-10)
+
+### 🚀 Features
+
+- ⚠️ updated select, multi-select and modal components
+- **button:** set primary border to 2px when in high-contrast mode
+
+### 🩹 Fixes
+
+- **layout:** final design adjustments
+- **layout:** design tweaks
+- **layout:** design tweaks
+- **layout:** design adjustments
+- **button:** write a deprecate comment that size small will be deprecate
+- **table:** write a deprecate comment that narrow will be deprecate
+- **date-picker:** resize button in invalid state, fixes #312
+- **date-picker:** change selected date color to blue150
+- change the weekday names to swedish languge
+- change disabled cursor to not-allowed
+- **datepicker:** change cursor to pointer
+- **radio:** change cursor to pointer
+- **checkbox:** change cursor to pointer
+
+### Documentation Changes
+
+- add security disclaimers
+- **date-picker:** add style unavailable and code example for Unavailable Date in docs
+
+### ⚠️ Breaking Changes
+
+- `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading."
+
+### ❤️ Thank You
+
+- derpbravely
+- jabir Khalil
+- pixelrickdreamer
+- Wilhelm Hjelm
+
 ## 3.1.0 (2025-03-06)
 
 ### 🚀 Features

package/accordion/Accordion.d.ts

@@ -1,5 +1,6 @@
 import { DisclosureGroupProps } from 'react-aria-components';
 import * as React from 'react';
+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';

package/button/Button.d.ts

@@ -15,6 +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. */
     size?: 'small';
     /** Add an icon from lucide-react
      *

package/calendar/Calendar.d.ts

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

package/calendar/RangeCalendar.d.ts

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

package/calendar/index.d.ts

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

package/card/Card.d.ts

@@ -8,6 +8,7 @@ export interface CardProps<C extends React.ElementType = typeof Link> extends Re
     };
     /** 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 */

package/date-field/DateField.d.ts

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

package/date-field/index.d.ts

@@ -0,0 +1 @@
+export { DateField } from './DateField';

package/global.css

@@ -1 +1 @@
-@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}

package/heading/Heading.d.ts

@@ -0,0 +1,14 @@
+import { HeadingProps as AriaHeadingProps } from 'react-aria-components';
+import * as React from 'react';
+export type ElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export interface HeadingProps extends AriaHeadingProps {
+    /**
+     * Override the semantic element of the component but keep the look of the level property
+     */
+    elementType?: ElementType;
+    /**
+     * Use the external/expressive look
+     */
+    isExpressive?: boolean;
+}
+export declare const Heading: React.FC<HeadingProps>;

package/heading/index.d.ts

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