feat: remove default variant from FlexContainer

Author: logonoff

workspaces/react/src/components/Container.tsx

@@ -57,7 +57,7 @@ export interface BaseFlexContainerProps {
 export const FlexContainer: PolymorphicComponent<
   "div",
   BaseFlexContainerProps
-> = ({ Component = "div", variant = "space-between", ...props }) => (
+> = ({ Component = "div", variant, ...props }) => (
   <Component
     {...props}
     className={css(

workspaces/website/src/app/docs/layout.tsx

@@ -19,6 +19,7 @@ export default function DocsPage({
       <FlexContainer variant="center">
         <FlexItem flex="custom" flexAmount="10%">
           <FlexContainer
+            variant="space-between"
             style={{
               flexDirection: "column",
               gap: "var(--shale-v1-font--2)",

workspaces/website/src/components/ComponentDoc/ComponentDoc.tsx

@@ -70,6 +70,7 @@ export const ComponentDoc: React.FC<ComponentDocProps> = ({ component }) => {
         <FlexItem Component="section">
           <H3>Examples</H3>
           <FlexContainer
+            variant="space-between"
             style={{
               display: "flex",
               flexDirection: "column",
@@ -146,6 +147,7 @@ export interface ComponentDocsProps {
 export const ComponentDocs: React.FC<ComponentDocsProps> = ({ pathname }) => {
   return (
     <FlexContainer
+      variant="space-between"
       style={{
         display: "flex",
         flexDirection: "column",