@qasa/qds-ui 0.5.0 → 0.6.0

package/dist/esm/types/components/text-field/text-field.d.ts

@@ -10,6 +10,11 @@ interface TextFieldOptions extends InputBaseOptions {
      * The error message to display if `isInvalid` is `true`
      */
     errorMessage?: string;
+    /**
+     * If `true`, the input will display an optional indicator.
+     * If the `isRequired` prop is also `true`, this prop will be ignored.
+     */
+    isOptional?: boolean;
     /**
      * Text that provides additional guidance to the user
      */

package/dist/esm/types/i18n/locale-context.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { LanguageCode } from './locales';
+interface LocaleContextValue {
+    currentLanguage: LanguageCode;
+}
+interface LocaleProviderProps {
+    language: LanguageCode;
+    children: React.ReactNode;
+}
+export declare function LocaleProvider({ language, children }: LocaleProviderProps): JSX.Element;
+export declare function useLocale(): LocaleContextValue;
+export {};

package/dist/esm/types/i18n/locales.d.ts

@@ -0,0 +1,8 @@
+declare const SUPPORTED_LANGUAGE_CODES: readonly ["en", "sv", "fi", "fr"];
+export declare type LanguageCode = typeof SUPPORTED_LANGUAGE_CODES[number];
+export interface Resource {
+    close: string;
+    optional: string;
+}
+export declare const locales: Record<LanguageCode, Resource>;
+export {};

package/dist/esm/types/i18n/use-translation.d.ts

@@ -0,0 +1,6 @@
+import type { Resource } from './locales';
+declare type I18nKey = keyof Resource;
+export declare function useTranslation(): {
+    t: (key: I18nKey) => string;
+};
+export {};

package/dist/esm/types/qds-provider.d.ts

@@ -1,10 +1,12 @@
 import type { ReactNode } from 'react';
 import type { Options as EmotionCacheOptions } from '@emotion/cache';
 import type { ThemeOverrides } from './theme';
+import type { LanguageCode } from './i18n/locales';
 interface QdsProviderProps {
     children: ReactNode;
     themeOverrides?: ThemeOverrides;
     cacheOptions?: Partial<EmotionCacheOptions>;
+    locale: LanguageCode;
 }
-export declare function QdsProvider({ children, themeOverrides, cacheOptions }: QdsProviderProps): JSX.Element;
+export declare function QdsProvider({ children, themeOverrides, cacheOptions, locale }: QdsProviderProps): JSX.Element;
 export {};

package/dist/index.d.ts

@@ -708,12 +708,16 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
     };
 };
 
+declare const SUPPORTED_LANGUAGE_CODES: readonly ["en", "sv", "fi", "fr"];
+declare type LanguageCode = typeof SUPPORTED_LANGUAGE_CODES[number];
+
 interface QdsProviderProps {
     children: ReactNode;
     themeOverrides?: ThemeOverrides;
     cacheOptions?: Partial<Options>;
+    locale: LanguageCode;
 }
-declare function QdsProvider({ children, themeOverrides, cacheOptions }: QdsProviderProps): JSX.Element;
+declare function QdsProvider({ children, themeOverrides, cacheOptions, locale }: QdsProviderProps): JSX.Element;
 
 declare const SIZE_MAP: {
     xs: number;
@@ -3750,6 +3754,11 @@ interface TextFieldOptions extends InputBaseOptions {
      * The error message to display if `isInvalid` is `true`
      */
     errorMessage?: string;
+    /**
+     * If `true`, the input will display an optional indicator.
+     * If the `isRequired` prop is also `true`, this prop will be ignored.
+     */
+    isOptional?: boolean;
     /**
      * Text that provides additional guidance to the user
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qasa/qds-ui",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",