wjec-one 4.0.6 → 4.0.8

package/config/jest.config.js

@@ -46,7 +46,7 @@ module.exports = {
   testEnvironment: 'jsdom',
   testMatch: ['**/__tests__/**/*.ts?(x)', '**/?(*.)+(spec|test).ts?(x)'],
   transform: {
-    '^.+\\.tsx?$|wjec-one': 'ts-jest'
+    '^.+\\.tsx?$|wjec-one': ['ts-jest', { isolatedModules: true }]
   },
   transformIgnorePatterns: ['/node_modules/(?!(wjec-one/*)/)'],
   reporters: [

package/index.d.ts

@@ -521,11 +521,6 @@ type InputProps$1 = {
      * Determines whether the Input field is subject to user interaction
      */
     disabled?: InputHTMLAttributes<HTMLInputElement>['disabled'];
-    /**
-     * Determines which area of the relevant CSS grid template the components are assigned to
-     * @deprecated gridArea has been deprecated because WJEC One components are intended to be layout agnostic
-     */
-    gridArea?: string;
     /**
      * An SVG component that will be rendered to the left of the Input's content. Usually used to denote the purpose of the input field (for example, an envelope icon for "email address")
      */
@@ -534,11 +529,6 @@ type InputProps$1 = {
      * A hint at the type of data expected, so that certain browsers/devices can display the relevant virtual keyboard
      */
     inputMode?: InputHTMLAttributes<HTMLInputElement>['inputMode'];
-    /**
-     * Determines whether the Input should be rendered in an error state
-     * @deprecated This prop has been deprecated due to the introduction of the new `status` prop, and is equivalent to `status='error'`
-     */
-    invalid?: boolean;
     /**
      * The text that will be displayed as the Input's label
      */
@@ -568,13 +558,6 @@ type InputProps$1 = {
      * @returns void
      */
     onFocus?: () => void;
-    /**
-     * A handler that will be invoked when a selection is chosen from the provided `suggestions` list. Provides the select value as the only argument
-     * @param value A string equal to the value that was selected
-     * @returns void
-     * @deprecated This prop has been deprecated because its functionality relies on non-standard implementation and will no longer be invoked. The previous behavior can be replicated by manually matching the `onChange()` value against the provided `suggestions` in the parent component
-     */
-    onPickSuggestion?: (value: string) => void;
     /**
      * The text that will be displayed as the Input's placeholder when no value is present
      */
@@ -609,16 +592,6 @@ type InputProps$1 = {
      * A list of autocomplete suggestions that will be provided when the user interacts with the Input
      */
     suggestions?: string[];
-    /**
-     * The text that will be displayed if the Input does not satisfy the requirements determined by `required` and/or `validationPattern`
-     * @deprecated This prop has been deprecated due to the introduction of the new `statusMessage` prop, which functions similarly but is more semantically related to the associated `status` prop
-     */
-    validationMessage?: string;
-    /**
-     * A string containing a regular expression pattern that will be used to determine the validity of the Input
-     * @deprecated This prop has been deprecated due to the introduction of the new `status` prop. Validation should now be performed by the parent component, and the appropriate `status` and `statusMessage` values should be explicitly provided
-     */
-    validationPattern?: string;
     /**
      * A string that will be used as the value of the Input
      * @default ""
@@ -1169,14 +1142,42 @@ type VerificationCodeInputProps = {
 declare const VerificationCodeInput: WjecOneComponent<VerificationCodeInputProps>;
 
 type Props$6 = {
+    /**
+     * Determines the amount of time in ms before the Information Card closes automatically
+     */
+    /**
+   * Determines the color of the Information Card's border
+   * @default ColorPalette.border
+   */
     borderColor?: CSSProperties['color'];
+    /**
+   * An SVG icon that will be displayed alongside the Information Card's title
+   * @default <InfoCircle />
+   */
     icon?: (props: SVGProps<SVGSVGElement>) => SVGComponent;
+    /**
+    * Determines the color of the Information Card's icon
+    * @default ColorPalette.border
+    */
     iconColor?: CSSProperties['color'];
     id?: string;
+    /** A function that will be executed when the Information Card is closed */
+    onClose?: () => void;
+    /**
+   * Determines whether the Information Card is rendered in an open state
+   * @default true
+   */
+    open?: boolean;
     padding?: CSSProperties['padding'];
+    showCloseIcon?: boolean;
+    /** The title to be displayed at the top of the Information Card */
     title?: string;
+    /**
+   * Determines the color of the Information Card's title
+   * @default ColorPalette.font
+   */
     titleColor?: CSSProperties['color'];
-} & Pick<AriaProperties, 'ariaDescription'>;
+} & Pick<AriaProperties, 'ariaDescription' | 'ariaCloseLabel'>;
 declare const InformationCard: FC<PropsWithChildren<Props$6>>;
 
 type ErrorCardProps = React$1.ComponentProps<typeof InformationCard>;