@ui5/webcomponents-react/dist/components/FlexBox/FlexBox.module.css.js

React Wrapper for UI5 Web Components and additional components

export const styleData = {
  packageName: '@ui5/webcomponents-react',
  fileName: 'FlexBox.module.css',
  content: "@layer ui5-webcomponents-react{.FlexBox_flexBox_11fgm_1{display:flex}.FlexBox_flexBox_11fgm_1:where(.FlexBox_fitContainer_11fgm_4){height:100%;width:100%}.FlexBox_flexBox_11fgm_1:where(.FlexBox_justifyContentStart_11fgm_11){justify-content:flex-start}.FlexBox_flexBox_11fgm_1:where(.FlexBox_justifyContentEnd_11fgm_15){justify-content:flex-end}.FlexBox_flexBox_11fgm_1:where(.FlexBox_justifyContentCenter_11fgm_19){justify-content:center}.FlexBox_flexBox_11fgm_1:where(.FlexBox_justifyContentSpaceAround_11fgm_23){justify-content:space-around}.FlexBox_flexBox_11fgm_1:where(.FlexBox_justifyContentSpaceBetween_11fgm_27){justify-content:space-between}.FlexBox_flexBox_11fgm_1:where(.FlexBox_alignItemsStart_11fgm_33){align-items:flex-start}.FlexBox_flexBox_11fgm_1:where(.FlexBox_alignItemsEnd_11fgm_37){align-items:flex-end}.FlexBox_flexBox_11fgm_1:where(.FlexBox_alignItemsCenter_11fgm_41){align-items:center}.FlexBox_flexBox_11fgm_1:where(.FlexBox_alignItemsStretch_11fgm_45){align-items:stretch}.FlexBox_flexBox_11fgm_1:where(.FlexBox_alignItemsBaseline_11fgm_49){align-items:baseline}.FlexBox_flexBoxDisplayInline_11fgm_54{display:inline-flex}.FlexBox_flexBoxDirectionColumn_11fgm_58{flex-direction:column}.FlexBox_flexBoxDirectionColumnReverse_11fgm_62{flex-direction:column-reverse}.FlexBox_flexBoxDirectionRow_11fgm_66{flex-direction:row}.FlexBox_flexBoxDirectionRowReverse_11fgm_70{flex-direction:row-reverse}.FlexBox_flexWrapNoWrap_11fgm_74{flex-wrap:nowrap}.FlexBox_flexWrapWrap_11fgm_78{flex-wrap:wrap}.FlexBox_flexWrapWrapReverse_11fgm_82{flex-wrap:wrap-reverse}}"
};
export const classNames = {
  "flexBox": "FlexBox_flexBox_11fgm_1",
  "fitContainer": "FlexBox_fitContainer_11fgm_4",
  "justifyContentStart": "FlexBox_justifyContentStart_11fgm_11",
  "justifyContentEnd": "FlexBox_justifyContentEnd_11fgm_15",
  "justifyContentCenter": "FlexBox_justifyContentCenter_11fgm_19",
  "justifyContentSpaceAround": "FlexBox_justifyContentSpaceAround_11fgm_23",
  "justifyContentSpaceBetween": "FlexBox_justifyContentSpaceBetween_11fgm_27",
  "alignItemsStart": "FlexBox_alignItemsStart_11fgm_33",
  "alignItemsEnd": "FlexBox_alignItemsEnd_11fgm_37",
  "alignItemsCenter": "FlexBox_alignItemsCenter_11fgm_41",
  "alignItemsStretch": "FlexBox_alignItemsStretch_11fgm_45",
  "alignItemsBaseline": "FlexBox_alignItemsBaseline_11fgm_49",
  "flexBoxDisplayInline": "FlexBox_flexBoxDisplayInline_11fgm_54",
  "flexBoxDirectionColumn": "FlexBox_flexBoxDirectionColumn_11fgm_58",
  "flexBoxDirectionColumnReverse": "FlexBox_flexBoxDirectionColumnReverse_11fgm_62",
  "flexBoxDirectionRow": "FlexBox_flexBoxDirectionRow_11fgm_66",
  "flexBoxDirectionRowReverse": "FlexBox_flexBoxDirectionRowReverse_11fgm_70",
  "flexWrapNoWrap": "FlexBox_flexWrapNoWrap_11fgm_74",
  "flexWrapWrap": "FlexBox_flexWrapWrap_11fgm_78",
  "flexWrapWrapReverse": "FlexBox_flexWrapWrapReverse_11fgm_82"
};