@nysds/components 1.17.0 → 1.18.0

package/dist/packages/nys-backtotop/src/nys-backtotop.d.ts

@@ -5,12 +5,23 @@ import { LitElement } from "lit";
  * Auto-shows after scrolling 1.5 viewports on pages 4+ screens tall. Set `visible` to force display.
  * Renders as circle button on mobile. Position with `position` prop (`left` or `right`).
  *
- * @summary Floating back-to-top button with auto-show behavior and smooth scroll.
+ * **Placement:** For best accessibility, place as the first focusable element in the page footer.
+ * If no footer exists, place at the bottom of the body tag (after main content). Floating
+ * positioning allows it to overlay content without taking up layout space.
+ *
+ * **Focus Management:** When clicked, after scrolling to the top, focus is automatically moved
+ * to the `<main>` element (if present), the first heading (`<h1>` or `<h2>`), or the document element.
+ * This ensures keyboard navigation continues naturally from the top of the page.
+ *
+ * @summary Floating back-to-top button with auto-show behavior, smooth scroll, and focus management.
  * @element nys-backtotop
  *
- * @example Auto-appearing button
+ * @example Auto-appearing button in footer
  * ```html
- * <nys-backtotop></nys-backtotop>
+ * <footer>
+ *   <nys-backtotop></nys-backtotop>
+ *   <!-- Other footer content -->
+ * </footer>
  * ```
  *
  * @example Always visible, left position
