Design system
Documentation experienceDS-07
Governed Theme StudioSource records are read-only. Laboratory proposals are session-local and never persisted.

Theme Studio / Component impact

See where a dependency reaches the component system.

Trace current CSS consumption across all 60 governed public components. Impact evidence is not migration approval.

Inspect by

31 components currently reference this dependency. Dependency does not imply an approved migration.

DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-button

Button Dock

actionOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-start.nw-button-dock

Sliding Button

actionOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-sliding-button
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-tile
border.width.defaultfoundationbox-shadow.nw-tile.is-selected

Charts

data-and-tablesOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-chart [role="img"]

Data Table

data-and-tablesOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-data-table
border.width.defaultfoundationborder-block-start.nw-data-table th, .nw-data-table td

Table

data-and-tablesOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-start.nw-table th, .nw-table td

Accordion

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-start.nw-accordion
border.width.defaultfoundationborder-block-end.nw-accordion details

Badge

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-badge, .nw-tag

Divider

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-start.nw-divider

Draggable List

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-draggable-list li

Drawer

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-overlay__surface > header

Empty State

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-empty-state

Message Card

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-message-card, .nw-card

Popover

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-popover__surface

Progress Steps

data-displayOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-progress-steps li > span
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-badge, .nw-tag

Banner

feedback-and-statusOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-banner

Dialog

feedback-and-statusOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-overlay__surface > header

File Upload

input-and-controlOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-file-upload input, .nw-time-picker input

Menu

input-and-controlOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-menu

PIN Code

input-and-controlOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-pin-code input

Segmented Control

input-and-controlOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-segmented span

Text Field

input-and-controlOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-text-field input

Time Picker

input-and-controlOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-file-upload input, .nw-time-picker input

Navigation Header

navigationOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-navigation-header

Pagination

navigationOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-pagination button
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-tabs [role="tablist"]
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder.nw-message-card, .nw-card

Modal Full Screen

surfacesOpen component reference
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-overlay__surface > header
DependencyLayerCSS propertyEvidence selector
border.width.defaultfoundationborder-block-end.nw-overlay__surface > header