Shopify/polaris @shopify/polaris@11.4.2

on GitHub

Patch Changes

• #9612 e552c9a15 Thanks @jesstelford! - - [Choice][checkbox][RadioButton] Use CSS-native :hover styling.

  By using CSS-native hover styling, and pulling it up to the wrapping <label>
  it avoids an issue where the browser would briefly detect hover with the
  :hover pseudo selector setting cursor: pointer, but then get overwritten
  with the JS onMouseOver styles 100ms later to cursor: default, resulting in
  a flash of a pointy-hand for the cursor on disabled Checkbox.

• #9606 3536e3aa0 Thanks @jesstelford! - - [Internal]: Generate contiguous responsive CSS variables.

  Ensures the CSS vars set via style props will override the responsive-props
  SASS mixin which forces them to have a value of initial.

  Forcing to initial is required when components are nested to avoid an outer
  component accidentally setting a value for a nested component by specifying a
  CSS variable (CSS vars are globally scoped and later-in-DOM has more
  specificity).

  However, initial is not usable within a
  calc(),
  so any unset values will not fallback as they would when the browser
  encounters a var(--some-var-equals-initial, fallback).

  Adding this forceContiguous flag means we can be sure we're setting exactly
  what the user asked for when passing in their prop, and not initial,
  therefore retaining the existing behaviour while forward supporting the usage
  of calc(). We still need the initial values to ensure any lower
  breakpoints that are unset do not inherit parent values accidentally.

• #9621 26053bd3f Thanks @samrose3! - Only use Inter for experimental styles

• Updated dependencies [6d4baffde, 3536e3aa0, 58406fd98, 26053bd3f]:

  • @shopify/polaris-tokens@7.5.0