@khanacademy/wonder-blocks-config 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @khanacademy/wonder-blocks-config
 
+## 0.4.0
+
+### Minor Changes
+
+- 9ec3189: Adds the `requiredFieldMessage` string to `WonderBlocksStrings`
+- f070142: Adds the `iconAltErrorMessagePrefix` string to `WonderBlocksStrings`
+- 355f6e1: Adds the `iconAltClearSearch` string to `WonderBlocksStrings`
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/es/index.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
 
-const strings={iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"}};const defaultStringsEn={iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message};
+const strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltErrorMessagePrefix:{context:"Accessible name for an error icon shown before the error message for a form field. Screen readers read it as a prefix to the error message (e.g. 'Error: This field is required.'), so use the punctuation that normally separates a label from the text that follows in this language.",message:"Error:"},iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message,requiredFieldMessage:strings.requiredFieldMessage.message};
 
 const WonderBlocksI18nContext=React.createContext({strings:defaultStringsEn,locale:"en"});WonderBlocksI18nContext.displayName="WonderBlocksI18nContext";function WonderBlocksI18nContextProvider({children,strings,locale}){const value=useMemo(()=>({strings,locale}),[strings,locale]);return jsx(WonderBlocksI18nContext.Provider,{value:value,children:children})}const useWonderBlocksI18n=()=>useContext(WonderBlocksI18nContext);
 

package/dist/es/strings.js

@@ -1,3 +1,3 @@
-const strings={iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"}};const defaultStringsEn={iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message};
+const strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltErrorMessagePrefix:{context:"Accessible name for an error icon shown before the error message for a form field. Screen readers read it as a prefix to the error message (e.g. 'Error: This field is required.'), so use the punctuation that normally separates a label from the text that follows in this language.",message:"Error:"},iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message,requiredFieldMessage:strings.requiredFieldMessage.message};
 
 export { defaultStringsEn, strings };

package/dist/index.js

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const strings={iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"}};const defaultStringsEn={iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message};
+const strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltErrorMessagePrefix:{context:"Accessible name for an error icon shown before the error message for a form field. Screen readers read it as a prefix to the error message (e.g. 'Error: This field is required.'), so use the punctuation that normally separates a label from the text that follows in this language.",message:"Error:"},iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message,requiredFieldMessage:strings.requiredFieldMessage.message};
 
 const WonderBlocksI18nContext=React__namespace.createContext({strings:defaultStringsEn,locale:"en"});WonderBlocksI18nContext.displayName="WonderBlocksI18nContext";function WonderBlocksI18nContextProvider({children,strings,locale}){const value=React.useMemo(()=>({strings,locale}),[strings,locale]);return jsxRuntime.jsx(WonderBlocksI18nContext.Provider,{value:value,children:children})}const useWonderBlocksI18n=()=>React.useContext(WonderBlocksI18nContext);
 

package/dist/strings.d.ts

@@ -2,9 +2,12 @@
  * The translated strings that are used to render Wonder Blocks.
  */
 export type WonderBlocksStrings = {
+    iconAltClearSearch: string;
+    iconAltErrorMessagePrefix: string;
     iconAltOpensNewTab: string;
     breadcrumbs: string;
     tabs: string;
+    requiredFieldMessage: string;
 };
 /**
  * Untranslated strings used in Wonder Blocks. To be used by an external
@@ -13,6 +16,14 @@ export type WonderBlocksStrings = {
  * !! Note: Ensure that all escape sequences are double-escaped. (e.g. `\\text` -> `\\\\text`)
  */
 export declare const strings: {
+    iconAltClearSearch: {
+        context: string;
+        message: string;
+    };
+    iconAltErrorMessagePrefix: {
+        context: string;
+        message: string;
+    };
     iconAltOpensNewTab: {
         context: string;
         message: string;
@@ -25,6 +36,10 @@ export declare const strings: {
         context: string;
         message: string;
     };
+    requiredFieldMessage: {
+        context: string;
+        message: string;
+    };
 };
 /**
  * Default 'en' strings to use.

package/dist/strings.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const strings={iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"}};const defaultStringsEn={iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message};
+const strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltErrorMessagePrefix:{context:"Accessible name for an error icon shown before the error message for a form field. Screen readers read it as a prefix to the error message (e.g. 'Error: This field is required.'), so use the punctuation that normally separates a label from the text that follows in this language.",message:"Error:"},iconAltOpensNewTab:{context:"Accessible name for an icon marking a link that opens in a new tab.",message:"(opens in a new tab)"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,breadcrumbs:strings.breadcrumbs.message,tabs:strings.tabs.message,requiredFieldMessage:strings.requiredFieldMessage.message};
 
 exports.defaultStringsEn = defaultStringsEn;
 exports.strings = strings;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Configuration for Wonder Blocks",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "publishConfig": {
     "access": "public"
   },