@midas-ds/components 6.2.0 → 7.1.0

package/package.json

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

package/textfield/Input.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from 'react-aria-components';
+import * as React from 'react';
+export type { InputProps };
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/textfield/PasswordField.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input';
+import * as React from 'react';
+export declare const PasswordField: React.FC<InputProps>;

package/textfield/TextArea.d.ts

@@ -0,0 +1,7 @@
+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'> {
+    className?: AriaTextAreaProps['className'];
+}
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/textfield/TextField.d.ts

@@ -1,25 +1,7 @@
-import { TextFieldProps as AriaTextFieldProps, ValidationResult } from 'react-aria-components';
+import { TextFieldBaseProps } from './TextFieldBase';
+import { InputProps } from './Input';
 import * as React from 'react';
-export interface TextFieldProps extends AriaTextFieldProps {
-    children?: React.ReactNode;
-    /** Specify label displayed above the TextField*/
-    label?: string;
-    /** Specify description displayed below the label */
-    description?: string;
-    /** Custom error messages */
-    errorMessage?: string | ((validation: ValidationResult) => string) | undefined;
-    /** Enable validations or add your own regex */
-    validationType?: 'ssn' | 'dossnr' | RegExp;
-    /**
-     * Whether to show the character counter or not
-     * @default
-     * false
-     */
-    showCounter?: boolean;
+export interface TextFieldProps extends Omit<TextFieldBaseProps, 'children'> {
+    className?: InputProps['className'];
 }
-export declare const TextField: React.FC<TextFieldProps>;
-type InputWrapperProps = Pick<TextFieldProps, 'label' | 'description' | 'errorMessage' | 'children'>;
-export declare const InputWrapper: ({ label, description, errorMessage, children, }: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ssnRegEx: RegExp;
-export declare const dossNrRegEx: RegExp;
-export {};
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/textfield/TextFieldBase.d.ts

@@ -0,0 +1,18 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
+    children?: React.ReactNode;
+    /** Specify label displayed above the TextField*/
+    label?: string;
+    /** Specify description displayed below the label */
+    description?: string;
+    /** Custom error messages */
+    errorMessage?: string | ((validation: ValidationResult) => string) | undefined;
+    /**
+     * Whether to show the character counter or not
+     * @default
+     * false
+     */
+    showCounter?: boolean;
+}
+export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<HTMLDivElement>>;

package/textfield/index.d.ts

@@ -1 +1,4 @@
+export * from './TextFieldBase';
 export * from './TextField';
+export * from './TextArea';
+export * from './Input';

package/textfield/intl/translations.json.d.ts

@@ -0,0 +1,85 @@
+declare const _default: {
+  "en": {
+    "hide": "Hide",
+    "show": "Show"
+  },
+  "sv": {
+    "hide": "Dölj",
+    "show": "Visa"
+  },
+  "es": {
+    "hide": "Ocultar",
+    "show": "Mostrar"
+  },
+  "fr": {
+    "hide": "Cacher",
+    "show": "Afficher"
+  },
+  "de": {
+    "hide": "Verstecken",
+    "show": "Anzeigen"
+  },
+  "ja": {
+    "hide": "隠す",
+    "show": "表示"
+  },
+  "zh": {
+    "hide": "隐藏",
+    "show": "显示"
+  },
+  "ar": {
+    "hide": "إخفاء",
+    "show": "إظهار"
+  },
+  "ru": {
+    "hide": "Скрыть",
+    "show": "Показать"
+  },
+  "pt": {
+    "hide": "Ocultar",
+    "show": "Mostrar"
+  },
+  "it": {
+    "hide": "Nascondi",
+    "show": "Mostra"
+  },
+  "ko": {
+    "hide": "숨기기",
+    "show": "보여주기"
+  },
+  "hi": {
+    "hide": "छुपाएँ",
+    "show": "दिखाएँ"
+  },
+  "nl": {
+    "hide": "Verbergen",
+    "show": "Tonen"
+  },
+  "pl": {
+    "hide": "Ukryj",
+    "show": "Pokaż"
+  },
+  "tr": {
+    "hide": "Gizle",
+    "show": "Göster"
+  },
+  "vi": {
+    "hide": "Ẩn",
+    "show": "Hiện"
+  },
+  "th": {
+    "hide": "ซ่อน",
+    "show": "แสดง"
+  },
+  "id": {
+    "hide": "Sembunyikan",
+    "show": "Tampilkan"
+  },
+  "ms": {
+    "hide": "Sembunyikan",
+    "show": "Tunjukkan"
+  }
+}
+;
+
+export default _default;

package/theme/index.d.ts

@@ -194,4 +194,11 @@ export declare const theme: {
         buttonBorderPrimary: string;
         logoPrimary: string;
     };
+    zIndex: {
+        base: number;
+        above: number;
+        modal: number;
+        toast: number;
+        skipToContent: number;
+    };
 };

