Skip to content

Visual Reports PR 1804

Jump to bottom
github-actions[bot] edited this page Oct 7, 2026 · 7 revisions

PR#1804

All screenshots match the baselines.

@lumx/react — No changes

Unchanged Screenshots

(614)

Download all unchanged screenshots (.zip)

  • components > alert-dialog > AlertDialog: default-kind-@1x, error-@1x, rich-description-@1x, success-@1x, warning-@1x, with-cancel-@1x
  • components > autocomplete > Autocomplete: simple-@1x, with-clear-button-@1x
  • components > autocomplete > AutocompleteMultiple: simple-@1x
  • components > avatar > Avatar: all-sizes-@1x, all-sizes-with-badge-@1x, avatar-button-@1x, avatar-custom-link-@1x, avatar-link-@1x, default-@1x, with-actions-@1x
  • components > badge > Badge: all-colors-@1x, with-icon-@1x, with-text-@1x, with-thumbnail-@1x
  • components > badge > BadgeWrapper: with-button-@1x, with-chip-@1x, with-icon-@1x
  • components > button > Button: base-@1x, content-sizing-@1x, link-button-@1x, size-and-emphasis-@1x, state-variations-@1x, theming-@1x
  • components > button > ButtonGroup: many-buttons-@1x, one-button-@1x, variants-@1x
  • components > button > IconButton: default-@1x, icon-state-variations-@1x, with-image-@1x
  • components > card > Card: as-element-@1x, default-@1x, elevation-@1x
  • components > checkbox > Checkbox: default-@1x, disabled-@1x, intermediate-state-@1x, label-and-helper-@1x
  • components > chip > Chip: chip-button-@1x, chip-link-@1x, color-variants-@1x, default-@1x, disabled-@1x, selected-variants-@1x, theming-@1x, with-after-and-before-@1x
  • components > chip > ChipGroup: default-@1x, small-@1x
  • components > chip > SelectionChipGroup: constrained-space-@1x, custom-render-@1x, default-@1x, disabled-@1x, empty-@1x, in-text-field-@1x, individually-disabled-@1x
  • components > combobox > Combobox: combobox-with-avatar-loading-@1x, combobox-with-button-@1x, combobox-with-empty-state-@1x, combobox-with-error-state-@1x, combobox-with-filtered-sections-@1x, combobox-with-link-options-@1x, combobox-with-load-more-@1x, combobox-with-loading-@1x, combobox-with-option-more-info-@1x, combobox-with-option-tooltips-@1x, combobox-with-section-@1x, combobox-with-section-loading-@1x, combobox-with-selection-icon-multiple-@1x, combobox-with-selection-icon-single-@1x, combobox-with-subcomponents-@1x, combobox-with-truncated-option-@1x, grid-combobox-with-button-@1x, grid-combobox-with-input-@1x
  • components > comment-block > CommentBlock: full-featured-@1x, minimal-@1x, relevant-@1x, thread-@1x
  • components > date-picker > DatePicker: default-@1x, locales-variations-@1x, theming-@1x
  • components > date-picker > DatePickerField: default-@1x, default-month-@1x, default-value-@1x, disabled-@1x, error-@1x, label-placeholder-and-helper-@1x, restricted-@1x, restricted-empty-@1x
  • components > dialog > Dialog: default-@1x, force-divider-@1x, loading-@1x, long-content-@1x, non-modal-@1x, prevent-auto-close-@1x, prevent-close-on-click-@1x, prevent-close-on-escape-@1x, with-confirm-close-@1x, with-header-footer-@1x, with-header-footer-children-@1x
  • components > dialog > DialogHeading: custom-typography-@1x, default-@1x
  • components > divider > Divider: default-@1x
  • components > drag-handle > DragHandle: all-themes-@1x, default-@1x
  • components > expansion-panel > ExpansionPanel: default-@1x, has-background-@1x, has-header-divider-@1x, hide-children-@1x, nested-@1x
  • components > flag > Flag: all-colors-@1x, default-@1x, truncate-@1x, with-icon-@1x
  • components > flex-box > FlexBox: gap-sizes-@1x, horizontal-@1x, margin-auto-@1x, no-config-@1x, no-shrink-@1x, vertical-@1x, wrap-@1x
  • components > generic-block > GenericBlock: as-a-figure-@1x, as-an-article-@1x, gap-sizes-@1x, horizontal-@1x, horizontal-align-right-bottom-@1x, horizontal-overflow-@1x, sections-in-children-@1x, sections-in-props-@1x, vertical-@1x, vertical-align-center-@1x, vertical-overflow-@1x
  • components > grid-column > GridColumn: columns-@1x, default-@1x
  • components > heading > Heading: all-levels-@1x, all-typography-@1x, default-@1x, nested-heading-level-provider-@1x
  • components > icon > Icon: all-colors-@1x, inside-text-@1x, size-and-shape-@1x
  • components > image-block > ImageBlock: full-featured-@1x, with-actions-@1x, with-align-@1x, with-caption-below-@1x, with-caption-over-@1x, with-focus-point-horizontal-@1x, with-focus-point-vertical-@1x, with-tags-@1x
  • components > inline-list > InlineList: mixed-no-wrap-and-truncate-@1x, with-elements-@1x, wrap-@1x
  • components > input-helper > InputHelper: all-kinds-@1x, default-@1x
  • components > input-label > InputLabel: as-legend-@1x, default-@1x, is-required-@1x, with-custom-typography-@1x
  • components > input-required-legend > InputRequiredLegend: all-themes-@1x, default-@1x
  • components > lightbox > Lightbox: image-@1x, image-slideshow-@1x, with-close-button-@1x
  • components > link-preview > LinkPreview: all-fields-@1x, big-@1x, default-@1x, title-and-description-@1x
  • components > link > Link: all-colors-@1x, all-states-@1x, all-typography-@1x, as-button-@1x, default-@1x, disabled-@1x, in-paragraph-@1x, link-as-@1x, parent-typography-and-color-@1x, with-color-@1x, with-customizable-typography-@1x, with-typography-@1x, wrapping-block-@1x
  • components > list > List: default-@1x, item-padding-@1x
  • components > list > ListDivider: default-@1x
  • components > list > ListItem: action-area-@1x, all-states-@1x, custom-link-@1x, default-@1x
  • components > list > ListSection: auto-divider-edge-cases-@1x, clickable-items-@1x, default-@1x, label-variants-@1x
  • components > list > ListSubheader: default-@1x
  • components > menu-button > MenuButton: default-@1x, variants-@1x, with-link-items-@1x
  • components > message > Message: all-kinds-@1x, all-kinds-with-background-@1x, closable-message-@1x, custom-icon-@1x, default-@1x
  • components > mosaic > Mosaic: five-thumbnail-@1x, five-thumbnail-clickable-@1x, four-thumbnail-@1x, four-thumbnail-clickable-@1x, one-thumbnail-@1x, one-thumbnail-clickable-@1x, six-thumbnail-@1x, six-thumbnail-clickable-@1x, three-thumbnail-@1x, three-thumbnail-clickable-@1x, two-thumbnail-@1x, two-thumbnail-clickable-@1x
  • components > navigation > Navigation: full-featured-@1x, full-featured-horizontal-@1x, item-variants-@1x, theming-@1x
  • components > notification > Notifications: error-@1x, info-@1x, info-with-action-@1x, info-without-portal-@1x, success-@1x, warning-@1x
  • components > popover > Popover: dark-theme-@1x, fit-to-anchor-width-@1x, height-@1x, placements-@1x, simple-@1x, width-@1x, without-portal-@1x
  • components > progress-tracker > ProgressTracker: controlled-@1x, not-controlled-@1x
  • components > progress > ProgressCircular: all-sizes-@1x, default-@1x, inline-@1x
  • components > progress > ProgressLinear: default-@1x
  • components > radio-button > RadioButton: default-@1x, disabled-@1x, label-and-helper-@1x
  • components > radio-button > RadioGroup: simple-@1x
  • components > select-button > SelectButton: custom-render-@1x, default-@1x, disabled-@1x, error-state-@1x, label-display-modes-@1x, loading-@1x, loading-more-@1x, multiple-selection-@1x, multiple-with-preselected-@1x, with-descriptions-@1x, with-nb-option-message-@1x, with-sections-@1x, with-selected-value-@1x
  • components > select-text-field > SelectTextField: custom-render-@1x, default-@1x, disabled-@1x, error-state-@1x, loading-@1x, loading-more-@1x, multiple-disabled-@1x, multiple-selection-@1x, multiple-with-many-chips-@1x, multiple-with-preselected-@1x, no-clear-button-@1x, with-creatable-options-render-@1x, with-descriptions-@1x, with-error-@1x, with-helper-@1x, with-icon-@1x, with-sections-@1x, with-selected-value-@1x
  • components > select > Select: disabled-select-@1x, select-success-@1x, select-with-another-field-@1x, select-with-chip-variant-@1x, select-with-clear-button-@1x, select-with-error-@1x, select-with-helper-@1x, select-with-no-data-@1x, simple-select-@1x, simple-select-with-infinite-scroll-@1x
  • components > select > SelectMultiple: chips-custom-select-multiple-@1x, chips-select-multiple-@1x, default-select-multiple-@1x, disabled-select-multiple-@1x, select-multiple-with-no-data-@1x, select-within-a-dialog-@1x
  • components > side-navigation > SideNavigation: close-mode-hide-@1x, simple-@1x, with-3-levels-@1x, with-3-levels-and-icons-@1x, with-3-levels-and-multi-actions-@1x
  • components > side-navigation > SideNavigationItem: emphasis-variants-@1x, items-and-sections-@1x, theming-@1x
  • components > skeleton > SkeletonCircle: all-color-@1x, all-size-@1x
  • components > skeleton > SkeletonRectangle: all-colors-@1x, all-ratios-@1x, all-size-@1x, all-variants-@1x
  • components > skeleton > SkeletonTypography: all-colors-@1x, text-typography-@1x, width-variations-@1x
  • components > slider > Slider: default-@1x, slider-with-exact-divisible-steps-@1x, with-label-and-helper-@1x, with-precision-@1x, with-steps-@1x
  • components > slideshow > Slideshow: complex-content-@1x, images-@1x, images-with-auto-play-@1x, images-with-scroll-snap-@1x
  • components > slideshow > SlideshowControls: controlling-slideshow-@1x, simple-@1x
  • components > switch > Switch: default-@1x, disabled-@1x, label-and-helper-@1x, position-right-@1x
  • components > table > Table: default-@1x, with-header-@1x
  • components > table > TableCell: all-header-states-@1x, clickable-and-sortable-@1x, default-@1x, header-@1x
  • components > table > TableRow: all-states-@1x, default-@1x
  • components > tabs > TabProvider: default-@1x
  • components > text-field > RawInputText: default-@1x, with-placeholder-@1x
  • components > text-field > RawInputTextarea: default-@1x, with-minimum-rows-@1x, with-placeholder-@1x
  • components > text-field > TextField: clearable-@1x, custom-label-and-helper-@1x, default-@1x, disabled-@1x, error-@1x, label-and-helper-@1x, max-length-@1x, number-field-@1x, placeholder-@1x, textarea-field-@1x, valid-@1x, with-after-element-@1x, with-chips-@1x
  • components > text > Text: all-colors-@1x, all-typography-@1x, all-white-space-@1x, base-@1x, long-text-@1x, no-wrap-@1x, truncate-@1x, truncate-multiline-@1x, with-icon-@1x, with-icon-and-explicit-spaces-@1x
  • components > thumbnail > Thumbnail: as-button-@1x, as-custom-link-@1x, as-link-@1x, error-fallback-@1x, fill-height-and-ratio-@1x, focus-point-horizontal-@1x, focus-point-vertical-@1x, is-loading-@1x, object-fit-@1x, original-@1x, simple-@1x, square-@1x, vertical-@1x, wide-@1x, with-badge-@1x, with-svg-images-@1x, without-source-@1x
  • components > time-picker-field > TimePickerField: default-@1x, disabled-@1x, french-@1x, step-15-@1x, with-bounds-mode-@1x, with-max-time-@1x, with-min-time-@1x, with-value-@1x
  • components > toolbar > Toolbar: default-@1x, with-after-@1x, with-all-@1x, with-before-@1x
  • components > tooltip > Tooltip: close-mode-hide-@1x, force-open-@1x, multiline-tooltip-@1x, on-a-button-@1x, on-a-disabled-button-@1x
  • components > uploader > Uploader: file-input-@1x, ratio-and-size-@1x, variants-@1x, with-label-@1x, with-label-and-icon-@1x
  • components > user-block > UserBlock: as-button-@1x, as-custom-link-@1x, as-link-@1x, avatar-and-custom-name-@1x, avatar-and-name-@1x, avatar-and-name-and-secondary-fields-@1x, avatar-only-@1x, sizes-and-orientations-@1x, with-additional-fields-@1x, with-after-@1x, with-badge-@1x, with-constrained-size-@1x
  • stories > demos-generated > action-area: demo-1-@1x
  • stories > demos-generated > autocomplete: default-@1x, multiple-@1x
  • stories > demos-generated > avatar: actions-@1x, sizes-@1x
  • stories > demos-generated > badge: colors-@1x, icon-@1x, label-@1x, thumbnail-@1x
  • stories > demos-generated > button: full-width-@1x, high-emphasis-@1x, low-emphasis-@1x, medium-emphasis-@1x, small-size-@1x, toggled-button-@1x
  • stories > demos-generated > card: default-@1x, elevation-@1x
  • stories > demos-generated > checkbox: default-@1x
  • stories > demos-generated > chip: chip-group-@1x, choice-@1x, default-@1x, dismissible-@1x, filter-@1x, small-@1x
  • stories > demos-generated > color: background-color-@1x, font-color-@1x
  • stories > demos-generated > comment-block: default-@1x, relevant-@1x, threaded-@1x
  • stories > demos-generated > date-picker: default-@1x, input-@1x, restricted-selection-modes-@1x
  • stories > demos-generated > dialog: alert-dialog-@1x, confirm-dialog-@1x, default-@1x, processing-state-@1x, sizes-@1x
  • stories > demos-generated > divider: default-@1x
  • stories > demos-generated > dropdown: actions-states-@1x, default-@1x, programmatically-controlled-@1x
  • stories > demos-generated > expansion-panel: default-@1x, drag-handle-@1x, examples-@1x, trimmed-@1x
  • stories > demos-generated > flag: default-@1x
  • stories > demos-generated > generic-block: action-section-horizontal-@1x, action-section-vertical-@1x, alignments-horizontal-@1x, alignments-vertical-@1x, anatomy-@1x, content-section-horizontal-@1x, content-section-vertical-@1x, figure-section-@1x, gap-sizes-@1x
  • stories > demos-generated > grid-column: example-@1x
  • stories > demos-generated > heading: automatic-heading-level-@1x, default-@1x, heading-level-and-typography-@1x
  • stories > demos-generated > icon: colors-@1x, shape-@1x, simple-@1x
  • stories > demos-generated > image-block: custom-padding-@1x, default-@1x, info-above-@1x, info-alignment-@1x
  • stories > demos-generated > image-lightbox: default-@1x
  • stories > demos-generated > inline-list: color-and-typography-@1x, default-@1x, text-wrap-and-overflow-@1x, text-wrap-and-overflow-wrap-@1x
  • stories > demos-generated > input-required-legend: default-@1x, in-form-@1x
  • stories > demos-generated > lightbox: default-@1x
  • stories > demos-generated > link: color-@1x, default-@1x, in-text-@1x, typography-@1x
  • stories > demos-generated > link-preview: big-size-@1x, default-@1x
  • stories > demos-generated > list: clickable-@1x, item-action-@1x, item-layout-@1x, item-padding-@1x, item-sizes-@1x, list-section-@1x
  • stories > demos-generated > menu-button: default-@1x, menu-items-@1x, variants-@1x
  • stories > demos-generated > message: closable-@1x, error-@1x, info-@1x, success-@1x, trimmed-@1x, warning-@1x
  • stories > demos-generated > mosaic: click-on-thumbnail-@1x, four-images-@1x, more-than-four-images-@1x, three-images-@1x, two-images-@1x
  • stories > demos-generated > notification: default-@1x
  • stories > demos-generated > popover: alignments-@1x, auto-@1x, default-@1x, directed-@1x, matching-width-@1x, offset-@1x
  • stories > demos-generated > popover-dialog: default-@1x
  • stories > demos-generated > progress: circular-@1x, linear-@1x
  • stories > demos-generated > progress-tracker: default-@1x, error-@1x, helper-@1x, states-@1x
  • stories > demos-generated > radio-button: default-@1x
  • stories > demos-generated > select: single-selection-@1x
  • stories > demos-generated > select-button: custom-trigger-@1x, default-@1x, list-states-@1x, multiple-selection-@1x, with-descriptions-and-sections-@1x
  • stories > demos-generated > select-text-field: custom-render-@1x, empty-@1x, list-error-@1x, loading-@1x, loading-more-@1x, multiple-selection-@1x, single-selection-@1x, with-sections-@1x
  • stories > demos-generated > side-navigation: default-@1x, emphasis-@1x, nested-items-@1x, states-@1x, with-icon-@1x
  • stories > demos-generated > skeleton: animation-and-style-@1x, circle-@1x, rectangle-@1x, typography-@1x
  • stories > demos-generated > slider: default-@1x, precision-@1x, step-@1x, without-min-and-max-labels-@1x
  • stories > demos-generated > slideshow: autoplay-@1x, default-@1x, group-by-@1x
  • stories > demos-generated > spacing: margin-@1x, padding-@1x
  • stories > demos-generated > switch: default-@1x
  • stories > demos-generated > table: clickable-@1x, default-@1x
  • stories > demos-generated > tabs: default-@1x, icon-@1x, justify-left-@1x, navigation-@1x
  • stories > demos-generated > text: color-and-typography-@1x, default-@1x, text-wrap-and-overflow-@1x
  • stories > demos-generated > text-field: chips-@1x, default-@1x, has-error-@1x, helper-@1x, icon-@1x, is-clearable-@1x, is-disabled-@1x, is-required-@1x, is-valid-@1x, max-length-@1x, number-@1x, placeholder-@1x, textarea-@1x, textarea-invalid-@1x, textarea-valid-@1x
  • stories > demos-generated > thumbnail: error-state-@1x, error-state-fallback-@1x, loading-state-@1x, ratios-@1x, ratios-contain-@1x, sizes-@1x, sizes-ratios-and-variants-combined-@1x, variants-@1x
  • stories > demos-generated > time-picker-field: bounds-@1x, default-@1x, locale-@1x
  • stories > demos-generated > toolbar: contextual-icon-button-@1x, default-@1x, dialog-toolbar-@1x, file-list-widget-@1x, media-picker-toolbar-@1x
  • stories > demos-generated > tooltip: default-@1x, placement-@1x
  • stories > demos-generated > typography: default-@1x
  • stories > demos-generated > uploader: avatar-@1x, default-@1x, thumbnail-@1x
  • stories > demos-generated > user-block: extended-@1x, extra-small-@1x, large-@1x, medium-@1x, small-@1x, vertical-@1x
  • utils > action-area > ActionArea: card-example-@1x, overlay-states-@1x
  • utils > disabled > DisabledStateProvider: all-components-@1x, disabled-@1x, not-disabled-@1x

