@innovaccer/design-system 4.30.0 → 4.30.2

package/CHANGELOG.md

@@ -1,3 +1,52 @@
+## 4.30.2 (2026-09-22)
+
+### Highlights
+
+- Accessibility fixes for Select's disabled trigger focusability and Label's screen reader positioning.
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Fixes
+
+- fix(select): keep disabled trigger focusable via aria-disabled (59c383a92)
+- fix(label): update position for screen reader label (cf1087561)
+
+---
+
+## 4.30.1 (2026-09-09)
+
+### Highlights
+
+- Added a portal selector for scoped CSS support.
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Improvements
+
+- style(scoped-css): add portal selector for scoped css (e6966cbf8)
+
+---
+
 ## 4.30.0 (2026-09-07)
 
 ### Highlights

package/css/SCOPED_CSS.md

@@ -69,11 +69,19 @@ adds them to the prelude directly, targeting markup the components *already* ren
   [data-mds-root],                              /* your opt-in container */
   body > .Overlay-wrapper:has([data-layer]),    /* Modal, Sidesheet, FullscreenModal */
   body > [data-test='DesignSystem-Popover'],    /* Popover, Tooltip, Dropdown, Menu, … */
+  body > [data-floating-ui-portal],             /* same components, via @floating-ui/react's FloatingPortal */
   body > [data-test='DesignSystem-Backdrop'],   /* Backdrop */
   body > .Listbox-item--draggable               /* Listbox drag ghost */
 )
 ```
 
+`body > [data-floating-ui-portal]` is a second, additive root for the same Popover-built
+components: `PopperWrapper` now renders through `@floating-ui/react`'s `FloatingPortal`, which
+inserts its own `<div data-floating-ui-portal>` directly under `body` and nests the
+`data-test='DesignSystem-Popover'` element one level inside *that* — no longer a direct child
+of `body`. `data-floating-ui-portal` is set unconditionally by the library itself, so it keeps
+matching regardless of a component's (now overridable via a `dataTest` prop) `data-test` value.
+
 Every popper-based component shares one root — `Popover` renders the popup element itself and
 Tooltip/Dropdown/Menu all go through it — so a single selector covers them all.
 

package/css/dist/index.css

@@ -982,6 +982,7 @@ body {
 /* Label */
 .Label {
   display: inline-flex;
+  position: relative;
 }
 .Label--small {
   font-size: var(--font-size-s);
@@ -9455,6 +9456,7 @@ body {
 
 .Select-trigger--disabled {
   pointer-events: none;
+  color: var(--text-disabled);
 }
 
 .Select-trigger-control {