StyledWidget and StyledComposite (in ej.library.ui#widget 2.x) have the following class hierarchy.
Renderable
An object implementing the interface Renderable is an object that is intended to be rendered on the screen.
Widget
A Widget is the superclass of all the user interface objects.
Composite
A Composite, A composite is a widget that can contain other Widget instances. Each composite defines the layout of its children.
Element
A Stylesheet associates a style to an Element. An Element also describes a hierarchy of Element.
StyledRenderable
A StyledRenderable represents a renderable with a style.
StyledWidget and StyledComposite
StyledWidget and StyledComposite are Widget and Composite that implement Element. Therefore, they contain a style (retrieved from the stylesheet), and apply boxing (margin, border, background, padding) before rendering their content.