package/theme/tokens.d.ts

@@ -192,3 +192,10 @@ export declare const semantic: {
     buttonBorderPrimary: string;
     logoPrimary: string;
 };
+export declare const zIndex: {
+    base: number;
+    above: number;
+    modal: number;
+    toast: number;
+    skipToContent: number;
+};

package/theme.cjs

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

package/theme.js

@@ -1,5 +1,5 @@
-import { t as s } from "./tokens-DeYazHS9.js";
-import { b as r, f as n, s as p, c as i, d as m, e as c, a as b } from "./tokens-DeYazHS9.js";
+import { t as s } from "./tokens-XrriCAqI.js";
+import { b as r, f as n, s as p, c as i, d as m, e as c, a as b, z as f } from "./tokens-XrriCAqI.js";
 const t = { ...s };
 export {
   r as baseColors,
@@ -9,5 +9,6 @@ export {
   m as states,
   t as theme,
   c as transitions,
-  b as typography
+  b as typography,
+  f as zIndex
 };

package/{tokens-DzCqA9U7.cjs → tokens-CG8BaZyJ.cjs}

@@ -1 +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",signalBlue20:"#eaf2f6",signalBlue140:"#0066cc",signalGreen20:"#d5f2d9",signalGreen140:"#008d3c",signalRed20:"#ffdfdf",signalRed140:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313",signalYellow20:"#fff8e1",signalYellow140:"#fdb813"},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},e={"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"},g={focus:"0 0 0 2px white, 0 0 0 4px black"},i={slow:"500ms",normal:"300ms",fast:"250ms"},t={sm:"(max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 1200px)",xl:"(min-width: 1440px)",forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},l={background01:`light-dark(${r.white}, ${r.gray200})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`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})`,borderStrong:`light-dark(${r.gray200}, ${r.gray10})`,borderMedium:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderBrand:`light-dark(${r.blue170}, ${r.blue170})`,borderInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,borderSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,borderInverse:`light-dark(${r.white}, ${r.gray180})`,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.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,iconInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,iconWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,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})`,notificationBorderSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,notificationBorderInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,notificationBorderImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,notificationBorderWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,notificationBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray180})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray180})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textBrand:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textSubtle:`light-dark(${r.gray90}, ${r.gray90})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,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.signalRed140}, ${r.signalRed140})`,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})`,buttonBackgroundGhostHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundGhostActive:`light-dark(${r.gray30}, ${r.gray190})`,buttonBorderPrimary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},d=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:l,spacing:e,states:g,transitions:i,typography:a},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=e;exports.states=g;exports.tokens=d;exports.transitions=i;exports.typography=a;
+"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",signalBlue20:"#eaf2f6",signalBlue140:"#0066cc",signalGreen20:"#d5f2d9",signalGreen140:"#008d3c",signalRed20:"#ffdfdf",signalRed140:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313",signalYellow20:"#fff8e1",signalYellow140:"#fdb813"},e={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},a={"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"},g={focus:"0 0 0 2px white, 0 0 0 4px black"},i={slow:"500ms",normal:"300ms",fast:"250ms"},t={sm:"(max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 1200px)",xl:"(min-width: 1440px)",forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},l={background01:`light-dark(${r.white}, ${r.gray200})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`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})`,borderStrong:`light-dark(${r.gray200}, ${r.gray10})`,borderMedium:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderBrand:`light-dark(${r.blue170}, ${r.blue170})`,borderInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,borderSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,borderInverse:`light-dark(${r.white}, ${r.gray180})`,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.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,iconInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,iconWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,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})`,notificationBorderSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,notificationBorderInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,notificationBorderImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,notificationBorderWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,notificationBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray180})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray180})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textBrand:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textSubtle:`light-dark(${r.gray90}, ${r.gray90})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,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.signalRed140}, ${r.signalRed140})`,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})`,buttonBackgroundGhostHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundGhostActive:`light-dark(${r.gray30}, ${r.gray190})`,buttonBorderPrimary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},d={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},n=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:l,spacing:a,states:g,transitions:i,typography:e,zIndex:d},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=a;exports.states=g;exports.tokens=n;exports.transitions=i;exports.typography=e;exports.zIndex=d;

package/{tokens-DeYazHS9.js → tokens-XrriCAqI.js}

@@ -216,7 +216,13 @@ const r = {
   buttonBackgroundGhostActive: `light-dark(${r.gray30}, ${r.gray190})`,
   buttonBorderPrimary: `light-dark(${r.blue170}, ${r.gray10})`,
   logoPrimary: `light-dark(${r.red100}, ${r.white})`
-}, d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, d = {
+  base: 1,
+  above: 10,
+  modal: 1e3,
+  toast: 1100,
+  skipToContent: 1200
+}, n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   baseColors: r,
   breakpoints: t,
@@ -224,7 +230,8 @@ const r = {
   spacing: e,
   states: g,
   transitions: i,
-  typography: a
+  typography: a,
+  zIndex: d
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   a,
@@ -234,5 +241,6 @@ export {
   i as e,
   t as f,
   l as s,
-  d as t
+  n as t,
+  d as z
 };

package/utils/intl/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLocalizedStringFormatter';
+export * from './useMessageFormatter';

package/utils/intl/useLocalizedStringFormatter.d.ts

@@ -0,0 +1,11 @@
+import { LocalizedString, LocalizedStringDictionary, LocalizedStringFormatter, LocalizedStrings } from '@internationalized/string';
+/**
+ * Returns a cached LocalizedStringDictionary for the given strings.
+ */
+export declare function useLocalizedStringDictionary<K extends string = string, T extends LocalizedString = string>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T>;
+/**
+ * Provides localized string formatting for the current locale. Supports interpolating variables,
+ * selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.
+ * @param strings - A mapping of languages to localized strings by key.
+ */
+export declare function useLocalizedStringFormatter<K extends string = string, T extends LocalizedString = string>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringFormatter<K, T>;

package/utils/intl/useMessageFormatter.d.ts

@@ -0,0 +1,11 @@
+import { LocalizedStrings } from '@internationalized/message';
+export type FormatMessage = (key: string, variables?: {
+    [key: string]: any;
+}) => string;
+/**
+ * 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.
+ */
+export declare function useMessageFormatter(strings: LocalizedStrings): FormatMessage;

package/utils/test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A utility for making visual assertions in Storybook play tests based on the browsers "prefers-colors-scheme" setting
+ */
+export declare const lightDark: (light: string, dark: string) => string;

package/textarea/TextArea.d.ts

@@ -1,20 +0,0 @@
-import { ValidationResult, TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
-import * as React from 'react';
-export interface TextAreaProps extends AriaTextFieldProps {
-    /** Specify label displayed above the TextArea*/
-    label?: string;
-    /** Specify description displayed below the label */
-    description?: string;
-    /** Set number of rows for the TextArea */
-    rows?: number;
-    /** Set minimum number of characters that are allowed before the TextArea is put in an invalid state */
-    minLength?: number;
-    /**
-     * Whether to show the character counter or not
-     * @default
-     * false
-     */
-    showCounter?: boolean;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-}
-export declare const TextArea: React.FC<TextAreaProps>;

package/textarea/index.d.ts

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