Skip to content

Interactive Surface CSS v1.2.5

Choose a tag to compare

View all tags
@Foscat Foscat released this 22 Jun 13:56
· 29 commits to main since this release
v1.2.5
3197582
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

This patch release refines compatibility with ui-style-kit-css@2.0.1 while keeping Interactive Surface’s existing class API unchanged.

What Changed

  • Updated the UI Style Kit compatibility fixture to ui-style-kit-css@2.0.1.
  • Added support for UI Style Kit 2.0.1 bridge state-layer aliases:
    • --interactive-surface-state-layer-opacity-hover
    • --interactive-surface-state-layer-opacity-focus
    • --interactive-surface-state-layer-opacity-active
  • Added support for optional bridged surface-level tokens when data-surface-level is present:
    • --interactive-surface-level-bg
    • --interactive-surface-level-border-color
    • --interactive-surface-level-shadow
  • Treats aria-current="page" as an active/selected surface state.
  • Updated README and wiki guidance for UI Style Kit’s opt-in bridge imports:
    • ui-style-kit-css/with-bridge.css
    • ui-style-kit-css/interactive-surface-bridge

Compatibility

No breaking changes.

Existing usage of .interactive-surface, .variant-*, .size-*, .icon-only, .is-active, and .is-disabled continues to work as before.

Validation

  • npm run check:no-hex-colors passed
  • npm run lint:css passed
  • npm run test:chromium passed, 35 tests
  • npm test passed, 105 tests across Chromium, Firefox, and WebKit
  • npm run pack:dry passed for interactive-surface-css@1.2.4
Assets 2
Loading