@khanacademy/wonder-blocks-config 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @khanacademy/wonder-blocks-config
 
+## 0.5.0
+
+### Minor Changes
+
+- 6bd5d0c: Adds the `iconAltToggleCalendar`, `datePickerCalendar`, `birthdateErrorMessage`, `fieldLabelMonth`, `fieldLabelDay` and `fieldLabelYear` strings to `WonderBlocksStrings`
+- 8e11e83: Adds the `iconAltClose`, `iconAltCloseModal` and `iconAltClosePopover` strings to `WonderBlocksStrings`
+
 ## 0.4.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={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 strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltClose:{context:"Accessible name for an icon button that dismisses a piece of content, such as a card.",message:"Close"},iconAltCloseModal:{context:"Accessible name for an icon button that closes a modal.",message:"Close modal"},iconAltClosePopover:{context:"Accessible name for an icon button that closes a popover.",message:"Close Popover"},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)"},iconAltToggleCalendar:{context:"Accessible name for an icon button in a date picker that opens and closes the calendar.",message:"Toggle calendar"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},datePickerCalendar:{context:"Accessible name for the region containing the calendar in a date picker.",message:"Date picker calendar"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},fieldLabelDay:{context:"Label and placeholder for a form field to select the day of a date, such as a birthdate.",message:"Day"},fieldLabelMonth:{context:"Label and placeholder for a form field to select the month of a date, such as a birthdate.",message:"Month"},fieldLabelYear:{context:"Label and placeholder for a form field to select the year of a date, such as a birthdate.",message:"Year"},birthdateErrorMessage:{context:"Error message shown when the selected birthdate is invalid.",message:"Please select a valid birthdate."},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltClose:strings.iconAltClose.message,iconAltCloseModal:strings.iconAltCloseModal.message,iconAltClosePopover:strings.iconAltClosePopover.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,iconAltToggleCalendar:strings.iconAltToggleCalendar.message,breadcrumbs:strings.breadcrumbs.message,datePickerCalendar:strings.datePickerCalendar.message,tabs:strings.tabs.message,fieldLabelDay:strings.fieldLabelDay.message,fieldLabelMonth:strings.fieldLabelMonth.message,fieldLabelYear:strings.fieldLabelYear.message,birthdateErrorMessage:strings.birthdateErrorMessage.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={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 strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltClose:{context:"Accessible name for an icon button that dismisses a piece of content, such as a card.",message:"Close"},iconAltCloseModal:{context:"Accessible name for an icon button that closes a modal.",message:"Close modal"},iconAltClosePopover:{context:"Accessible name for an icon button that closes a popover.",message:"Close Popover"},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)"},iconAltToggleCalendar:{context:"Accessible name for an icon button in a date picker that opens and closes the calendar.",message:"Toggle calendar"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},datePickerCalendar:{context:"Accessible name for the region containing the calendar in a date picker.",message:"Date picker calendar"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},fieldLabelDay:{context:"Label and placeholder for a form field to select the day of a date, such as a birthdate.",message:"Day"},fieldLabelMonth:{context:"Label and placeholder for a form field to select the month of a date, such as a birthdate.",message:"Month"},fieldLabelYear:{context:"Label and placeholder for a form field to select the year of a date, such as a birthdate.",message:"Year"},birthdateErrorMessage:{context:"Error message shown when the selected birthdate is invalid.",message:"Please select a valid birthdate."},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltClose:strings.iconAltClose.message,iconAltCloseModal:strings.iconAltCloseModal.message,iconAltClosePopover:strings.iconAltClosePopover.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,iconAltToggleCalendar:strings.iconAltToggleCalendar.message,breadcrumbs:strings.breadcrumbs.message,datePickerCalendar:strings.datePickerCalendar.message,tabs:strings.tabs.message,fieldLabelDay:strings.fieldLabelDay.message,fieldLabelMonth:strings.fieldLabelMonth.message,fieldLabelYear:strings.fieldLabelYear.message,birthdateErrorMessage:strings.birthdateErrorMessage.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={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 strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltClose:{context:"Accessible name for an icon button that dismisses a piece of content, such as a card.",message:"Close"},iconAltCloseModal:{context:"Accessible name for an icon button that closes a modal.",message:"Close modal"},iconAltClosePopover:{context:"Accessible name for an icon button that closes a popover.",message:"Close Popover"},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)"},iconAltToggleCalendar:{context:"Accessible name for an icon button in a date picker that opens and closes the calendar.",message:"Toggle calendar"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},datePickerCalendar:{context:"Accessible name for the region containing the calendar in a date picker.",message:"Date picker calendar"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},fieldLabelDay:{context:"Label and placeholder for a form field to select the day of a date, such as a birthdate.",message:"Day"},fieldLabelMonth:{context:"Label and placeholder for a form field to select the month of a date, such as a birthdate.",message:"Month"},fieldLabelYear:{context:"Label and placeholder for a form field to select the year of a date, such as a birthdate.",message:"Year"},birthdateErrorMessage:{context:"Error message shown when the selected birthdate is invalid.",message:"Please select a valid birthdate."},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltClose:strings.iconAltClose.message,iconAltCloseModal:strings.iconAltCloseModal.message,iconAltClosePopover:strings.iconAltClosePopover.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,iconAltToggleCalendar:strings.iconAltToggleCalendar.message,breadcrumbs:strings.breadcrumbs.message,datePickerCalendar:strings.datePickerCalendar.message,tabs:strings.tabs.message,fieldLabelDay:strings.fieldLabelDay.message,fieldLabelMonth:strings.fieldLabelMonth.message,fieldLabelYear:strings.fieldLabelYear.message,birthdateErrorMessage:strings.birthdateErrorMessage.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

