@midas-ds/components 6.1.0 → 7.0.0

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "6.1.0",
+  "version": "7.0.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

@@ -28,9 +28,7 @@ export declare const theme: {
         blue10: string;
         blue20: string;
         blue40: string;
-        blue50: string;
         blue60: string;
-        blue70: string;
         blue80: string;
         blue90: string;
         blue100: string;

package/theme/tokens.d.ts

@@ -26,9 +26,7 @@ export declare const baseColors: {
     blue10: string;
     blue20: string;
     blue40: string;
-    blue50: string;
     blue60: string;
-    blue70: string;
     blue80: string;
     blue90: string;
     blue100: string;

package/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./tokens-DZsQgihc.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-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;

package/theme.js

@@ -1,5 +1,5 @@
-import { t as s } from "./tokens-Ce2Sj8HD.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-Ce2Sj8HD.js";
+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";
 const t = { ...s };
 export {
   r as baseColors,

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

@@ -26,9 +26,7 @@ const r = {
   blue10: "#eaf2f6",
   blue20: "#d5e5ed",
   blue40: "#abcbdb",
-  blue50: "#abcbdb",
   blue60: "#82b0c9",
-  blue70: "#6ca3c0",
   blue80: "#5897b8",
   blue90: "#4289ad",
   blue100: "#2e7ca5",
@@ -136,25 +134,25 @@ const r = {
   darkMode: "(prefers-color-scheme: dark)",
   prefersReducedMotion: "(prefers-reduced-motion: reduced)"
 }, l = {
-  background01: `light-dark(${r.white}, ${r.gray30})`,
+  background01: `light-dark(${r.white}, ${r.gray200})`,
   backgroundHover01: `light-dark(${r.whiteHover}, ${r.gray190})`,
-  backgroundInverse01: `light-dark(${r.gray30}, ${r.gray10})`,
+  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.gray20})`,
+  layerSelectedHover01: `light-dark(${r.gray40}, ${r.gray150})`,
   layer02: `light-dark(${r.white}, ${r.gray160})`,
-  layerHover02: `light-dark(${r.whiteHover}, ${r.gray20})`,
+  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.gray20})`,
+  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.gray30}, ${r.gray10})`,
+  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})`,
@@ -166,13 +164,13 @@ const r = {
   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.gray20})`,
+  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.gray30}, ${r.gray10})`,
-  iconSecondary: `light-dark(${r.blue170}, ${r.blue170})`,
-  iconInverse: `light-dark(${r.white}, ${r.black})`,
+  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})`,
@@ -188,15 +186,15 @@ const r = {
   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.gray10})`,
-  notificationBackgroundInfo: `light-dark(${r.signalBlue20}, ${r.gray10})`,
-  notificationBackgroundImportant: `light-dark(${r.signalYellow20}, ${r.gray10})`,
-  notificationBackgroundWarning: `light-dark(${r.signalRed20}, ${r.gray10})`,
-  textPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
+  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.white}, ${r.black})`,
+  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})`,
@@ -204,7 +202,7 @@ const r = {
   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.gray30})`,
+  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})`,

package/tokens-DzCqA9U7.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",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;

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

package/tokens-DZsQgihc.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",blue50:"#abcbdb",blue60:"#82b0c9",blue70:"#6ca3c0",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.gray30})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`light-dark(${r.gray30}, ${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.gray20})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray20})`,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.gray20})`,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.gray30}, ${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.gray20})`,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.gray30}, ${r.gray10})`,iconSecondary:`light-dark(${r.blue170}, ${r.blue170})`,iconInverse:`light-dark(${r.white}, ${r.black})`,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.gray10})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray10})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray10})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray10})`,textPrimary:`light-dark(${r.gray30}, ${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.white}, ${r.black})`,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.gray30})`,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:a,states:g,transitions:i,typography:e},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=a;exports.states=g;exports.tokens=d;exports.transitions=i;exports.typography=e;