Skip to content

Box: Colour and Layout are not visible #1695

@Anxhul10

Description

@Anxhul10

Description

In Fuselage, when running Storybook with version ~9.0.9, the Colors and Layout components under the LAYOUT section are not visible. These components display correctly when using Storybook version ~8.6.12.

Steps to Reproduce

  1. Navigate to the packages/fuselage directory.
  2. Run yarn install.
  3. Start Storybook with yarn storybook.
  4. In the Storybook UI, go to the LAYOUT section.
  5. Select the Box component.
  6. Observe the sub-stories:
    a. Click on Colors.
    b. Click on Layout.

Expected Behavior

The Colors and Layout stories should render and display visual content as they did in Storybook v8.

Actual Behavior

In Storybook v9, the Colors and Layout stories are rendered but show no visible content.

note - #### LAYOUT/Box/Layout/opacity and text align are rendered

screen shots

LAYOUT/Box/Colors

Default

Image

Surface Colors

Image

Status Colors

Image

Stroke Colors

Image

Font Colors

Image

LAYOUT/Box/Layout

Default

Image

Borders

Image

Border Radii
Display
Elevation
Heights
Insets
Invisible
Margins
Opacity
Padding
Position
Widths
Sizes
Text Align
Vertical Align
ZIndex
Focusable

Video

fuselage with Storybook v8 (Expected Behavior)

Storybook v8

fuselage with Storybook v9 (Current Behavior)

Storybook v9

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions