Folder Path

/tvu-design-system/tests/visual/__screenshots__/

0 directories 496 files 40 MiB total
List Grid
Name
Size Modified
Up
badge-badge-api-dark.png
61 KiB
badge-badge-api-light.png
62 KiB
badge-color-buttons-dark.png
51 KiB
badge-color-buttons-light.png
55 KiB
badge-dark.png
101 KiB
badge-development-usage-dark.png
41 KiB
badge-development-usage-light.png
42 KiB
badge-figma-coverage-dark.png
103 KiB
badge-figma-coverage-light.png
107 KiB
badge-light.png
103 KiB
badge-tag-buttons-dark.png
24 KiB
badge-tag-buttons-light.png
24 KiB
badge-type-buttons-dark.png
23 KiB
badge-type-buttons-light.png
24 KiB
border-border-color-dark.png
126 KiB
border-border-color-light.png
129 KiB
border-border-system-dark.png
94 KiB
border-border-system-light.png
98 KiB
border-dark.png
101 KiB
border-light.png
104 KiB
border-radius-dark.png
87 KiB
border-radius-light.png
91 KiB
border-stroke-width-dark.png
92 KiB
border-stroke-width-light.png
96 KiB
breadcrumb-breadcrumb-api-dark.png
56 KiB
breadcrumb-breadcrumb-api-light.png
58 KiB
breadcrumb-breadcrumb-capability-dark.png
50 KiB
breadcrumb-breadcrumb-capability-light.png
52 KiB
breadcrumb-dark.png
124 KiB
breadcrumb-development-usage-dark.png
40 KiB
breadcrumb-development-usage-light.png
40 KiB
breadcrumb-figma-coverage-dark.png
43 KiB
breadcrumb-figma-coverage-light.png
44 KiB
breadcrumb-interactive-showseparator-dark.png
30 KiB
breadcrumb-interactive-showseparator-light.png
32 KiB
breadcrumb-light.png
126 KiB
breadcrumb-real-figma-members-dark.png
38 KiB
breadcrumb-real-figma-members-light.png
40 KiB
breadcrumb-status-matrix-dark.png
48 KiB
breadcrumb-status-matrix-light.png
48 KiB
button-basic-usage-dark.png
34 KiB
button-basic-usage-light.png
36 KiB
button-button-api-dark.png
112 KiB
button-button-api-light.png
114 KiB
button-button-sizes-dark.png
32 KiB
button-button-sizes-light.png
34 KiB
button-color-buttons-dark.png
56 KiB
button-color-buttons-light.png
59 KiB
button-dark.png
118 KiB
button-development-usage-dark.png
70 KiB
button-development-usage-light.png
71 KiB
button-disable-buttons-dark.png
50 KiB
button-disable-buttons-light.png
53 KiB
button-figma-m-coverage-dark.png
100 KiB
button-figma-m-coverage-light.png
102 KiB
button-fixed-width-buttons-dark.png
42 KiB
button-fixed-width-buttons-light.png
44 KiB
button-icon-buttons-dark.png
43 KiB
button-icon-buttons-light.png
45 KiB
button-light.png
119 KiB
button-loading-buttons-dark.png
102 KiB
button-loading-buttons-light.png
103 KiB
button-round-buttons-dark.png
54 KiB
button-round-buttons-light.png
56 KiB
button-status-buttons-dark.png
46 KiB
button-status-buttons-light.png
47 KiB
chart-chart-api-dark.png
63 KiB
chart-chart-api-light.png
65 KiB
chart-dark.png
105 KiB
chart-development-usage-dark.png
58 KiB
chart-development-usage-light.png
59 KiB
chart-figma-coverage-dark.png
30 KiB
chart-figma-coverage-light.png
31 KiB
chart-light.png
107 KiB
chart-six-variants-dark.png
91 KiB
chart-six-variants-light.png
93 KiB
chart-token-driven-palette-dark.png
56 KiB
chart-token-driven-palette-light.png
59 KiB
checkbox-checkbox-api-dark.png
74 KiB
checkbox-checkbox-api-light.png
78 KiB
checkbox-dark.png
121 KiB
checkbox-figma-coverage-dark.png
42 KiB
checkbox-figma-coverage-light.png
43 KiB
checkbox-interactive-readonly-dark.png
25 KiB
checkbox-interactive-readonly-light.png
25 KiB
checkbox-light.png
126 KiB
checkbox-status-matrix-dark.png
55 KiB
checkbox-status-matrix-light.png
57 KiB
checkbox-usage-examples-dark.png
236 KiB
checkbox-usage-examples-light.png
250 KiB
color-dark.png
108 KiB
color-light.png
108 KiB
color-semantic-pairings-dark.png
102 KiB
color-semantic-pairings-light.png
105 KiB
color-theme-snapshot-dark.png
124 KiB
color-theme-snapshot-light.png
127 KiB
color-token-catalog-dark.png
677 KiB
color-token-catalog-light.png
749 KiB
datetime-dark.png
101 KiB
datetime-date-picker-dark.png
183 KiB
datetime-date-picker-light.png
186 KiB
datetime-datetime-api-dark.png
100 KiB
datetime-datetime-api-light.png
104 KiB
datetime-development-usage-dark.png
48 KiB
datetime-development-usage-light.png
48 KiB
datetime-figma-coverage-dark.png
56 KiB
datetime-figma-coverage-light.png
58 KiB
datetime-light.png
102 KiB
datetime-time-picker-dark.png
166 KiB
datetime-time-picker-light.png
174 KiB
effect-dark.png
101 KiB
effect-effect-overview-dark.png
94 KiB
effect-effect-overview-light.png
102 KiB
effect-effect-styles-dark.png
160 KiB
effect-effect-styles-light.png
170 KiB
effect-light.png
105 KiB
for-developers-appendix-dark.png
147 KiB
for-developers-appendix-light.png
152 KiB
for-developers-dark.png
146 KiB
for-developers-develop-dark.png
80 KiB
for-developers-develop-light.png
81 KiB
for-developers-install-npm-import-dark.png
655 KiB
for-developers-install-npm-import-light.png
660 KiB
for-developers-light.png
148 KiB
form-basic-validation-dark.png
103 KiB
form-basic-validation-light.png
105 KiB
form-dark.png
97 KiB
form-form-api-dark.png
87 KiB
form-form-api-light.png
88 KiB
form-item-composition-usage-dark.png
55 KiB
form-item-composition-usage-light.png
58 KiB
form-item-custom-label-slot-dark.png
46 KiB
form-item-custom-label-slot-light.png
48 KiB
form-item-dark.png
116 KiB
form-item-design-spec-figma-type-axis-dark.png
66 KiB
form-item-design-spec-figma-type-axis-light.png
66 KiB
form-item-development-usage-dark.png
95 KiB
form-item-development-usage-light.png
98 KiB
form-item-figma-coverage-dark.png
56 KiB
form-item-figma-coverage-light.png
58 KiB
form-item-formitem-api-dark.png
95 KiB
form-item-formitem-api-light.png
96 KiB
form-item-interactive-required-dark.png
30 KiB
form-item-interactive-required-light.png
30 KiB
form-item-layout-and-label-width-dark.png
66 KiB
form-item-layout-and-label-width-light.png
72 KiB
form-item-light.png
117 KiB
form-item-type-and-status-matrix-dark.png
129 KiB
form-item-type-and-status-matrix-light.png
132 KiB
form-light.png
97 KiB
icon-currentcolor-behaviour-dark.png
60 KiB
icon-currentcolor-behaviour-light.png
61 KiB
icon-dark.png
112 KiB
icon-integration-patterns-dark.png
171 KiB
icon-integration-patterns-light.png
172 KiB
icon-inventory-dark.png
94 KiB
icon-inventory-light.png
99 KiB
icon-light.png
115 KiB
icon-logo-dark.png
59 KiB
icon-logo-light.png
62 KiB
icon-published-outputs-dark.png
51 KiB
icon-published-outputs-light.png
52 KiB
icon-status-icon-dark.png
290 KiB
icon-status-icon-light.png
298 KiB
input-basic-input-dark.png
161 KiB
input-basic-input-light.png
174 KiB
input-dark.png
103 KiB
input-development-usage-dark.png
46 KiB
input-development-usage-light.png
46 KiB
input-feature-input-dark.png
168 KiB
input-feature-input-light.png
180 KiB
input-figma-coverage-dark.png
53 KiB
input-figma-coverage-light.png
54 KiB
input-input-api-dark.png
80 KiB
input-input-api-light.png
81 KiB
input-interactive-readonly-dark.png
39 KiB
input-interactive-readonly-light.png
39 KiB
input-light.png
103 KiB
input-number-dark.png
112 KiB
input-number-development-usage-dark.png
26 KiB
input-number-development-usage-light.png
26 KiB
input-number-figma-coverage-dark.png
49 KiB
input-number-figma-coverage-light.png
51 KiB
input-number-inputnumber-api-dark.png
75 KiB
input-number-inputnumber-api-light.png
76 KiB
input-number-interactive-constraints-dark.png
43 KiB
input-number-interactive-constraints-light.png
45 KiB
input-number-light.png
112 KiB
input-number-real-figma-members-dark.png
41 KiB
input-number-real-figma-members-light.png
43 KiB
input-xl-textarea-dark.png
50 KiB
input-xl-textarea-light.png
52 KiB
message-auto-dismiss-dark.png
80 KiB
message-auto-dismiss-light.png
81 KiB
message-click-close-dark.png
72 KiB
message-click-close-light.png
74 KiB
message-dark.png
111 KiB
message-development-usage-dark.png
40 KiB
message-development-usage-light.png
42 KiB
message-figma-coverage-dark.png
45 KiB
message-figma-coverage-light.png
46 KiB
message-interactive-closable-dark.png
26 KiB
message-interactive-closable-light.png
27 KiB
message-light.png
111 KiB
message-message-api-dark.png
65 KiB
message-message-api-light.png
65 KiB
message-status-matrix-dark.png
74 KiB
message-status-matrix-light.png
76 KiB
notification-dark.png
130 KiB
notification-development-usage-dark.png
49 KiB
notification-development-usage-light.png
49 KiB
notification-figma-coverage-dark.png
54 KiB
notification-figma-coverage-light.png
56 KiB
notification-form-type-members-dark.png
200 KiB
notification-form-type-members-light.png
234 KiB
notification-interactive-closable-dark.png
31 KiB
notification-interactive-closable-light.png
33 KiB
notification-interactive-scenario-dark.png
56 KiB
notification-interactive-scenario-light.png
57 KiB
notification-light.png
131 KiB
notification-notification-api-dark.png
99 KiB
notification-notification-api-light.png
100 KiB
notification-side-anchored-overlay-slide-dark.png
35 KiB
notification-side-anchored-overlay-slide-light.png
36 KiB
notification-type-matrix-dark.png
271 KiB
notification-type-matrix-light.png
299 KiB
onboarding-accept-dark.png
86 KiB
onboarding-accept-light.png
86 KiB
onboarding-browse-docs-dark.png
199 KiB
onboarding-browse-docs-light.png
209 KiB
onboarding-claude-design-dark.png
165 KiB
onboarding-claude-design-light.png
166 KiB
onboarding-clone-dark.png
366 KiB
onboarding-clone-light.png
367 KiB
onboarding-correct-dark.png
79 KiB
onboarding-correct-light.png
80 KiB
onboarding-dark.png
175 KiB
onboarding-first-words-dark.png
238 KiB
onboarding-first-words-light.png
240 KiB
onboarding-install-claude-code-dark.png
109 KiB
onboarding-install-claude-code-light.png
111 KiB
onboarding-light.png
175 KiB
onboarding-method-dark.png
96 KiB
onboarding-method-light.png
97 KiB
onboarding-plugin-dark.png
215 KiB
onboarding-plugin-light.png
213 KiB
onboarding-say-clearly-dark.png
107 KiB
onboarding-say-clearly-light.png
110 KiB
onboarding-stuck-dark.png
63 KiB
onboarding-stuck-light.png
65 KiB
onboarding-triage-dark.png
197 KiB
onboarding-triage-light.png
199 KiB
onboarding-wrap-up-dark.png
76 KiB
onboarding-wrap-up-light.png
77 KiB
overview-current-status-dark.png
74 KiB
overview-current-status-light.png
76 KiB
overview-dark.png
104 KiB
overview-getting-started-integration-dark.png
49 KiB
overview-getting-started-integration-light.png
51 KiB
overview-how-to-read-dark.png
64 KiB
overview-how-to-read-light.png
65 KiB
overview-light.png
105 KiB
overview-rules-logs-dark.png
89 KiB
overview-rules-logs-light.png
92 KiB
pagination-dark.png
100 KiB
pagination-development-usage-dark.png
28 KiB
pagination-development-usage-light.png
28 KiB
pagination-figma-coverage-dark.png
60 KiB
pagination-figma-coverage-light.png
63 KiB
pagination-figma-members-dark.png
35 KiB
pagination-figma-members-light.png
35 KiB
pagination-light.png
102 KiB
pagination-pagination-api-dark.png
65 KiB
pagination-pagination-api-light.png
67 KiB
pill-dark.png
110 KiB
pill-development-usage-dark.png
30 KiB
pill-development-usage-light.png
30 KiB
pill-figma-coverage-dark.png
42 KiB
pill-figma-coverage-light.png
45 KiB
pill-interactive-active-dark.png
30 KiB
pill-interactive-active-light.png
29 KiB
pill-light.png
112 KiB
pill-pill-api-dark.png
59 KiB
pill-pill-api-light.png
60 KiB
pill-pill-counter-dark.png
49 KiB
pill-pill-counter-light.png
48 KiB
pill-status-active-dark.png
58 KiB
pill-status-active-light.png
60 KiB
pill-status-with-count-dark.png
22 KiB
pill-status-with-count-light.png
22 KiB
popup-box-dark.png
128 KiB
popup-box-development-usage-dark.png
95 KiB
popup-box-development-usage-light.png
97 KiB
popup-box-figma-coverage-dark.png
35 KiB
popup-box-figma-coverage-light.png
36 KiB
popup-box-light.png
128 KiB
popup-box-popupbox-api-dark.png
121 KiB
popup-box-popupbox-api-light.png
122 KiB
popup-box-settings-form-in-a-popup-dark.png
37 KiB
popup-box-settings-form-in-a-popup-light.png
37 KiB
progress-dark.png
104 KiB
progress-development-usage-dark.png
26 KiB
progress-development-usage-light.png
27 KiB
progress-family-matrix-dark.png
36 KiB
progress-family-matrix-light.png
35 KiB
progress-figma-coverage-dark.png
66 KiB
progress-figma-coverage-light.png
69 KiB
progress-interactive-showlabel-dark.png
22 KiB
progress-interactive-showlabel-light.png
23 KiB
progress-light.png
106 KiB
progress-progress-api-dark.png
72 KiB
progress-progress-api-light.png
72 KiB
progress-runtime-value-dark.png
46 KiB
progress-runtime-value-light.png
47 KiB
progress-status-matrix-dark.png
49 KiB
progress-status-matrix-light.png
49 KiB
radio-dark.png
115 KiB
radio-figma-coverage-dark.png
41 KiB
radio-figma-coverage-light.png
41 KiB
radio-light.png
119 KiB
radio-radio-api-dark.png
70 KiB
radio-radio-api-light.png
73 KiB
radio-status-matrix-dark.png
48 KiB
radio-status-matrix-light.png
50 KiB
radio-usage-examples-dark.png
228 KiB
radio-usage-examples-light.png
240 KiB
rating-dark.png
117 KiB
rating-development-usage-dark.png
21 KiB
rating-development-usage-light.png
20 KiB
rating-family-members-dark.png
42 KiB
rating-family-members-light.png
44 KiB
rating-figma-coverage-dark.png
36 KiB
rating-figma-coverage-light.png
38 KiB
rating-interactive-readonly-dark.png
26 KiB
rating-interactive-readonly-light.png
25 KiB
rating-light.png
118 KiB
rating-rating-api-dark.png
47 KiB
rating-rating-api-light.png
48 KiB
rating-value-buttons-dark.png
30 KiB
rating-value-buttons-light.png
33 KiB
select-dark.png
110 KiB
select-development-usage-dark.png
48 KiB
select-development-usage-light.png
49 KiB
select-dropdown-panel-dark.png
73 KiB
select-dropdown-panel-light.png
75 KiB
select-figma-coverage-dark.png
55 KiB
select-figma-coverage-light.png
58 KiB
select-interactive-selectboxfilled-multiple-dark.png
29 KiB
select-interactive-selectboxfilled-multiple-light.png
30 KiB
select-interactive-selectboxline-multiple-dark.png
32 KiB
select-interactive-selectboxline-multiple-light.png
32 KiB
select-light.png
110 KiB
select-multi-select-dark.png
167 KiB
select-multi-select-light.png
173 KiB
select-select-api-dark.png
110 KiB
select-select-api-light.png
111 KiB
select-single-select-dark.png
188 KiB
select-single-select-light.png
194 KiB
slider-dark.png
102 KiB
slider-development-usage-dark.png
25 KiB
slider-development-usage-light.png
26 KiB
slider-figma-coverage-dark.png
39 KiB
slider-figma-coverage-light.png
40 KiB
slider-interactive-disabled-dark.png
25 KiB
slider-interactive-disabled-light.png
24 KiB
slider-interactive-showvalue-dark.png
26 KiB
slider-interactive-showvalue-light.png
26 KiB
slider-light.png
102 KiB
slider-slider-api-dark.png
61 KiB
slider-slider-api-light.png
62 KiB
slider-theme-size-dark.png
38 KiB
slider-theme-size-light.png
39 KiB
steps-basic-usage-dark.png
18 KiB
steps-basic-usage-light.png
18 KiB
steps-center-dark.png
12 KiB
steps-center-light.png
12 KiB
steps-dark.png
106 KiB
steps-development-usage-dark.png
23 KiB
steps-development-usage-light.png
23 KiB
steps-interactive-showleadingconnector-dark.png
20 KiB
steps-interactive-showleadingconnector-light.png
20 KiB
steps-light.png
105 KiB
steps-simple-step-bar-dark.png
19 KiB
steps-simple-step-bar-light.png
19 KiB
steps-status-matrix-dark.png
21 KiB
steps-status-matrix-light.png
21 KiB
steps-step-bar-that-contains-status-dark.png
19 KiB
steps-step-bar-that-contains-status-light.png
19 KiB
steps-step-bar-with-description-dark.png
15 KiB
steps-step-bar-with-description-light.png
16 KiB
steps-step-bar-with-icon-dark.png
17 KiB
steps-step-bar-with-icon-light.png
17 KiB
steps-steps-api-dark.png
107 KiB
steps-steps-api-light.png
107 KiB
steps-vertical-step-bar-dark.png
17 KiB
steps-vertical-step-bar-light.png
17 KiB
switch-basic-states-dark.png
29 KiB
switch-basic-states-light.png
30 KiB
switch-dark.png
103 KiB
switch-development-usage-dark.png
39 KiB
switch-development-usage-light.png
40 KiB
switch-disabled-and-loading-dark.png
51 KiB
switch-disabled-and-loading-light.png
54 KiB
switch-figma-coverage-dark.png
44 KiB
switch-figma-coverage-light.png
45 KiB
switch-interactive-example-dark.png
25 KiB
switch-interactive-example-light.png
25 KiB
switch-light.png
102 KiB
switch-status-matrix-dark.png
77 KiB
switch-status-matrix-light.png
81 KiB
switch-switch-api-dark.png
52 KiB
switch-switch-api-light.png
53 KiB
table-dark.png
113 KiB
table-development-usage-dark.png
30 KiB
table-development-usage-light.png
31 KiB
table-empty-state-dark.png
23 KiB
table-empty-state-light.png
23 KiB
table-figma-coverage-dark.png
38 KiB
table-figma-coverage-light.png
41 KiB
table-figma-members-dark.png
60 KiB
table-figma-members-light.png
64 KiB
table-interactive-striped-dark.png
29 KiB
table-interactive-striped-light.png
29 KiB
table-light.png
115 KiB
table-loading-state-dark.png
27 KiB
table-loading-state-light.png
28 KiB
table-rich-cells-dark.png
49 KiB
table-rich-cells-light.png
52 KiB
table-row-selection-dark.png
30 KiB
table-row-selection-light.png
31 KiB
table-sorted-column-dark.png
26 KiB
table-sorted-column-light.png
28 KiB
table-table-api-dark.png
132 KiB
table-table-api-light.png
136 KiB
table-table-pagination-dark.png
33 KiB
table-table-pagination-light.png
34 KiB
tabs-composition-modes-dark.png
47 KiB
tabs-composition-modes-light.png
48 KiB
tabs-dark.png
105 KiB
tabs-development-usage-dark.png
54 KiB
tabs-development-usage-light.png
54 KiB
tabs-figma-coverage-dark.png
44 KiB
tabs-figma-coverage-light.png
46 KiB
tabs-interactive-tablist-slot-tabitem-disabled-dark.png
28 KiB
tabs-interactive-tablist-slot-tabitem-disabled-light.png
30 KiB
tabs-light.png
106 KiB
tabs-tab-item-family-dark.png
52 KiB
tabs-tab-item-family-light.png
53 KiB
tabs-tab-list-family-dark.png
44 KiB
tabs-tab-list-family-light.png
45 KiB
tabs-tabs-api-dark.png
132 KiB
tabs-tabs-api-light.png
135 KiB
tooltip-custom-content-slot-dark.png
52 KiB
tooltip-custom-content-slot-light.png
56 KiB
tooltip-dark.png
112 KiB
tooltip-development-usage-dark.png
29 KiB
tooltip-development-usage-light.png
30 KiB
tooltip-figma-coverage-dark.png
63 KiB
tooltip-figma-coverage-light.png
64 KiB
tooltip-interaction-preview-dark.png
28 KiB
tooltip-interaction-preview-light.png
29 KiB
tooltip-interactive-open-dark.png
29 KiB
tooltip-interactive-open-light.png
30 KiB
tooltip-light.png
112 KiB
tooltip-position-preview-dark.png
52 KiB
tooltip-position-preview-light.png
53 KiB
tooltip-tooltip-api-dark.png
58 KiB
tooltip-tooltip-api-light.png
60 KiB
topbar-dark.png
104 KiB
topbar-development-usage-dark.png
42 KiB
topbar-development-usage-light.png
43 KiB
topbar-figma-coverage-dark.png
34 KiB
topbar-figma-coverage-light.png
35 KiB
topbar-figma-members-dark.png
49 KiB
topbar-figma-members-light.png
50 KiB
topbar-interactive-showmenu-dark.png
27 KiB
topbar-interactive-showmenu-light.png
27 KiB
topbar-light.png
105 KiB
topbar-topbar-api-dark.png
100 KiB
topbar-topbar-api-light.png
100 KiB
typography-dark.png
105 KiB
typography-font-family-dark.png
103 KiB
typography-font-family-light.png
104 KiB
typography-light.png
107 KiB
typography-published-text-styles-dark.png
159 KiB
typography-published-text-styles-light.png
164 KiB
typography-typography-overview-dark.png
84 KiB
typography-typography-overview-light.png
87 KiB
usermenu-dark.png
103 KiB
usermenu-light.png
105 KiB
usermenu-role-differentiated-menus-dark.png
36 KiB
usermenu-role-differentiated-menus-light.png
38 KiB
usermenu-slots-badge-panel-top-dark.png
35 KiB
usermenu-slots-badge-panel-top-light.png
36 KiB
usermenu-usermenu-api-dark.png
114 KiB
usermenu-usermenu-api-light.png
115 KiB