@khanacademy/wonder-blocks-accordion 3.0.2 → 3.0.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @khanacademy/wonder-blocks-accordion
 
+## 3.0.4
+
+### Patch Changes
+
+-   Updated dependencies [0de25cd8]
+    -   @khanacademy/wonder-blocks-tokens@4.0.0
+    -   @khanacademy/wonder-blocks-clickable@5.0.6
+
+## 3.0.3
+
+### Patch Changes
+
+-   Updated dependencies [7516b239]
+    -   @khanacademy/wonder-blocks-core@11.1.0
+    -   @khanacademy/wonder-blocks-clickable@5.0.5
+    -   @khanacademy/wonder-blocks-icon@5.0.5
+    -   @khanacademy/wonder-blocks-typography@3.0.5
+
 ## 3.0.2
 
 ### Patch Changes

package/dist/components/accordion-section.d.ts

@@ -46,12 +46,12 @@ export type TagType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
  * ```
  */
 declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
     /**
      * The unique identifier for the accordion section.
      */
-    id?: string | undefined;
+    id?: string;
     /**
      * The content to display when this section is shown. If a string is
      * passed in, it will automatically be given Body typography from
@@ -75,7 +75,7 @@ declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import(
      * within a parent Accordion component, the AccordionSection’s caretPosition
      * value is prioritized.
      */
-    caretPosition?: "start" | "end" | undefined;
+    caretPosition?: "start" | "end";
     /**
      * The preset styles for the corners of this accordion.
      * `square` - corners have no border radius.
@@ -87,12 +87,12 @@ declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import(
      * within a parent Accordion component, the AccordionSection’s cornerKind
      * value is prioritized.
      */
-    cornerKind?: AccordionCornerKindType | undefined;
+    cornerKind?: AccordionCornerKindType;
     /**
      * Whether this section is collapsible. If false, the header will not be
      * clickable, and the section will stay expanded at all times.
      */
-    collapsible?: boolean | undefined;
+    collapsible?: boolean;
     /**
      * Whether this section is expanded or closed.
      *
@@ -100,7 +100,7 @@ declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import(
      * within an Accordion component. In that case, the Accordion component
      * manages the expanded state of the AccordionSection.
      */
-    expanded?: boolean | undefined;
+    expanded?: boolean;
     /**
      * Whether to include animation on the header. This should be false
      * if the user has `prefers-reduced-motion` opted in. Defaults to false.
@@ -109,13 +109,13 @@ declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import(
      * within a parent Accordion component, the AccordionSection’s animated
      * value is prioritized.
      */
-    animated?: boolean | undefined;
+    animated?: boolean;
     /**
      * Called when the header is clicked.
      * Takes the new expanded state as an argument. This way, the function
      * returned from React.useState can be passed in directly.
      */
-    onToggle?: ((newExpandedState: boolean) => unknown) | undefined;
+    onToggle?: (newExpandedState: boolean) => unknown;
     /**
      * Custom styles for the overall accordion section container.
      */
@@ -129,23 +129,23 @@ declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import(
      * Please use this to ensure that the header is hierarchically correct.
      * Defaults to "h2".
      * */
-    tag?: TagType | undefined;
+    tag?: TagType;
     /**
      * The test ID used to locate this component in automated tests.
      */
-    testId?: string | undefined;
+    testId?: string;
     /**
      * Whether this section is the first section in the accordion.
      * For internal use only.
      * @ignore
      */
-    isFirstSection?: boolean | undefined;
+    isFirstSection?: boolean;
     /**
      * Whether this section is the last section in the accordion.
      * For internal use only.
      * @ignore
      */
-    isLastSection?: boolean | undefined;
+    isLastSection?: boolean;
     /**
      * Whether this section should have role="region". True by default.
      * According to W3, the panel container should have role region except
@@ -154,6 +154,6 @@ declare const AccordionSection: React.ForwardRefExoticComponent<Readonly<import(
      * For internal use only.
      * @ignore
      */
-    isRegion?: boolean | undefined;
+    isRegion?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 export default AccordionSection;

package/dist/components/accordion.d.ts

@@ -32,12 +32,12 @@ export type AccordionCornerKindType = "square" | "rounded" | "rounded-per-sectio
  * ```
  */
 declare const Accordion: React.ForwardRefExoticComponent<Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
     /**
      * The unique identifier for the accordion.
      */
-    id?: string | undefined;
+    id?: string;
     /**
      * The AccordionSection components to display within this Accordion.
      */
@@ -47,12 +47,12 @@ declare const Accordion: React.ForwardRefExoticComponent<Readonly<import("@khana
      * Accordion is first rendered. If not specified, no AccordionSections
      * will be expanded when the Accordion is first rendered.
      */
-    initialExpandedIndex?: number | undefined;
+    initialExpandedIndex?: number;
     /**
      * Whether multiple AccordionSections can be expanded at the same time.
      * If not specified, multiple AccordionSections can be expanded at a time.
      */
-    allowMultipleExpanded?: boolean | undefined;
+    allowMultipleExpanded?: boolean;
     /**
      * Whether to put the caret at the start or end of the header block
      * in this section. "start" means it’s on the left of a left-to-right
@@ -65,7 +65,7 @@ declare const Accordion: React.ForwardRefExoticComponent<Readonly<import("@khana
      * a child AccordionSection component, the AccordionSection’s caretPosition
      * value is prioritized.
      */
-    caretPosition?: "start" | "end" | undefined;
+    caretPosition?: "start" | "end";
     /**
      * The preset styles for the corners of this accordion.
      * `square` - corners have no border radius.
@@ -77,7 +77,7 @@ declare const Accordion: React.ForwardRefExoticComponent<Readonly<import("@khana
      * a child AccordionSection component, the AccordionSection’s cornerKind
      * value is prioritized.
      */
-    cornerKind?: AccordionCornerKindType | undefined;
+    cornerKind?: AccordionCornerKindType;
     /**
      * Whether to include animation on the header. This should be false
      * if the user has `prefers-reduced-motion` opted in. Defaults to false.
@@ -86,7 +86,7 @@ declare const Accordion: React.ForwardRefExoticComponent<Readonly<import("@khana
      * a child AccordionSection component, the AccordionSection’s animated
      * value is prioritized.
      */
-    animated?: boolean | undefined;
+    animated?: boolean;
     /**
      * Custom styles for the overall accordion container.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-accordion",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "design": "v1",
   "description": "Accordion components for Wonder Blocks.",
   "main": "dist/index.js",
@@ -17,11 +17,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@khanacademy/wonder-blocks-clickable": "^5.0.4",
-    "@khanacademy/wonder-blocks-core": "^11.0.1",
-    "@khanacademy/wonder-blocks-icon": "^5.0.4",
-    "@khanacademy/wonder-blocks-tokens": "^3.0.1",
-    "@khanacademy/wonder-blocks-typography": "^3.0.4"
+    "@khanacademy/wonder-blocks-clickable": "^5.0.6",
+    "@khanacademy/wonder-blocks-core": "^11.1.0",
+    "@khanacademy/wonder-blocks-icon": "^5.0.5",
+    "@khanacademy/wonder-blocks-tokens": "^4.0.0",
+    "@khanacademy/wonder-blocks-typography": "^3.0.5"
   },
   "peerDependencies": {
     "@phosphor-icons/core": "^2.0.2",