Changeset entry required for @khanacademy/wonder-blocks-cell, @khanacademy/wonder-blocks-clickable, @khanacademy/wonder-blocks-dropdown because there have been changes since the last release.

'offBlack' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'offBlack32' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'white' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'disabled' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'pressed' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'hovered' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'focused' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'activeBlue' is assigned a value but never used. Allowed unused vars must match /^_*$/u

'bgColor' is assigned a value but never used. Allowed unused vars must match /^_*$/u

Unexpected console statement

expect(element).toHaveAttribute("aria-selected", "true") // element.getAttribute("aria-selected") === "true" Expected the element to have attribute: aria-selected="true" Received: null at Object.toHaveAttribute (packages/wonder-blocks-dropdown/src/components/__tests__/multi-select.test.tsx:336:26)

expect(element).toHaveFocus() Expected element with focus: <div class="" data-test-id="item-1" style="align-items: stretch; border-width: 0px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; position: relative; z-index: 0; min-height: 0; min-width: 0; align-self: center; flex: 1; overflow-wrap: break-word;"><span class="" style="display: block; font-family: Lato, \"Noto Sans\", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; white-space: nowrap; user-select: none; margin-left: -8px; overflow: hidden; text-overflow: ellipsis;">Fruit # 2</span></div> Received element with focus: <button aria-disabled="false" class="" role="option" style="margin: 0px; padding: 0px; width: 100%; overflow: visible; background: rgb(255, 255, 255); text-decoration: none; color: rgb(33, 36, 44); box-sizing: border-box; user-select: none; outline: none; line-height: normal; cursor: pointer; display: flex; text-align: left; min-height: 40px; position: absolute; left: 0px; top: 40px; height: 40px;"><div class="" style="align-items: stretch; border-width: 0px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: row; margin: 0px; padding: 12px 16px 12px 8px; position: relative; z-index: 0; min-height: 40px; min-width: 0; flex: 1; height: 40px; white-space: nowrap;"><div class="" style="align-items: center; border-width: 0px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; position: relative; z-index: 0; min-height: 0; min-width: auto; align-self: center;"><div class="" style="align-items: stretch; border-width: 1px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; position: relative; z-index: 0; min-height: 16px; min-width: 16px; border-radius: 3px; border-color: rgba(33,36,44,0.50);" /></div><div aria-hidden="true" class="" style="align-items: stretch; border-width: 0px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; position: relative; z-index: 0; min-height: 0; min-width: 0; width: 16px; flex-basis: 16px; flex-shrink: 0;" /><div class="" data-test-id="item-1" style="align-items: stretch; border-width: 0px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; position: relative; z-index: 0; min-height: 0; min-width: 0; align-self: center; flex: 1; overflow-wrap: break-word;"><span class="" style="display: block; font-family: Lato, \"Noto Sans\", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; white-space: nowrap; user-select: none; margin-left: -8px; overflow: hidden; text-overflow: ellipsis;">Fruit # 2</span></div></div></button> Ignored nodes: comments, script, style <html> <head /> <body> <div> <div class="" style="align-items: stretch; border-width: 0px; border-style: solid; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; position: relative; z-index: 0; min-height: 0; min-width: 0;" > <span aria-atomic="true" aria-live="polite" aria-relevant="additions text" class="" data-test-id="dropdown-live-region" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;" > 200 items </span> <button /> </div> </div> <div data-placement="bottom-start" data-test-id="dropdown-popper" style="position: fixed; left: 0px; top: 0px;" > <div class="" data-test-id="dropdown-core-container" style="align-items: stretch; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 4px 0px 4px 0px; position: relative; z-index: 0; min-height: 0; min-width: 0; background-color: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgba(33,36,44,0.16);

expect(element).toHaveAttribute("target", "_blank") // element.getAttribute("target") === "_blank" Expected the element to have attribute: target="_blank" Received: null at Object.toHaveAttribute (consistency-tests/__tests__/clickables.test.tsx:95:22)

expect(received).toBe(expected) // Object.is equality Expected: "A" Received: "BUTTON" at Object.toBe (consistency-tests/__tests__/clickables.test.tsx:110:30)

expect(element).toHaveAttribute("tabIndex", "0") // element.getAttribute("tabIndex") === "0" Expected the element to have attribute: tabIndex="0" Received: null at Object.toHaveAttribute (consistency-tests/__tests__/clickables.test.tsx:201:31)

expect(element).toBeDisabled() Received element is not disabled: <button aria-disabled="true" class="" role="menuitem" style="margin: 0px; padding: 0px; width: 100%; overflow: visible; background: rgb(255, 255, 255); text-decoration: none; color: rgba(33, 36, 44, 0.32); box-sizing: border-box; user-select: none; outline: none; line-height: normal; cursor: not-allowed; display: flex; text-align: left; min-height: 40px;" /> at Object.toBeDisabled (packages/wonder-blocks-dropdown/src/components/__tests__/action-item.test.tsx:21:46)

expect(received).toHaveLength(expected) Expected length: 1 Received length: 0 Received object: [] at Object.toHaveLength (packages/wonder-blocks-dropdown/src/components/__tests__/action-item.test.tsx:32:48)

expect(jest.fn()).toHaveBeenCalled() Expected number of calls: >= 1 Received number of calls: 0 at Object.toHaveBeenCalled (packages/wonder-blocks-dropdown/src/components/__tests__/action-item.test.tsx:47:25)

Process completed with exit code 1.

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2, codecov/codecov-action@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/