@@ -3,10 +3,19 @@
  */
 export type WonderBlocksStrings = {
     iconAltClearSearch: string;
+    iconAltClose: string;
+    iconAltCloseModal: string;
+    iconAltClosePopover: string;
     iconAltErrorMessagePrefix: string;
     iconAltOpensNewTab: string;
+    iconAltToggleCalendar: string;
     breadcrumbs: string;
+    datePickerCalendar: string;
     tabs: string;
+    fieldLabelDay: string;
+    fieldLabelMonth: string;
+    fieldLabelYear: string;
+    birthdateErrorMessage: string;
     requiredFieldMessage: string;
 };
 /**
@@ -20,6 +29,18 @@ export declare const strings: {
         context: string;
         message: string;
     };
+    iconAltClose: {
+        context: string;
+        message: string;
+    };
+    iconAltCloseModal: {
+        context: string;
+        message: string;
+    };
+    iconAltClosePopover: {
+        context: string;
+        message: string;
+    };
     iconAltErrorMessagePrefix: {
         context: string;
         message: string;
@@ -28,14 +49,38 @@ export declare const strings: {
         context: string;
         message: string;
     };
+    iconAltToggleCalendar: {
+        context: string;
+        message: string;
+    };
     breadcrumbs: {
         context: string;
         message: string;
     };
+    datePickerCalendar: {
+        context: string;
+        message: string;
+    };
     tabs: {
         context: string;
         message: string;
     };
+    fieldLabelDay: {
+        context: string;
+        message: string;
+    };
+    fieldLabelMonth: {
+        context: string;
+        message: string;
+    };
+    fieldLabelYear: {
+        context: string;
+        message: string;
+    };
+    birthdateErrorMessage: {
+        context: string;
+        message: string;
+    };
     requiredFieldMessage: {
         context: string;
         message: string;

package/dist/strings.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 strings={iconAltClearSearch:{context:"Accessible name for an icon button that clears the text in a search field.",message:"Clear search"},iconAltClose:{context:"Accessible name for an icon button that dismisses a piece of content, such as a card.",message:"Close"},iconAltCloseModal:{context:"Accessible name for an icon button that closes a modal.",message:"Close modal"},iconAltClosePopover:{context:"Accessible name for an icon button that closes a popover.",message:"Close Popover"},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)"},iconAltToggleCalendar:{context:"Accessible name for an icon button in a date picker that opens and closes the calendar.",message:"Toggle calendar"},breadcrumbs:{context:"Accessible name for the navigation landmark containing breadcrumb links.",message:"Breadcrumbs"},datePickerCalendar:{context:"Accessible name for the region containing the calendar in a date picker.",message:"Date picker calendar"},tabs:{context:"Label for the menu of tabs when no tab is selected, shown when the tabs are collapsed into a dropdown.",message:"Tabs"},fieldLabelDay:{context:"Label and placeholder for a form field to select the day of a date, such as a birthdate.",message:"Day"},fieldLabelMonth:{context:"Label and placeholder for a form field to select the month of a date, such as a birthdate.",message:"Month"},fieldLabelYear:{context:"Label and placeholder for a form field to select the year of a date, such as a birthdate.",message:"Year"},birthdateErrorMessage:{context:"Error message shown when the selected birthdate is invalid.",message:"Please select a valid birthdate."},requiredFieldMessage:{context:"Error message shown when a required form field is left empty.",message:"This field is required."}};const defaultStringsEn={iconAltClearSearch:strings.iconAltClearSearch.message,iconAltClose:strings.iconAltClose.message,iconAltCloseModal:strings.iconAltCloseModal.message,iconAltClosePopover:strings.iconAltClosePopover.message,iconAltErrorMessagePrefix:strings.iconAltErrorMessagePrefix.message,iconAltOpensNewTab:strings.iconAltOpensNewTab.message,iconAltToggleCalendar:strings.iconAltToggleCalendar.message,breadcrumbs:strings.breadcrumbs.message,datePickerCalendar:strings.datePickerCalendar.message,tabs:strings.tabs.message,fieldLabelDay:strings.fieldLabelDay.message,fieldLabelMonth:strings.fieldLabelMonth.message,fieldLabelYear:strings.fieldLabelYear.message,birthdateErrorMessage:strings.birthdateErrorMessage.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.4.0",
+  "version": "0.5.0",
   "publishConfig": {
     "access": "public"
   },