@lumx/vue — No changes

Unchanged Screenshots

(494)

Download all unchanged screenshots (.zip)

  • components > alert-dialog > AlertDialog: default-kind-@1x, error-@1x, rich-description-@1x, success-@1x, warning-@1x, with-cancel-@1x
  • components > avatar > Avatar: all-sizes-@1x, all-sizes-with-badge-@1x, avatar-button-@1x, avatar-link-@1x, default-@1x, with-actions-@1x
  • components > badge > Badge: all-colors-@1x, with-icon-@1x, with-text-@1x, with-thumbnail-@1x
  • components > badge > BadgeWrapper: with-button-@1x, with-icon-@1x
  • components > button > Button: base-@1x, link-button-@1x, size-and-emphasis-@1x, state-variations-@1x
  • components > button > ButtonGroup: many-buttons-@1x, one-button-@1x, variants-@1x
  • components > button > IconButton: default-@1x, icon-state-variations-@1x, with-image-@1x
  • components > card > Card: as-element-@1x, default-@1x, elevation-@1x
  • components > checkbox > Checkbox: default-@1x, disabled-@1x, intermediate-state-@1x, label-and-helper-@1x
  • components > chip > Chip: chip-button-@1x, chip-link-@1x, color-variants-@1x, default-@1x, disabled-@1x, selected-variants-@1x, theming-@1x, with-after-and-before-@1x
  • components > chip > ChipGroup: default-@1x, small-@1x
  • components > chip > SelectionChipGroup: constrained-space-@1x, custom-render-@1x, default-@1x, disabled-@1x, empty-@1x, in-text-field-@1x, individually-disabled-@1x
  • components > combobox > Combobox: combobox-with-avatar-loading-@1x, combobox-with-button-@1x, combobox-with-empty-state-@1x, combobox-with-error-state-@1x, combobox-with-filtered-sections-@1x, combobox-with-link-options-@1x, combobox-with-load-more-@1x, combobox-with-loading-@1x, combobox-with-option-more-info-@1x, combobox-with-option-tooltips-@1x, combobox-with-section-@1x, combobox-with-section-loading-@1x, combobox-with-selection-icon-multiple-@1x, combobox-with-selection-icon-single-@1x, combobox-with-subcomponents-@1x, combobox-with-truncated-option-@1x, grid-combobox-with-button-@1x, grid-combobox-with-input-@1x
  • components > dialog > Dialog: default-@1x, force-divider-@1x, loading-@1x, long-content-@1x, non-modal-@1x, prevent-auto-close-@1x, prevent-close-on-click-@1x, prevent-close-on-escape-@1x, with-confirm-close-@1x, with-header-footer-@1x, with-header-footer-children-@1x
  • components > dialog > DialogHeading: custom-typography-@1x, default-@1x
  • components > divider > Divider: default-@1x
  • components > drag-handle > DragHandle: all-themes-@1x, default-@1x
  • components > expansion-panel > ExpansionPanel: default-@1x, has-background-@1x, has-header-divider-@1x, hide-children-@1x, nested-@1x
  • components > flag > Flag: all-colors-@1x, default-@1x, truncate-@1x, with-icon-@1x
  • components > flex-box > FlexBox: gap-sizes-@1x, horizontal-@1x, margin-auto-@1x, no-config-@1x, no-shrink-@1x, vertical-@1x, wrap-@1x
  • components > generic-block > GenericBlock: as-a-figure-@1x, as-an-article-@1x, gap-sizes-@1x, horizontal-@1x, horizontal-align-right-bottom-@1x, horizontal-overflow-@1x, sections-in-children-@1x, sections-in-props-@1x, vertical-@1x, vertical-align-center-@1x, vertical-overflow-@1x
  • components > grid-column > GridColumn: columns-@1x, default-@1x
  • components > heading > Heading: all-levels-@1x, all-typography-@1x, default-@1x, nested-heading-level-provider-@1x
  • components > icon > Icon: all-colors-@1x, inside-text-@1x, size-and-shape-@1x
  • components > image-block > ImageBlock: full-featured-@1x, with-actions-@1x, with-align-@1x, with-caption-below-@1x, with-caption-over-@1x, with-focus-point-horizontal-@1x, with-focus-point-vertical-@1x, with-tags-@1x
  • components > inline-list > InlineList: mixed-no-wrap-and-truncate-@1x, with-elements-@1x, wrap-@1x
  • components > input-helper > InputHelper: all-kinds-@1x, default-@1x
  • components > input-label > InputLabel: as-legend-@1x, default-@1x, is-required-@1x, with-custom-typography-@1x
  • components > input-required-legend > InputRequiredLegend: all-themes-@1x, default-@1x
  • components > lightbox > Lightbox: image-@1x, with-close-button-@1x
  • components > link-preview > LinkPreview: all-fields-@1x, big-@1x, default-@1x, title-and-description-@1x
  • components > link > Link: all-colors-@1x, all-states-@1x, all-typography-@1x, as-button-@1x, default-@1x, disabled-@1x, in-paragraph-@1x, link-as-@1x, parent-typography-and-color-@1x, with-color-@1x, with-customizable-typography-@1x, with-typography-@1x
  • components > list > List: default-@1x, item-padding-@1x
  • components > list > ListDivider: default-@1x
  • components > list > ListItem: action-area-@1x, all-states-@1x, custom-link-@1x, default-@1x
  • components > list > ListSection: auto-divider-edge-cases-@1x, clickable-items-@1x, default-@1x, label-variants-@1x
  • components > menu-button > MenuButton: default-@1x, variants-@1x, with-link-items-@1x
  • components > message > Message: all-kinds-@1x, all-kinds-with-background-@1x, closable-message-@1x, custom-icon-@1x, default-@1x
  • components > mosaic > Mosaic: five-thumbnail-@1x, five-thumbnail-clickable-@1x, four-thumbnail-@1x, four-thumbnail-clickable-@1x, one-thumbnail-@1x, one-thumbnail-clickable-@1x, six-thumbnail-@1x, six-thumbnail-clickable-@1x, three-thumbnail-@1x, three-thumbnail-clickable-@1x, two-thumbnail-@1x, two-thumbnail-clickable-@1x
  • components > popover > Popover: dark-theme-@1x, fit-to-anchor-width-@1x, height-@1x, placements-@1x, simple-@1x, width-@1x, without-portal-@1x
  • components > progress > ProgressCircular: all-sizes-@1x, default-@1x, inline-@1x
  • components > progress > ProgressLinear: default-@1x
  • components > radio-button > RadioButton: default-@1x, disabled-@1x, label-and-helper-@1x
  • components > radio-button > RadioGroup: simple-@1x
  • components > select-button > SelectButton: custom-render-@1x, default-@1x, disabled-@1x, error-state-@1x, label-display-modes-@1x, loading-@1x, loading-more-@1x, multiple-selection-@1x, multiple-with-preselected-@1x, with-descriptions-@1x, with-nb-option-message-@1x, with-sections-@1x, with-selected-value-@1x
  • components > select-text-field > SelectTextField: custom-render-@1x, default-@1x, disabled-@1x, error-state-@1x, loading-@1x, loading-more-@1x, multiple-disabled-@1x, multiple-selection-@1x, multiple-with-many-chips-@1x, multiple-with-preselected-@1x, multiple-with-search-@1x, no-clear-button-@1x, with-creatable-options-@1x, with-descriptions-@1x, with-error-@1x, with-helper-@1x, with-icon-@1x, with-search-@1x, with-sections-@1x, with-selected-value-@1x
  • components > skeleton > SkeletonCircle: all-color-@1x, all-size-@1x
  • components > skeleton > SkeletonRectangle: all-colors-@1x, all-ratios-@1x, all-size-@1x, all-variants-@1x
  • components > skeleton > SkeletonTypography: all-colors-@1x, text-typography-@1x, width-variations-@1x
  • components > switch > Switch: default-@1x, disabled-@1x, label-and-helper-@1x, position-right-@1x
  • components > table > Table: default-@1x, with-header-@1x
  • components > table > TableCell: all-header-states-@1x, clickable-and-sortable-@1x, default-@1x, header-@1x
  • components > table > TableRow: all-states-@1x, default-@1x
  • components > tabs > TabProvider: default-@1x
  • components > text-field > RawInputText: default-@1x, with-placeholder-@1x
  • components > text-field > RawInputTextarea: default-@1x, with-minimum-rows-@1x, with-placeholder-@1x
  • components > text-field > TextField: custom-label-and-helper-@1x, default-@1x, disabled-@1x, error-@1x, label-and-helper-@1x, max-length-@1x, number-field-@1x, placeholder-@1x, textarea-field-@1x, valid-@1x, with-after-element-@1x, with-chips-@1x
  • components > text > Text: all-colors-@1x, all-typography-@1x, all-white-space-@1x, base-@1x, long-text-@1x, no-wrap-@1x, truncate-@1x, truncate-multiline-@1x, with-icon-@1x, with-icon-and-explicit-spaces-@1x
  • components > thumbnail > Thumbnail: as-button-@1x, as-link-@1x, fill-height-and-ratio-@1x, focus-point-horizontal-@1x, focus-point-vertical-@1x, is-loading-@1x, object-fit-@1x, simple-@1x, with-svg-images-@1x, without-source-@1x
  • components > time-picker-field > TimePickerField: default-@1x, disabled-@1x, french-@1x, step-15-@1x, with-bounds-mode-@1x, with-max-time-@1x, with-min-time-@1x, with-value-@1x
  • components > toolbar > Toolbar: default-@1x, with-after-@1x, with-all-@1x, with-before-@1x
  • components > tooltip > Tooltip: close-mode-hide-@1x, force-open-@1x, multiline-tooltip-@1x, on-a-button-@1x, on-a-disabled-button-@1x
  • components > uploader > Uploader: ratio-and-size-@1x, variants-@1x, with-label-@1x, with-label-and-icon-@1x
  • components > user-block > UserBlock: as-button-@1x, as-link-@1x, avatar-and-custom-name-@1x, avatar-and-name-@1x, avatar-and-name-and-secondary-fields-@1x, avatar-only-@1x, sizes-and-orientations-@1x, with-additional-fields-@1x, with-after-@1x, with-badge-@1x, with-constrained-size-@1x
  • stories > demos-generated > action-area: demo-1-@1x
  • stories > demos-generated > avatar: actions-@1x, sizes-@1x
  • stories > demos-generated > badge: colors-@1x, icon-@1x, label-@1x, thumbnail-@1x
  • stories > demos-generated > button: full-width-@1x, high-emphasis-@1x, low-emphasis-@1x, medium-emphasis-@1x, small-size-@1x, toggled-button-@1x
  • stories > demos-generated > card: default-@1x, elevation-@1x
  • stories > demos-generated > checkbox: default-@1x
  • stories > demos-generated > chip: chip-group-@1x, choice-@1x, default-@1x, dismissible-@1x, filter-@1x, small-@1x
  • stories > demos-generated > color: background-color-@1x, font-color-@1x
  • stories > demos-generated > dialog: default-@1x, processing-state-@1x, sizes-@1x
  • stories > demos-generated > divider: default-@1x
  • stories > demos-generated > flag: default-@1x
  • stories > demos-generated > generic-block: action-section-horizontal-@1x, action-section-vertical-@1x, alignments-horizontal-@1x, alignments-vertical-@1x, anatomy-@1x, content-section-horizontal-@1x, content-section-vertical-@1x, figure-section-@1x, gap-sizes-@1x
  • stories > demos-generated > grid-column: example-@1x
  • stories > demos-generated > heading: automatic-heading-level-@1x, default-@1x, heading-level-and-typography-@1x
  • stories > demos-generated > icon: colors-@1x, shape-@1x, simple-@1x
  • stories > demos-generated > image-block: custom-padding-@1x, default-@1x, info-above-@1x, info-alignment-@1x
  • stories > demos-generated > inline-list: color-and-typography-@1x, default-@1x, text-wrap-and-overflow-@1x, text-wrap-and-overflow-wrap-@1x
  • stories > demos-generated > input-required-legend: default-@1x, in-form-@1x
  • stories > demos-generated > lightbox: default-@1x
  • stories > demos-generated > link: color-@1x, default-@1x, in-text-@1x, typography-@1x
  • stories > demos-generated > link-preview: big-size-@1x, default-@1x
  • stories > demos-generated > list: clickable-@1x, item-action-@1x, item-layout-@1x, item-padding-@1x, item-sizes-@1x, list-section-@1x
  • stories > demos-generated > menu-button: default-@1x, menu-items-@1x, variants-@1x
  • stories > demos-generated > message: closable-@1x, error-@1x, info-@1x, success-@1x, trimmed-@1x, warning-@1x
  • stories > demos-generated > mosaic: click-on-thumbnail-@1x, four-images-@1x, more-than-four-images-@1x, three-images-@1x, two-images-@1x
  • stories > demos-generated > popover: alignments-@1x, auto-@1x, default-@1x, directed-@1x, matching-width-@1x, offset-@1x
  • stories > demos-generated > progress: circular-@1x, linear-@1x
  • stories > demos-generated > radio-button: default-@1x
  • stories > demos-generated > select-button: custom-trigger-@1x, default-@1x, list-states-@1x, multiple-selection-@1x, with-descriptions-and-sections-@1x
  • stories > demos-generated > select-text-field: custom-render-@1x, empty-@1x, list-error-@1x, loading-@1x, loading-more-@1x, multiple-selection-@1x, single-selection-@1x, with-sections-@1x
  • stories > demos-generated > skeleton: animation-and-style-@1x, circle-@1x, rectangle-@1x, typography-@1x
  • stories > demos-generated > spacing: margin-@1x, padding-@1x
  • stories > demos-generated > switch: default-@1x
  • stories > demos-generated > table: clickable-@1x, default-@1x
  • stories > demos-generated > tabs: default-@1x, icon-@1x, justify-left-@1x, navigation-@1x
  • stories > demos-generated > text: color-and-typography-@1x, default-@1x, text-wrap-and-overflow-@1x
  • stories > demos-generated > text-field: chips-@1x, default-@1x, has-error-@1x, helper-@1x, icon-@1x, is-clearable-@1x, is-disabled-@1x, is-required-@1x, is-valid-@1x, max-length-@1x, number-@1x, placeholder-@1x, textarea-@1x, textarea-invalid-@1x, textarea-valid-@1x
  • stories > demos-generated > thumbnail: error-state-@1x, error-state-fallback-@1x, loading-state-@1x, ratios-@1x, ratios-contain-@1x, sizes-@1x, sizes-ratios-and-variants-combined-@1x, variants-@1x
  • stories > demos-generated > time-picker-field: bounds-@1x, default-@1x, locale-@1x
  • stories > demos-generated > toolbar: contextual-icon-button-@1x, default-@1x, dialog-toolbar-@1x, file-list-widget-@1x, media-picker-toolbar-@1x
  • stories > demos-generated > tooltip: default-@1x, placement-@1x
  • stories > demos-generated > typography: default-@1x
  • stories > demos-generated > uploader: avatar-@1x, default-@1x, thumbnail-@1x
  • stories > demos-generated > user-block: extended-@1x, extra-small-@1x, large-@1x, medium-@1x, small-@1x, vertical-@1x
  • utils > action-area > ActionArea: card-example-@1x, overlay-states-@1x

@lumx/react vs @lumx/vue — 3 difference(s), 491 matched, 123 React-only, 3 Vue-only

Differences

stories > demos-generated > generic-block (3)

alignments-horizontal-@1x (0.90% diff)

React Vue Diff

alignments-vertical-@1x (0.64% diff)

React Vue Diff

gap-sizes-@1x (0.61% diff)

React Vue Diff

Download artifacts

Clone this wiki locally