@@ -40,6 +51,7 @@ export declare class NysBacktotop extends LitElement {
      */
     private _handleScroll;
     private _scrollToTop;
+    private _moveFocusToTop;
     private _handleResize;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/packages/nys-badge/src/nys-badge.d.ts

@@ -39,6 +39,8 @@ export declare class NysBadge extends LitElement {
     prefixLabel: string;
     /** Primary label text displayed in the badge. */
     label: string;
+    /** Screen reader text appended after the label for additional context. */
+    srText: string;
     variant: "strong" | "";
     private _prefixIcon;
     get prefixIcon(): string | boolean;

package/dist/packages/nys-checkbox/src/nys-checkbox.d.ts

@@ -66,8 +66,6 @@ export declare class NysCheckbox extends LitElement {
     groupExist: boolean;
     /** Renders as tile with larger clickable area. Apply to group for consistency. */
     tile: boolean;
-    /** Adjusts colors for dark backgrounds. */
-    inverted: boolean;
     /** Tooltip text shown on hover/focus of info icon. */
     tooltip: string;
     /**

package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from "lit";
  * A container for grouping multiple `nys-checkbox` components as a single form control.
  * Handles validation, required constraints, and submits comma-separated values.
  *
- * Use to allow users to select multiple options from a list. Apply `tile`, `size`, and `inverted` to the group
+ * Use to allow users to select multiple options from a list. Apply `tile` and `size` to the group
  * and all children inherit these styles automatically.
  *
  * @summary Container for grouping checkboxes as a single form control.
@@ -50,8 +50,6 @@ export declare class NysCheckboxgroup extends LitElement {
     tile: boolean;
     /** Tooltip text shown on hover/focus of info icon. */
     tooltip: string;
-    /** Adjusts colors for dark backgrounds. Applied to all children. */
-    inverted: boolean;
     /** Form `id` to associate with. Applied to all children. */
     form: string | null;
     /**
@@ -84,7 +82,6 @@ export declare class NysCheckboxgroup extends LitElement {
     private _setCustomOtherError;
     private _updateCheckboxSize;
     private _updateCheckboxTile;
-    private _updateCheckboxInvert;
     private _updateCheckboxShowError;
     private _updateCheckboxForm;
     private _getSlotDescriptionForAria;

package/dist/packages/nys-radiobutton/src/nys-radiobutton.d.ts

@@ -50,8 +50,6 @@ export declare class NysRadiobutton extends LitElement {
     name: string;
     /** Value submitted when this radio is selected. */
     value: string;
-    /** Adjusts colors for dark backgrounds. */
-    inverted: boolean;
     /** Form `id` to associate with. */
     form: string | null;
     /**

package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from "lit";
  * A container for grouping `nys-radiobutton` elements as a single form control with enforced single selection.
  * Handles keyboard navigation (arrow keys), validation, required constraints, and form integration.
  *
- * Use to let users select exactly one option from 2-6 choices. Apply `tile`, `size`, and `inverted` to the group
+ * Use to let users select exactly one option from 2-6 choices. Apply `tile` and `size` to the group
  * and all children inherit these styles automatically. For 7+ options, use `nys-select`.
  *
  * @summary Container for grouping radio buttons as a single form control.
@@ -51,8 +51,6 @@ export declare class NysRadiogroup extends LitElement {
     tile: boolean;
     /** Tooltip text shown on hover/focus of info icon. */
     tooltip: string;
-    /** Adjusts colors for dark backgrounds. Applied to all children. */
-    inverted: boolean;
     /** Form `id` to associate with. Applied to all children. */
     form: string | null;
     /**
@@ -93,7 +91,6 @@ export declare class NysRadiogroup extends LitElement {
     private _initializeChildAttributes;
     private _updateRadioButtonsSize;
     private _updateRadioButtonsTile;
-    private _updateRadioButtonsInvert;
     private _updateRadioButtonsShowError;
     private _updateRadioButtonsForm;
     private _getSlotDescriptionForAria;

package/dist/packages/nys-tab/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./nys-tab";
+export * from "./nys-tabgroup";
+export * from "./nys-tabpanel";

package/dist/packages/nys-tab/src/nys-tab.d.ts

@@ -0,0 +1,116 @@
+import { LitElement } from "lit";
+/**
+ * `<nys-tab>` is a single tab within a `<nys-tabgroup>`.
+ *
+ * The host element carries `role="tab"`, `tabindex`, `aria-selected`,
+ * `aria-controls`, and `aria-disabled` so assistive technologies see the
+ * correct ARIA tab semantics on the element that is actually focused.
+ * `<nys-tabgroup>` manages `tabindex`, `aria-selected`, and `aria-controls`
+ * via `_applySelection`; do not set them directly on this element.
+ *
+ * @element nys-tab
+ *
+ * @fires nys-tab-select - Dispatched when the tab is activated via click or
+ *   Enter / Space. Bubbles and crosses shadow DOM boundaries.
+ *   `detail: { id: string, label: string }`
+ * @fires nys-tab-focus - Dispatched when the host receives focus. Bubbles and
+ *   crosses shadow DOM boundaries. `detail: { id: string }`
+ * @fires nys-tab-blur - Dispatched when the host loses focus. Bubbles and
+ *   crosses shadow DOM boundaries. `detail: { id: string }`
+ *
+ * @slot - No slots; content is derived from the `label` property.
+ *
+ * @example `<nys-tab>` and `<nys-tabpanel>` should always be wrapped by `<nys-tabgroup>`
+ * ```html
+ * <!-- Always place <nys-tab> elements inside a <nys-tabgroup>. -->
+ * <nys-tabgroup name="My Tabs">
+ *   <nys-tab label="Overview"></nys-tab>
+ *   <nys-tab label="Details" selected></nys-tab>
+ *   <nys-tab label="Archived" disabled></nys-tab>
+ *   <nys-tabpanel><p>Overview content</p></nys-tabpanel>
+ *   <nys-tabpanel><p>Details content (shown by default)</p></nys-tabpanel>
+ *   <nys-tabpanel><p>Archived content</p></nys-tabpanel>
+ * </nys-tabgroup>
+ * ```
+ */
+export declare class NysTab extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Unique identifier for the tab element.
+     * Reflected to the DOM attribute so `aria-controls` references resolve.
+     *
+     * @attr id
+     */
+    id: string;
+    /**
+     * Visible text label rendered inside the inner `<span>`.
+     *
+     * @attr label
+     */
+    label: string;
+    /**
+     * Whether this tab is the currently active tab.
+     * Managed by `<nys-tabgroup>`; reflected for CSS attribute selectors.
+     *
+     * @attr selected
+     */
+    selected: boolean;
+    /**
+     * Whether this tab is disabled.
+     * Reflected to the DOM attribute for CSS styling.
+     *
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Sets `role="tab"` and `tabindex="-1"` on the host (the element that AT
+     * will read and that receives keyboard focus). Attaches host-level listeners
+     * for keydown, focus, blur, and click so that interaction events work
+     * correctly on the host element itself.
+     *
+     * Click is handled at the host level so iOS VoiceOver double-tap (which
+     * dispatches `click` directly on the host because of `role="tab"`, bypassing
+     * shadow-DOM children) activates the tab. Normal taps land on the inner
+     * `<span>` and bubble up to this listener.
+     *
+     * `<nys-tabgroup>` overrides `tabindex` to `"0"` on the selected tab.
+     */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Keeps `aria-disabled` on the host in sync with the `disabled` property so
+     * AT perceives the disabled state on the element it actually focuses.
+     */
+    updated(changed: Map<string, unknown>): void;
+    /**
+     * Focuses the host element. The host carries `role="tab"` and `tabindex`,
+     * so it is the correct element for AT to land on.
+     */
+    focus(options?: FocusOptions): void;
+    /**
+     * Enter / Space on the focused host activate the tab.
+     * Arrow-key navigation is handled one level up by `<nys-tabgroup>`.
+     */
+    private _onKeydown;
+    /**
+     * Host focus → dispatch `nys-tab-focus` for external observers.
+     */
+    private _onFocus;
+    /**
+     * Host blur → dispatch `nys-tab-blur` for external observers.
+     */
+    private _onBlur;
+    /**
+     * Host-level click handler. Activates the tab regardless of whether the
+     * click landed on the inner element (normal pointer/keyboard tap, which
+     * bubbles up) or directly on the host (iOS VoiceOver double-tap dispatches
+     * `click` on the element with `role="tab"`, bypassing shadow-DOM children).
+     */
+    private _onClick;
+    /**
+     * Focuses the host then dispatches `nys-tab-select`. Called from both the
+     * click handler and the keydown handler.
+     */
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/packages/nys-tab/src/nys-tab.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/packages/nys-tab/src/nys-tabgroup.d.ts

@@ -0,0 +1,197 @@
+import { LitElement } from "lit";
+/**
+ * `<nys-tabgroup>` is the container for `<nys-tab>` and `<nys-tabpanel>`
+ * elements.
+ *
+ * Accepts tabs and panels as flat light-DOM children in any order (interleaved
+ * or grouped). On slot change, children are sorted into dedicated shadow-DOM
+ * containers, ARIA relationships are wired, and the first selected (or first)
+ * tab is activated.
+ *
+ * Scroll shadows are rendered on either side of the tab list and toggled via
+ * `ResizeObserver` and a `scroll` listener so they accurately reflect whether
+ * overflow content exists in each direction.
+ *
+ * Keyboard navigation follows the
+ * {@link https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ ARIA Tabs Pattern}:
+ * - Arrow keys move focus without changing selection.
+ * - Enter / Space confirm selection on the focused tab.
+ *
+ * @element nys-tabgroup
+ *
+ * @slot - Accepts `<nys-tab>` and `<nys-tabpanel>` children. Elements are
+ *   moved into internal shadow-DOM containers on `slotchange`; the slot
+ *   itself is not rendered visibly.
+ *
+ * @example Disable a tab using the `disabled` attribute on `<nys-tab>`.
+ * ```html
+ * <nys-tabgroup name="Account Settings">
+ *   <nys-tab label="Profile"></nys-tab>
+ *   <nys-tab label="Security"></nys-tab>
+ *   <nys-tab label="Notifications" disabled></nys-tab>
+ *   <nys-tabpanel><p>Manage your profile information.</p></nys-tabpanel>
+ *   <nys-tabpanel><p>Update your password and 2FA settings.</p></nys-tabpanel>
+ *   <nys-tabpanel><p>Notification preferences (coming soon).</p></nys-tabpanel>
+ * </nys-tabgroup>
+ * ```
+ *
+ * @example Pre-select a tab using the `selected` attribute on `<nys-tab>`.
+ * ```html
+ * <nys-tabgroup name="Reports">
+ *   <nys-tab label="Summary"></nys-tab>
+ *   <nys-tab label="Details" selected></nys-tab>
+ *   <nys-tabpanel><p>Summary view</p></nys-tabpanel>
+ *   <nys-tabpanel><p>Detailed view (shown by default)</p></nys-tabpanel>
+ * </nys-tabgroup>
+ * ```
+ */
+export declare class NysTabgroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Unique identifier for the tabgroup element.
+     * If not provided, one is auto-generated in `connectedCallback`.
+     * Reflected to the DOM attribute.
+     *
+     * @attr id
+     */
+    id: string;
+    /**
+     * The name of the tab group.
+     * Used for form submission and accessibility purposes.
+     *
+     * @attr name
+     */
+    name: string;
+    /**
+     * Cached in `firstUpdated` and used by `_updateScrollShadows` to read
+     * scroll position and dimensions.
+     */
+    private _tabsEl;
+    /**
+     * Reference to the left scroll-shadow overlay element.
+     * Receives the `is-visible` class when the tab list is scrolled away from
+     * its leftmost position.
+     */
+    private _shadowLeft;
+    /**
+     * Reference to the right scroll-shadow overlay element.
+     * Receives the `is-visible` class when overflow content exists to the right
+     * of the current scroll position.
+     */
+    private _shadowRight;
+    /**
+     * `ResizeObserver` instance watching `_tabsEl` for size changes.
+     * Re-evaluates scroll shadow visibility whenever the tab list is resized
+     * (e.g. viewport resize, dynamic tab additions).
+     * Stored so it can be disconnected if needed.
+     */
+    private _resizeObserver?;
+    /**
+     * Called when the element is inserted into the document.
+     * Auto-generates a unique `id` if one was not provided.
+     */
+    connectedCallback(): void;
+    /**
+     * Called after the element's shadow DOM has been rendered for the first time.
+     *
+     * Caches references to the tab list and scroll-shadow elements, performs an
+     * initial scroll-shadow evaluation, and attaches:
+     * - A `scroll` event listener on `_tabsEl` to update shadows on scroll.
+     * - A `ResizeObserver` on `_tabsEl` to update shadows when the container
+     *   is resized.
+     */
+    firstUpdated(): void;
+    /**
+     * Reads the current scroll state of `_tabsEl` and toggles the `is-visible`
+     * class on the left and right shadow overlays accordingly.
+     *
+     * - Left shadow is visible when `scrollLeft > 0`.
+     * - Right shadow is visible when `scrollLeft + clientWidth < scrollWidth`
+     *   (i.e. content exists beyond the right edge).
+     *
+     * Defined as an arrow function so it can be passed directly as an event
+     * listener without losing `this` context.
+     *
+     * @returns void
+     */
+    private _updateScrollShadows;
+    /**
+     * Returns all `<nys-tab>` elements currently residing in the shadow-DOM
+     * tabs container, in DOM order.
+     *
+     * @returns An array of `HTMLElement` references to every `<nys-tab>` child.
+     */
+    private _getTabs;
+    /**
+     * Returns all `<nys-tabpanel>` elements currently residing in the
+     * shadow-DOM panels container, in DOM order.
+     *
+     * @returns An array of `HTMLElement` references to every `<nys-tabpanel>` child.
+     */
+    private _getPanels;
+    /**
+     * Single source of truth for ARIA wiring, `tabindex`, and panel visibility.
+     *
+     * For each index `i`:
+     * - Sets `selected` / removes `selected` attribute on `tabs[i]`.
+     * - Sets `aria-controls` on `tabs[i]` to the `id` of `panels[i]`.
+     * - Sets `aria-labelledby` on `panels[i]` to the `id` of `tabs[i]`.
+     * - Removes `hidden` from `panels[selectedIndex]`; adds it to all others.
+     *
+     * Must be called any time the selected tab changes (initial render and
+     * subsequent user interactions).
+     *
+     * @param tabs - Ordered array of `<nys-tab>` elements to update.
+     * @param panels - Ordered array of `<nys-tabpanel>` elements to update.
+     *   Must be the same length as `tabs` for correct pairing.
+     * @param selectedIndex - Zero-based index of the tab/panel pair to activate.
+     * @returns void
+     */
+    private _applySelection;
+    /**
+     * Handles `slotchange` on the default slot.
+     *
+     * Iterates over all assigned elements and moves each `<nys-tab>` into
+     * `.nys-tabgroup__tabs` and each `<nys-tabpanel>` into
+     * `.nys-tabgroup__panels`, preserving relative order. After sorting,
+     * calls `_applySelection` using the first element that already has a
+     * `selected` attribute, or index `0` if none is found.
+     *
+     * @param e - The `Event` fired by the `<slot>` element on slot change.
+     * @returns void
+     */
+    private _sortChildren;
+    /**
+     * Handles the `nys-tab-select` custom event bubbled up from a child
+     * `<nys-tab>`.
+     *
+     * Resolves the originating `<nys-tab>` via `composedPath()` (required
+     * because the event crosses shadow DOM boundaries), determines its index
+     * among the current tab list, and delegates to `_applySelection`.
+     *
+     * @param e - The `Event` (cast to `CustomEvent`) dispatched by `<nys-tab>`.
+     * @returns void
+     */
+    private _handleTabSelect;
+    /**
+     * Implements the ARIA radio-button keyboard pattern:
+     * - `ArrowRight` — moves focus to the next enabled tab (wraps).
+     * - `ArrowLeft` — moves focus to the previous enabled tab (wraps).
+     *
+     * Focus is moved without changing selection; Enter / Space on the newly
+     * focused tab (handled by `<nys-tab>._handleKeydown`) confirm selection.
+     *
+     * The currently focused tab is resolved via `composedPath()` because focus
+     * may sit on a shadow-DOM descendant of `<nys-tab>` rather than the host
+     * itself.
+     *
+     * Disabled tabs are excluded from navigation and will never receive focus
+     * via arrow keys.
+     *
+     * @param e - The `KeyboardEvent` from the tablist `keydown` listener.
+     * @returns void
+     */
+    private _handleKeydown;
+    private _handleWheel;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/packages/nys-tab/src/nys-tabpanel.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from "lit";
+/**
+ * `<nys-tabpanel>` is a content panel paired with a `<nys-tab>` inside a
+ * `<nys-tabgroup>`.
+ *
+ * Pairing is determined by render order: the Nth `<nys-tabpanel>` child of a
+ * `<nys-tabgroup>` corresponds to the Nth `<nys-tab>` child.
+ * `aria-labelledby` and the `hidden` attribute are managed externally by
+ * `<nys-tabgroup>` via `_applySelection`; do not set them directly.
+ *
+ * @element nys-tabpanel
+ *
+ * @slot - Default slot for panel content. Rendered inside a wrapper `<div>`
+ *   with the `.nys-tabpanel` class for styling.
+ *
+ * @example Panel content is wrapped by `<nys-tabpanel>`.
+ * ```html
+ * <!-- Panels are paired by position with <nys-tab> elements in the same <nys-tabgroup>. -->
+ * <nys-tabgroup name="Steps">
+ *   <nys-tab label="Step 1"></nys-tab>
+ *   <nys-tab label="Step 2"></nys-tab>
+ *   <nys-tabpanel>
+ *     <h2>Step 1: Enter your information</h2>
+ *     <p>Fill out the form below.</p>
+ *   </nys-tabpanel>
+ *   <nys-tabpanel>
+ *     <h2>Step 2: Review and submit</h2>
+ *     <p>Confirm your details before submitting.</p>
+ *   </nys-tabpanel>
+ * </nys-tabgroup>
+ * ```
+ */
+export declare class NysTabpanel extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Unique identifier for the panel element.
+     * If not provided, one is auto-generated in `connectedCallback`.
+     * Reflected to the DOM attribute so `aria-controls` references on sibling
+     * `<nys-tab>` elements resolve correctly.
+     *
+     * @attr id
+     */
+    id: string;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/packages/nys-table/src/nys-table.d.ts

@@ -22,19 +22,22 @@ export declare class NysTable extends LitElement {
     private _sortColumn;
     private _sortDirection;
     private _captionText;
+    private _observer;
     /**************** Lifecycle Methods ****************/
     constructor();
     connectedCallback(): void;
-    /******************** Functions ********************/
     firstUpdated(): void;
-    _handleSlotChange(): void;
-    _normalizeTableDOM(table: HTMLTableElement): void;
+    disconnectedCallback(): void;
     willUpdate(): void;
-    _addSortIcons(table: HTMLTableElement): void;
-    _updateSortIcons(table: HTMLTableElement): void;
+    /******************** Functions ********************/
+    private _handleSlotChange;
+    private _setupMutationObserver;
+    private _normalizeTableDOM;
+    private _addSortIcons;
+    private _updateSortIcons;
     private _onSortClick;
-    _sortTable(table: HTMLTableElement, columnIndex: number, direction: "asc" | "desc"): void;
-    _updateSortedColumnStyles(table: HTMLTableElement): void;
+    private _sortTable;
+    private _updateSortedColumnStyles;
     downloadFile(): void;
     /****************** Event Handlers ******************/
     /**

package/dist/src/index.d.ts

@@ -20,6 +20,7 @@ export * from "../packages/nys-radiobutton/src/index";
 export * from "../packages/nys-select/src/index";
 export * from "../packages/nys-skipnav/src/index";
 export * from "../packages/nys-stepper/src/index";
+export * from "../packages/nys-tab/src/index";
 export * from "../packages/nys-table/src/index";
 export * from "../packages/nys-textarea/src/index";
 export * from "../packages/nys-textinput/src/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/components",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "New York State's design system and code component library.",
   "type": "module",
   "workspaces": [

package/packages/react/NysBacktotop.d.ts

@@ -47,7 +47,7 @@ export interface NysBacktotopProps extends Pick<
 }
 
 /**
- * Floating back-to-top button with auto-show behavior and smooth scroll.
+ * Floating back-to-top button with auto-show behavior, smooth scroll, and focus management.
  * ---
  *
  */

package/packages/react/NysBadge.d.ts

@@ -42,6 +42,9 @@ export interface NysBadgeProps extends Pick<
   /** Primary label text displayed in the badge. */
   label?: NysBadgeElement["label"];
 
+  /** Screen reader text appended after the label for additional context. */
+  srText?: NysBadgeElement["srText"];
+
   /** undefined */
   variant?: NysBadgeElement["variant"];
 

package/packages/react/NysBadge.js

@@ -11,6 +11,7 @@ export const NysBadge = forwardRef((props, forwardedRef) => {
     intent,
     prefixLabel,
     label,
+    srText,
     variant,
     ...filteredProps
   } = props;
@@ -25,6 +26,7 @@ export const NysBadge = forwardRef((props, forwardedRef) => {
       intent: props.intent,
       prefixLabel: props.prefixLabel,
       label: props.label,
+      srText: props.srText,
       variant: props.variant,
       class: props.className,
       exportparts: props.exportparts,

package/packages/react/NysCheckbox.d.ts

@@ -40,9 +40,6 @@ export interface NysCheckboxProps extends Pick<
   /** Renders as tile with larger clickable area. Apply to group for consistency. */
   tile?: boolean;
 
-  /** Adjusts colors for dark backgrounds. */
-  inverted?: boolean;
-
   /** undefined */
   other?: boolean;
 

package/packages/react/NysCheckbox.js

@@ -11,7 +11,6 @@ export const NysCheckbox = forwardRef((props, forwardedRef) => {
     showError,
     groupExist,
     tile,
-    inverted,
     other,
     showOtherError,
     label,
@@ -66,7 +65,6 @@ export const NysCheckbox = forwardRef((props, forwardedRef) => {
       showError: props.showError ? true : undefined,
       groupExist: props.groupExist ? true : undefined,
       tile: props.tile ? true : undefined,
-      inverted: props.inverted ? true : undefined,
       other: props.other ? true : undefined,
       showOtherError: props.showOtherError ? true : undefined,
       style: { ...props.style },

package/packages/react/NysCheckboxgroup.d.ts

@@ -30,9 +30,6 @@ export interface NysCheckboxgroupProps extends Pick<
   /** Renders all checkboxes as tiles with larger clickable area. */
   tile?: boolean;
 
-  /** Adjusts colors for dark backgrounds. Applied to all children. */
-  inverted?: boolean;
-
   /** Unique identifier. Auto-generated if not provided. */
   id?: NysCheckboxgroupElement["id"];
 

package/packages/react/NysCheckboxgroup.js

@@ -7,7 +7,6 @@ export const NysCheckboxgroup = forwardRef((props, forwardedRef) => {
     optional,
     showError,
     tile,
-    inverted,
     id,
     name,
     errorMessage,
@@ -40,7 +39,6 @@ export const NysCheckboxgroup = forwardRef((props, forwardedRef) => {
       optional: props.optional ? true : undefined,
       showError: props.showError ? true : undefined,
       tile: props.tile ? true : undefined,
-      inverted: props.inverted ? true : undefined,
       style: { ...props.style },
     },
     props.children,

package/packages/react/NysRadiobutton.d.ts

@@ -31,9 +31,6 @@ export interface NysRadiobuttonProps extends Pick<
   /** Marks group as required. Set on radiogroup, not individual radios. */
   required?: boolean;
 
-  /** Adjusts colors for dark backgrounds. */
-  inverted?: boolean;
-
   /** Renders as tile with larger clickable area. */
   tile?: boolean;
 

package/packages/react/NysRadiobutton.js

@@ -8,7 +8,6 @@ export const NysRadiobutton = forwardRef((props, forwardedRef) => {
     checked,
     disabled,
     required,
-    inverted,
     tile,
     other,
     showOtherError,
@@ -57,7 +56,6 @@ export const NysRadiobutton = forwardRef((props, forwardedRef) => {
       checked: props.checked ? true : undefined,
       disabled: props.disabled ? true : undefined,
       required: props.required ? true : undefined,
-      inverted: props.inverted ? true : undefined,
       tile: props.tile ? true : undefined,
       other: props.other ? true : undefined,
       showOtherError: props.showOtherError ? true : undefined,

package/packages/react/NysRadiogroup.d.ts

@@ -30,9 +30,6 @@ export interface NysRadiogroupProps extends Pick<
   /** Renders all radiobuttons as tiles with larger clickable area. */
   tile?: boolean;
 
-  /** Adjusts colors for dark backgrounds. Applied to all children. */
-  inverted?: boolean;
-
   /** Unique identifier. Auto-generated if not provided. */
   id?: NysRadiogroupElement["id"];