PF4 Possible bug on empty state size class binding

[carlosga]

Looking at the demo page of the Empty State component ( https://www.patternfly.org/v4/documentation/react/components/emptystate/ ) it looks like the css class for the component size is not being generated correctly, on the demo page, the small size one is being generated as 'styles.modifiers.sm' and the large one as 'styles.modifiers.lg', if i'm not wrong they should be generated as 'pf-m-sm' and 'pf-m-lg' ( as in the HTML demo page ).

[boaz0]

@carlosga you're right it is a bug.

[rachael-phillips]

@carlosga is this currently blocking you or do you have a workaround?

[boaz0]

A possible workaround is to pass pf-m-lg or pf-m-sm to the className prop of EmptyState

  <EmptyState className='pf-m-sm'>
    <EmptyStateIcon icon={CubesIcon} />
    <Title headingLevel="h5" size="lg">
      Empty State
    </Title>
    <EmptyStateBody>
      This represents an the empty state pattern in Patternfly 4.
    </EmptyStateBody>
    <Button variant="primary">Primary Action</Button>
    <EmptyStateSecondaryActions>
      <Button variant="link">Multiple</Button>
      <Button variant="link">Action Buttons</Button>
      <Button variant="link">Can</Button>
      <Button variant="link">Go here</Button>
      <Button variant="link">In the secondary</Button>
      <Button variant="link">Action area</Button>
    </EmptyStateSecondaryActions>
  </EmptyState>

//cc @carlosga @rachael-phillips

[carlosga]

@carlosga is this currently blocking you or do you have a workaround?

No, 'it's not blocking.