fix(deps): update dependency @edx/paragon to v21 #37371

In order to associate a label with the SelectableBoxSet component, developers can use the aria-labelledby attribute. The value of this attribute should match the id of the element that is to be referenced as a label, whether visible or not. If no visible or invisible label is provided in the markup, developers can either make an invisible one (e.g. <h3 className="sr-only">Hello, World</h3>) that only assistive technologies would pick up on, or they can opt to use an aria-label instead.

See the doc site page for SelectableBox to view a live example of using aria-labelledby.

Examples

Using aria-labelledby with the SelectableBoxSet component:

<div className="bg-light-200 p-3">
  {/** `id` provided to the `h3` is the same value as the `aria-labelledby` in `SelectableBox.Set` **/}
  <h3 id="cheese selection" className="mb-4">
    Select your favorite cheese
  </h3>
  <SelectableBox.Set
    value={checkedCheeses}
    type={type}
    onChange={handleChange}
    name="cheeses"
    columns={isExtraSmall ? 1 : 3}
    ariaLabelledby="cheese selection"
  >
    <SelectableBox value="swiss" inputHidden={false} type={type} aria-label="swiss checkbox">
      <h3>
        Swiss
      </h3>
    </SelectableBox>
    <SelectableBox value="cheddar" inputHidden={false} type={type} aria-label="cheddar checkbox">
      <h3>
        Cheddar
      </h3>
    </SelectableBox>
    <SelectableBox value="pepperjack" inputHidden={false} type={type} aria-label="pepperjack checkbox">
      <h3>
        Pepperjack
      </h3>
    </SelectableBox>
  </SelectableBox.Set>
</div>

If not using aria-labelledby, developers must provide an aria-label to the component:

<SelectableBox.Set
  value={checkedCheeses}
  type={type}
  onChange={handleChange}
  name="cheeses"
  columns={isExtraSmall ? 1 : 3}
  ariaLabel="cheese selection"
>
  <SelectableBox value="swiss" inputHidden={false} type={type} aria-label="swiss checkbox">
    <h3>
      Swiss
    </h3>
  </SelectableBox>
  <SelectableBox value="cheddar" inputHidden={false} type={type} aria-label="cheddar checkbox">
    <h3>
      Cheddar
    </h3>
  </SelectableBox>
  <SelectableBox value="pepperjack" inputHidden={false} type={type} aria-label="pepperjack checkbox">
    <h3>
      Pepperjack
    </h3>
  </SelectableBox>
</SelectableBox.Set>

`v20.46.3`

Compare Source

`v20.46.2`

Compare Source

Bug Fixes

color picker error message fix (#2472) (cbfb47f)

`v20.46.1`

Compare Source

Bug Fixes

add border-bottom-right-radius to card image cap styles (#2529) (9ab09a0)
fixed border-radius of the card img (#2511) (3a83b2a)
fixed Gatsby local build (#2527) (5ddce1f)
resolve stylelint (#2530) (b77488e)

`v20.46.0`

Compare Source

Features

create chip carousel (#2378) (c1ecb71)

`v20.45.7`

Compare Source

Bug Fixes

fixed rounded corners for Card.ImageCap component (#2496) (4c6061b)

`v20.45.6`

Compare Source

Bug Fixes

added arrow bg color for Popover component (#2477) (fe8f1ae)

`v20.45.5`

Compare Source

Bug Fixes

fixed odd trapezoid-like underline on active tab in Tabs component (#2377) (8a32af8)
initial autoResize functionality (#2453) (be5cf27)

`v20.45.4`

Compare Source

Bug Fixes

removed duplication of components names in imports (#2408) (abaf527)

`v20.45.3`

Compare Source

Bug Fixes

add ref support in Container component (#2452) (d55001f)

`v20.45.2`

Compare Source

Bug Fixes

make icons package tree-shakeable (#2441) (bcdbff9)

`v20.45.1`

Compare Source

Bug Fixes

specific icons fix to ensure icons display correctly when used (#2442) (1ae20f3)

`v20.45.0`

Compare Source

Features

Add Django Icon icon (#2397) (57ddebf)

`v20.44.0`

Compare Source

Features

add fixed increment scroll behaviour to useOverflowScroll (#2151) (4f54e62)

`v20.43.3`

Compare Source

Bug Fixes

use .css extension on react-loading-skeleton import (#2362) (979fc9d)

`v20.43.2`

Compare Source

Bug Fixes

removed white background on Stepper.Header component (#2358) (4da189c)

`v20.43.1`

Compare Source

Bug Fixes

hyperlink button bug fix (#2360) (b9b5386)

`v20.43.0`

Compare Source

Features

add customizability to the stepper header's compact view, so preferred max width can determine when compact view occurs (#2338) (4485a3c)

`v20.42.0`

Compare Source

Features

add ability to use unlabeled Radio and Checkbox components in respective Form sets (#1988) (309189d)

`v20.41.0`

Compare Source

Features

added Bootstrap brand icons (#2324) (ea83de0)

`v20.40.2`

Compare Source

Bug Fixes

paragon vulnerablities resolution (#1649) (0a2fbb3)

`v20.40.1`

Compare Source

Bug Fixes

typo for bootstrap link and responsive docs (18a1f7f)

`v20.40.0`

Compare Source

Features

allows users to set loading type to images on CardImageCap component (64d9397)
allows users to set loading type to images on CardImageCap component (63a83c5)

`v20.39.3`

Compare Source

Bug Fixes

resolve styles for using Button as a MailtoLink (#2326) (ff813e4)

`v20.39.2`

Compare Source

Bug Fixes

rename icons that conflict with components' names (#2315) (2d6c050)

`v20.39.1`

Compare Source

Bug Fixes

fixed double tab and styles clickable card component (#2290) (cf8a387)

`v20.39.0`

Compare Source

Features

added variants for the Select Menu component (#2291) (4f8fc5c)

`v20.38.0`

Compare Source

Features

upgraded to node v18, added .nvmrc and updated workflows (#2227) (5d10aab)

`v20.37.0`

Compare Source

Features

add new variants to Tabs component and fix nested links (#2222) (6118e2c)

`v20.36.2`

Compare Source

Bug Fixes

use currentTarget in FormAutosuggest component to get selected option (#2304) (8988f11)

`v20.36.1`

Compare Source

Bug Fixes

correctly handle value change in controlled variant of Form.Autosuggest component (#2300) (0c92c78)

`v20.36.0`

Compare Source

Features

add actions prop to Card.Status and resolve few Card-related style issues (#2272) (5894df1)
add enableEqualColumnHeights prop to CardGrid and CardDeck (#2287) (7147a19)

`v20.35.2`

Compare Source

Bug Fixes

correctly handle onClick prop in Form.AutosuggestOption component (#2286) (c3c7b74)

`v20.35.1`

Compare Source

Bug Fixes

update selected state of SelectMenu to match figma design (#2279) (b3388a2)

`v20.35.0`

Compare Source

Features

provide functionality for inital value in autosuggest component (#2277) (5677f62)

`v20.34.0`

Compare Source

Features

implement clickable steps in Stepper component (#1712) (29f680c)

`v20.33.0`

Compare Source

Features

i18n: add new languages (#2230) (ee4daa0)

`v20.32.3`

Compare Source

Bug Fixes

stretch the message block to the full width (#2219) (5acea87)

`v20.32.2`

Compare Source

Bug Fixes

revert PopperElement changes (#2234) (9017b69)

`v20.32.1`

Compare Source

Bug Fixes

update various component to remove console errors (#2226) (3b2eead)

`v20.32.0`

Compare Source

Features

added npm workspaces (#2190) (e6b1f7a)

`v20.31.1`

Compare Source

Bug Fixes

wrap FormText children in div for flex styling (#2215) (8d8b3b7)

`v20.31.0`

Compare Source

Features

add alert modal variants (#1914) (4bdc469)

`v20.30.4`

Compare Source

Bug Fixes

fixed links width in Usage Insights Summary tables (#2006) (6ddf5b9)

`v20.30.3`

Compare Source

Bug Fixes

fixed incorrect label in Select All button (#2020) (e2f6727)

`v20.30.2`

Compare Source

Bug Fixes

fixed misaligned form validation text with icon (#2202) (334a9e6)

`v20.30.1`

Compare Source

Bug Fixes

add success and danger checked svgs (#2001) (e4a2e48)

`v20.30.0`

Compare Source

Features

create new ColorPicker component (#2003) (fc24230)

`v20.29.0`

Compare Source

Features

add icon size xs that looks good against a 1rem font (#2149) (b14ea5f)

`v20.28.5`

Compare Source

Bug Fixes

onChange behavior (41fc8e4)

`v20.28.4`

Compare Source

Bug Fixes

fixed undefined/null image logo src (#1994) (1465796)

`v20.28.3`

Compare Source

Bug Fixes

add type-check step to CI and update typescript configs to transpile to ES6, not ES2019 (#1962) (5ea0bb0)

`v20.28.2`

Compare Source

Bug Fixes

resolve bug with ProductTour to ensure individual checkpoints may define a custom onEnd (27ca431)

`v20.28.1`

Compare Source

Bug Fixes

update button styles to resolve inconsistencies with design spec (#1910) (6bc91fb)

`v20.28.0`

Compare Source

Features

add text-to-speech icon (#1955) (380b79a)

`v20.27.3`

Compare Source

Bug Fixes

resolve critical security vulnerabilities (#1922) (dc9d4fc)

`v20.27.2`

Compare Source

Bug Fixes

added white color for section title in Card component (#1919) (88e3c03)

`v20.27.1`

Compare Source

Bug Fixes

aria label fix for SelectableBox (#1930) (d8e73b0)

`v20.27.0`

Compare Source

Features

add feedbackOutline icon (#1913) (b50ee93)

`v20.26.3`

Compare Source

Bug Fixes

add missing EditCircle icon (#1898) (6bb46d9)

`v20.26.2`

Compare Source

Bug Fixes

Providing default fallback images for Card.ImageCap (#1730) (f9d281b)

`v20.26.1`

Compare Source

Bug Fixes

use callback refs instead of useRef and fallback to offsetLeft: 0 when first child element ref no longer exists (#1894) (b4b60bb)

`v20.26.0`

Compare Source

Features

adds OverflowScroll, useOverflowScroll, CardCarousel (#1884) (8f6ed5a)

`v20.25.0`

Compare Source

Features

updated CardDeck (#1866) (a0feb02)

`v20.24.1`

Compare Source

Bug Fixes

Takes into account pagination pageCount <=1 page (#1870) (3229320)

`v20.24.0`

Compare Source

Features

add manual publish workflow (e2939f2)

`v20.23.0`

Compare Source

Features

add ability to render Breadcrumbs with custom elements (#1867) (2206ccc)

`v20.22.4`

Compare Source

Bug Fixes

ensure CardHeader subtitle is also changed to white (#1865) (b81156b)

`v20.22.3`

Compare Source

Bug Fixes

ensure SelectableBox has white background (#1863) (b920e8a)

`v20.22.2`

Compare Source

Bug Fixes

ensure CardHeader title and subtitle turn white with dark variant (#1862) (f4d3337)

`v20.22.1`

Compare Source

Bug Fixes

ensure card footer switches to white when card variant is dark (#1861) (b2d270f)

`v20.22.0`

Compare Source

Features

[BD-46] add variants for Card (#1789) (f12a01b)

`v20.21.5`

Compare Source

Bug Fixes

remove ResizeObserver from useIndexOfLastVisibleChild hook (#1842) (3586b46)
update truncate v3 (#1702) (33c0ec0)

`v20.21.4`

Compare Source

Bug Fixes

consider 0 a truthy value in input components (#1848) (d77b5fc)

`v20.21.3`

Compare Source

Bug Fixes

[BD-46] fixed Icon Button svg color (#1821) (b84a331)

`v20.21.2`

Compare Source

Bug Fixes

update SelectionStatus message based on applied filters (#1832) (c6e2862)

`v20.21.1`

Compare Source

Bug Fixes

ensure SmartStatus renders SelectionStatus based on selectedRowIds (#1815) (5ac76ae)

`v20.21.0`

Compare Source

Features

support for externally controlled DataTable selections (#1804) (eac3925)

`v20.20.0`

Compare Source

Bug Fixes

skeleton height in Card component in loading state (#1746) (bf766cf)
throw non-tab component error for development env (#1792) (0538d2f)

Features

export useArrowKeyNavigation and adds page about it documentation website (#1720) (363c616)

`v20.19.0`

Compare Source

Features

add support for selectable CardView in DataTable (#1698) (5ffc3c7)

`v20.18.2`

Compare Source

Bug Fixes

remove semantic-release/git plugin (#1760) (5723a2a)

`v20.18.1`

Compare Source

Bug Fixes

added translations English strings in FormAutosuggest component (#1711) (782cfb8)
fixed close button positioning in modal components (#1733) (9d24187)
fixed onToggle prop (#1719) (fe21655)
hooks are displayed in production (#1715) (d726ad1)

`v20.18.0`

Compare Source

Features

add creative common icons (#1716) (3fac8c4)

`v20.17.0`

Compare Source

Features

FormAutosuggest component (#1586) (7fbf86d)

`v20.16.0`

Compare Source

Features

[BD-46] add Layout component (#1659) (f8cddda)

`v20.15.0`

Compare Source

Features

added accentB background for page banner (#1688) (0942daa)

`v20.14.0`

Compare Source

Features

Added fallback image src props to Card component (#1682) (c0a1f6c)

`v20.13.0`

Compare Source

Bug Fixes

remove body width jumping on open (#1644) (0d1f4d7)

Features

truncate v2 supports inner tags (#1642) (8aa2fa6)

20.12.1 (2022-09-30)

Bug Fixes

floating label expand beyond input field (#1605) (2f89035)
update styles for Chip (#1606) (df4583f)

`v20.12.1`

Compare Source

Bug Fixes

floating label expand beyond input field (#1605) (2f89035)
update styles for Chip (#1606) (df4583f)

`v20.12.0`

Compare Source

Features

dark mode variant for dropdown (#1613) (7133e21)

20.11.1 (2022-09-07)

Bug Fixes

handle non-Tab component (#1604) (7ab6207)

`v20.11.1`

Compare Source

Bug Fixes

handle non-Tab component (#1604) (7ab6207)

`v20.11.0`

Compare Source

Features

update Chip (#1574) (79d4744)

20.10.2 (2022-09-02)

Bug Fixes

fixed MarketingModal/AlertModal/ModalDialog scroll (#1594) (952c1de)

20.10.1 (2022-08-26)

Bug Fixes

release es-419 Spanish language translations (#1589) (f7cf489)

`v20.10.2`

[Compare Source](

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 03:59 AM, only on Monday ( * 0-3 * * 1 ) in timezone America/New_York, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

renovate bot force-pushed the renovate/edx-paragon-21.x branch from 2acf61c to a0d9e63 Compare September 25, 2025 15:49

renovate bot force-pushed the renovate/edx-paragon-21.x branch 2 times, most recently from d656b23 to 4de34a6 Compare October 21, 2025 12:09

renovate bot force-pushed the renovate/edx-paragon-21.x branch from 4de34a6 to 3addbdd Compare November 10, 2025 23:58

renovate bot force-pushed the renovate/edx-paragon-21.x branch from 3addbdd to 8a520fe Compare November 18, 2025 10:46

renovate bot force-pushed the renovate/edx-paragon-21.x branch from 8a520fe to ff4f7d5 Compare December 3, 2025 15:46

renovate bot force-pushed the renovate/edx-paragon-21.x branch from ff4f7d5 to 145d39b Compare December 31, 2025 15:53

fix(deps): update dependency @edx/paragon to v21

45e2e5e

renovate bot force-pushed the renovate/edx-paragon-21.x branch from 145d39b to 45e2e5e Compare January 8, 2026 16:34

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix(deps): update dependency @edx/paragon to v21 #37371

fix(deps): update dependency @edx/paragon to v21 #37371

renovate bot commented Sep 18, 2025 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

fix(deps): update dependency @edx/paragon to v21 #37371

Are you sure you want to change the base?

fix(deps): update dependency @edx/paragon to v21 #37371

Conversation

renovate bot commented Sep 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Features

Bug Fixes

Features

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Reverts

Bug Fixes

Bug Fixes

Features

Bug Fixes

BREAKING CHANGES

For Consumers

Examples

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Bug Fixes

Features

Features

Bug Fixes

Bug Fixes

Bug Fixes

Features

Features

Features

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Bug Fixes

Features

Features

Features

Bug Fixes

Bug Fixes

Features

Bug Fixes

Bug Fixes

Features

Features

Features

Bug Fixes

Bug Fixes

Bug Fixes

Features

Bug Fixes

Features

Bug Fixes

renovate bot commented Sep 18, 2025 •

edited

Loading