@midas-ds/components 8.2.0 → 9.0.0

package/label/Label.d.ts

@@ -2,7 +2,7 @@ import { LabelProps as AriaLabelProps } from 'react-aria-components';
 import * as React from 'react';
 export interface LabelProps extends AriaLabelProps {
     /**
-     *  @deprecated Please use Label without variant for label-02, and for label-01 use Text component with slot: 'description'
+     *  @deprecated since v8.2.0 Please use Label without variant for label-02, and for label-01 use Text component with slot: 'description'
      */
     variant?: 'label-01' | 'label-02';
 }

package/modal/Dialog.d.ts

@@ -10,11 +10,11 @@ interface DialogProps extends AriaDialogProps {
     title?: React.ReactNode;
     children: React.ReactNode;
 }
-/** @deprecated since 6.0.0 use Modal instead.
+/** @deprecated since v6.0.0 use Modal instead.
  * See docs {@link https://designsystem.migrationsverket.se/|Midas}
  */
 export declare const Dialog: React.FC<DialogProps>;
-/** @deprecated since version 6.0.0, use DialogTrigger instead.
+/** @deprecated since v6.0.0, use DialogTrigger instead.
  * See docs {@link https://designsystem.migrationsverket.se/|Midas}
  */
 export declare const ModalTrigger: React.FC<OverlayTriggerProps & {

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "8.2.0",
+  "version": "9.0.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",

package/spinner/Spinner.d.ts

@@ -9,7 +9,7 @@ export interface SpinnerProps {
     isOnColor?: boolean;
     /** For use on dark background
      * @default false
-     * @deprecated please use `isOnColor` instead
+     * @deprecated since v8.0.0 please use `isOnColor` instead
      */
     dark?: boolean;
 }

package/table/Table.d.ts

@@ -1,7 +1,7 @@
 import { RowProps, TableHeaderProps, ColumnProps, TableProps as AriaTableProps, CellProps, TableBody } from 'react-aria-components';
 export interface TableProps extends AriaTableProps {
     /**
-     *  @deprecated This variant will be replaced with a new scaling api accross all components.
+     *  @deprecated since v8.0.0 This variant will be replaced with a new scaling api accross all components.
      */
     narrow?: boolean;
     /**

package/tabs/Tabs.d.ts

@@ -14,7 +14,7 @@ export interface TabsProps extends Omit<AriaTabsProps, 'orientation'> {
      */
     children: React.ReactNode;
     /**
-     * @deprecated
+     * @deprecated since v8.0.0
      * Please use `defaultSelectedKey` instead
      */
     defaultSelected?: string;

package/textfield/TextArea.d.ts

@@ -1,7 +1,10 @@
 import { TextFieldBaseProps } from './TextFieldBase';
 import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
 import * as React from 'react';
-export interface TextAreaProps extends Omit<TextFieldBaseProps, 'children' | 'type'> {
+export interface TextAreaProps extends Omit<TextFieldBaseProps, 'children' | 'type' | 'pattern'> {
     className?: AriaTextAreaProps['className'];
+    form?: string;
+    rows?: number;
+    wrap?: string;
 }
 export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/textfield/TextField.d.ts

@@ -3,5 +3,7 @@ import { InputProps } from './Input';
 import * as React from 'react';
 export interface TextFieldProps extends Omit<TextFieldBaseProps, 'children'> {
     className?: InputProps['className'];
+    form?: string;
+    list?: string;
 }
 export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/textfield/TextFieldBase.d.ts

@@ -1,5 +1,6 @@
 import { TextFieldProps, ValidationResult } from 'react-aria-components';
 import * as React from 'react';
+export type Size = 'medium' | 'large';
 export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
     children?: React.ReactNode;
     /** Specify label displayed above the TextField*/
@@ -15,5 +16,9 @@ export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
      * false
      */
     showCounter?: boolean;
+    /** Component size (large: height 48px, medium: height 40px)
+     *  @default 'large'
+     * */
+    size?: Size;
 }
 export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<HTMLDivElement>>;

package/theme/index.d.ts

@@ -53,25 +53,26 @@ export declare const theme: {
     };
     typography: {
         fontFamily: string;
-        lineHeight01: number;
-        lineHeight02: number;
-        lineHeight03: number;
-        lineHeight04: number;
-        lineHeight05: number;
-        lineHeight06: number;
-        lineHeight07: number;
-        lineHeight08: number;
-        lineHeight09: number;
-        size01: string;
-        size02: string;
-        size03: string;
-        size04: string;
-        size05: string;
-        size06: string;
-        size07: string;
-        size08: string;
-        size09: string;
-        size10: string;
+        lineHeight10: number;
+        lineHeight20: number;
+        lineHeight30: number;
+        lineHeight40: number;
+        lineHeight50: number;
+        lineHeight60: number;
+        lineHeight70: number;
+        lineHeight80: number;
+        lineHeight90: number;
+        lineHeight100: number;
+        fontSize10: string;
+        fontSize20: string;
+        fontSize30: string;
+        fontSize40: string;
+        fontSize50: string;
+        fontSize60: string;
+        fontSize70: string;
+        fontSize80: string;
+        fontSize90: string;
+        fontSize100: string;
         weightThin: number;
         weightExtraLight: number;
         weightLight: number;
@@ -83,18 +84,18 @@ export declare const theme: {
         weightBlack: number;
     };
     spacing: {
-        '01': string;
-        '02': string;
-        '03': string;
-        '04': string;
-        '05': string;
-        '06': string;
-        '07': string;
-        '08': string;
-        '09': string;
         '10': string;
-        '11': string;
-        '12': string;
+        '20': string;
+        '30': string;
+        '40': string;
+        '50': string;
+        '60': string;
+        '70': string;
+        '80': string;
+        '90': string;
+        '100': string;
+        '110': string;
+        '120': string;
     };
     states: {
         focus: string;
@@ -182,6 +183,7 @@ export declare const theme: {
         textInverse: string;
         textDisabled: string;
         textInvalid: string;
+        textWarning: string;
         textPlaceholder: string;
         buttonBackgroundPrimary: string;
         buttonBackgroundPrimaryHover: string;
@@ -198,6 +200,8 @@ export declare const theme: {
         buttonBackgroundSkeleton: string;
         buttonBorderSecondary: string;
         logoPrimary: string;
+        menuItemBackgroundHover: string;
+        menuItemBackgroundSelected: string;
     };
     zIndex: {
         base: number;

package/theme/tokens.d.ts

@@ -51,25 +51,26 @@ export declare const baseColors: {
 };
 export declare const typography: {
     fontFamily: string;
-    lineHeight01: number;
-    lineHeight02: number;
-    lineHeight03: number;
-    lineHeight04: number;
-    lineHeight05: number;
-    lineHeight06: number;
-    lineHeight07: number;
-    lineHeight08: number;
-    lineHeight09: number;
-    size01: string;
-    size02: string;
-    size03: string;
-    size04: string;
-    size05: string;
-    size06: string;
-    size07: string;
-    size08: string;
-    size09: string;
-    size10: string;
+    lineHeight10: number;
+    lineHeight20: number;
+    lineHeight30: number;
+    lineHeight40: number;
+    lineHeight50: number;
+    lineHeight60: number;
+    lineHeight70: number;
+    lineHeight80: number;
+    lineHeight90: number;
+    lineHeight100: number;
+    fontSize10: string;
+    fontSize20: string;
+    fontSize30: string;
+    fontSize40: string;
+    fontSize50: string;
+    fontSize60: string;
+    fontSize70: string;
+    fontSize80: string;
+    fontSize90: string;
+    fontSize100: string;
     weightThin: number;
     weightExtraLight: number;
     weightLight: number;
@@ -81,18 +82,18 @@ export declare const typography: {
     weightBlack: number;
 };
 export declare const spacing: {
-    '01': string;
-    '02': string;
-    '03': string;
-    '04': string;
-    '05': string;
-    '06': string;
-    '07': string;
-    '08': string;
-    '09': string;
     '10': string;
-    '11': string;
-    '12': string;
+    '20': string;
+    '30': string;
+    '40': string;
+    '50': string;
+    '60': string;
+    '70': string;
+    '80': string;
+    '90': string;
+    '100': string;
+    '110': string;
+    '120': string;
 };
 export declare const states: {
     focus: string;
@@ -139,6 +140,9 @@ export declare const semantic: {
     borderSecondary: string;
     borderSubtle: string;
     borderTertiary: string;
+    /**
+     * @deprecated Deprecated in 8.2.0. Use `supportBorderWarning` instead.
+     */
     borderInvalid: string;
     borderDisabled: string;
     field01: string;
@@ -179,7 +183,11 @@ export declare const semantic: {
     textOnColor: string;
     textInverse: string;
     textDisabled: string;
+    /**
+     * @deprecated Deprecated in 8.4.0 - Please use textWarning instead.
+     */
     textInvalid: string;
+    textWarning: string;
     textPlaceholder: string;
     buttonBackgroundPrimary: string;
     buttonBackgroundPrimaryHover: string;
@@ -196,6 +204,8 @@ export declare const semantic: {
     buttonBackgroundSkeleton: string;
     buttonBorderSecondary: string;
     logoPrimary: string;
+    menuItemBackgroundHover: string;
+    menuItemBackgroundSelected: string;
 };
 export declare const zIndex: {
     base: number;

package/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tokens-CIuAmuws.cjs"),s={...e.tokens};exports.baseColors=e.baseColors;exports.breakpoints=e.breakpoints;exports.semantic=e.semantic;exports.spacing=e.spacing;exports.states=e.states;exports.transitions=e.transitions;exports.typography=e.typography;exports.windowSizes=e.windowSizes;exports.zIndex=e.zIndex;exports.theme=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tokens-CzvFRHfr.cjs"),s={...e.tokens};exports.baseColors=e.baseColors;exports.breakpoints=e.breakpoints;exports.semantic=e.semantic;exports.spacing=e.spacing;exports.states=e.states;exports.transitions=e.transitions;exports.typography=e.typography;exports.windowSizes=e.windowSizes;exports.zIndex=e.zIndex;exports.theme=s;

package/theme.js

@@ -1,5 +1,5 @@
-import { t as s } from "./tokens-Dq5vcWLv.js";
-import { b as n, f as r, s as i, c as p, d as m, e as c, a as b, w as d, z as f } from "./tokens-Dq5vcWLv.js";
+import { t as s } from "./tokens-n8UPYzPD.js";
+import { b as n, f as r, s as i, c as p, d as m, e as c, a as b, w as d, z as f } from "./tokens-n8UPYzPD.js";
 const t = { ...s };
 export {
   n as baseColors,

package/tokens-CzvFRHfr.cjs

@@ -0,0 +1 @@
+"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue60:"#82b0c9",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed80:"#eb4e4e",signalRed100:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313"},a={fontFamily:'"Inter", sans-serif',lineHeight10:1,lineHeight20:1.125,lineHeight30:1.25,lineHeight40:1.375,lineHeight50:1.5,lineHeight60:1.75,lineHeight70:2,lineHeight80:2.25,lineHeight90:2.5,lineHeight100:2.75,fontSize10:"0.75rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2.25rem",fontSize100:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={10:"0.125rem",20:"0.25rem",30:"0.5rem",40:"0.75rem",50:"1rem",60:"1.5rem",70:"2rem",80:"2.5rem",90:"3rem",100:"4rem",110:"5rem",120:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},t={slow:"500ms",normal:"300ms",fast:"250ms"},e={md:768,lg:1200,xl:1440},l={sm:`(max-width: ${e.md-1}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue170}, ${r.blue100})`,borderInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textWarning:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:l,semantic:d,spacing:g,states:i,transitions:t,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=l;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=t;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;

package/{tokens-Dq5vcWLv.js → tokens-n8UPYzPD.js}

@@ -50,43 +50,45 @@ const r = {
   signalRed180: "#801313"
 }, a = {
   fontFamily: '"Inter", sans-serif',
-  lineHeight01: 1,
+  lineHeight10: 1,
   // 16px
-  lineHeight02: 1.125,
+  lineHeight20: 1.125,
   // 18px (18/16)
-  lineHeight03: 1.25,
+  lineHeight30: 1.25,
   // 20px (20/16)
-  lineHeight04: 1.375,
+  lineHeight40: 1.375,
   // 22px (22/16)
-  lineHeight05: 1.5,
+  lineHeight50: 1.5,
   // 24px (24/16)
-  lineHeight06: 1.75,
+  lineHeight60: 1.75,
   // 28px (28/16)
-  lineHeight07: 2,
+  lineHeight70: 2,
   // 32px (32/16)
-  lineHeight08: 2.25,
+  lineHeight80: 2.25,
   // 36px (36/16)
-  lineHeight09: 2.5,
+  lineHeight90: 2.5,
   // 40px (40/16)
-  size01: "0.75rem",
+  lineHeight100: 2.75,
+  // 44px (44/16)
+  fontSize10: "0.75rem",
   // 12px (12/16)
-  size02: "0.875rem",
+  fontSize20: "0.875rem",
   // 14px (14/16)
-  size03: "1rem",
+  fontSize30: "1rem",
   // 16px (16/16)
-  size04: "1.125rem",
+  fontSize40: "1.125rem",
   // 18px (18/16)
-  size05: "1.25rem",
+  fontSize50: "1.25rem",
   // 20px (20/16)
-  size06: "1.5rem",
+  fontSize60: "1.5rem",
   // 24px (24/16)
-  size07: "1.75rem",
+  fontSize70: "1.75rem",
   // 28px (28/16)
-  size08: "2rem",
+  fontSize80: "2rem",
   // 32px (32/16)
-  size09: "2.25rem",
+  fontSize90: "2.25rem",
   // 36px (36/16)
-  size10: "2.625rem",
+  fontSize100: "2.625rem",
   // 42px (40/16)
   weightThin: 100,
   weightExtraLight: 200,
@@ -98,29 +100,29 @@ const r = {
   weightExtraBold: 800,
   weightBlack: 900
 }, g = {
-  "01": "0.125rem",
+  10: "0.125rem",
   // 2px
-  "02": "0.25rem",
+  20: "0.25rem",
   // 4px
-  "03": "0.5rem",
+  30: "0.5rem",
   // 8px
-  "04": "0.75rem",
+  40: "0.75rem",
   // 12px
-  "05": "1rem",
+  50: "1rem",
   // 16px
-  "06": "1.5rem",
+  60: "1.5rem",
   // 24px
-  "07": "2rem",
+  70: "2rem",
   // 32px
-  "08": "2.5rem",
+  80: "2.5rem",
   // 40px
-  "09": "3rem",
+  90: "3rem",
   // 48px
-  10: "4rem",
+  100: "4rem",
   // 64px
-  11: "5rem",
+  110: "5rem",
   // 80px
-  12: "6rem"
+  120: "6rem"
   // 96px
 }, i = {
   focus: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"
@@ -163,6 +165,9 @@ const r = {
   borderSecondary: `light-dark(${r.gray110}, ${r.gray90})`,
   borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
   borderTertiary: `light-dark(${r.blue170}, ${r.blue100})`,
+  /**
+   * @deprecated Deprecated in 8.2.0. Use `supportBorderWarning` instead.
+   */
   borderInvalid: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
   borderDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
   field01: `light-dark(${r.gray10}, ${r.gray180})`,
@@ -203,7 +208,11 @@ const r = {
   textOnColor: `light-dark(${r.white}, ${r.white})`,
   textInverse: `light-dark(${r.gray10}, ${r.gray200})`,
   textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
+  /**
+   * @deprecated Deprecated in 8.4.0 - Please use textWarning instead.
+   */
   textInvalid: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
+  textWarning: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
   textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
   buttonBackgroundPrimary: `light-dark(${r.blue170}, ${r.blue100})`,
   buttonBackgroundPrimaryHover: `light-dark(${r.blue140}, ${r.blue140})`,
@@ -219,7 +228,9 @@ const r = {
   buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
   buttonBackgroundSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
   buttonBorderSecondary: `light-dark(${r.blue170}, ${r.gray10})`,
-  logoPrimary: `light-dark(${r.red100}, ${r.white})`
+  logoPrimary: `light-dark(${r.red100}, ${r.white})`,
+  menuItemBackgroundHover: `light-dark(${r.gray20}, ${r.gray190})`,
+  menuItemBackgroundSelected: `light-dark(${r.gray10}, ${r.gray180})`
 }, n = {
   base: 1,
   above: 10,

package/utils/intl/useMessageFormatter.d.ts

@@ -6,6 +6,6 @@ export type FormatMessage = (key: string, variables?: {
  * Handles formatting ICU Message strings to create localized strings for the current locale.
  * Automatically updates when the locale changes, and handles caching of messages for performance.
  * @param strings - A mapping of languages to strings by key.
- * @deprecated - use useLocalizedStringFormatter instead.
+ * @deprecated since v7.0.0 - use useLocalizedStringFormatter instead.
  */
 export declare function useMessageFormatter(strings: LocalizedStrings): FormatMessage;

package/utils/storybook.d.ts

@@ -2,3 +2,4 @@ export declare const options: {
     name: string;
     id: string;
 }[];
+export declare const mockedNow: import('@internationalized/date').CalendarDate;

package/tokens-CIuAmuws.cjs

@@ -1 +0,0 @@
-"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue60:"#82b0c9",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed80:"#eb4e4e",signalRed100:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313"},a={fontFamily:'"Inter", sans-serif',lineHeight01:1,lineHeight02:1.125,lineHeight03:1.25,lineHeight04:1.375,lineHeight05:1.5,lineHeight06:1.75,lineHeight07:2,lineHeight08:2.25,lineHeight09:2.5,size01:"0.75rem",size02:"0.875rem",size03:"1rem",size04:"1.125rem",size05:"1.25rem",size06:"1.5rem",size07:"1.75rem",size08:"2rem",size09:"2.25rem",size10:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={"01":"0.125rem","02":"0.25rem","03":"0.5rem","04":"0.75rem","05":"1rem","06":"1.5rem","07":"2rem","08":"2.5rem","09":"3rem",10:"4rem",11:"5rem",12:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},l={slow:"500ms",normal:"300ms",fast:"250ms"},e={md:768,lg:1200,xl:1440},t={sm:`(max-width: ${e.md-1}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue170}, ${r.blue100})`,borderInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,spacing:g,states:i,transitions:l,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=l;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;