monorepo f-field global styles added

ollionorg · Oct 8, 2023 · 1a81a22 · 1a81a22
1 parent 2fcc586
commit 1a81a22
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/packages/flow-core/src/components/f-field/f-field-global.scss b/packages/flow-core/src/components/f-field/f-field-global.scss
@@ -0,0 +1,12 @@
+@import "./../../mixins/scss/mixins";
+
+f-field {
+	width: 100%;
+	&[variant="inline"] {
+		flex: 0 0 auto;
+		width: fit-content;
+	}
+	&[disabled] {
+		@include disabled();
+	}
+}
diff --git a/packages/flow-core/src/components/f-field/f-field.scss b/packages/flow-core/src/components/f-field/f-field.scss
@@ -68,15 +68,3 @@ $sizes: (
 		}
 	}
 }
-
-f-field {
-	width: 100%;
-	&[variant="inline"] {
-		flex: 0 0 auto;
-		width: fit-content;
-	}
-	&[disabled] {
-		@include disabled();
-	}
-	// flex: 1 0 auto;
-}
diff --git a/packages/flow-core/src/components/f-field/f-field.ts b/packages/flow-core/src/components/f-field/f-field.ts
@@ -4,7 +4,10 @@ import { FRoot } from "../../mixins/components/f-root/f-root";
 import { FDiv } from "../f-div/f-div";
 import { FText } from "../f-text/f-text";
 import eleStyle from "./f-field.scss?inline";
+import globalStyle from "./f-field-global.scss?inline";
 import { flowElement } from "./../../utils";
+import { injectCss } from "@cldcvr/flow-core-config";
+injectCss("f-field", globalStyle);
 
 export type FFieldStateProp = "default" | "primary" | "success" | "danger" | "warning";
 /**
@@ -15,7 +18,7 @@ export class FField extends FRoot {
 	/**
 	 * css loaded from scss file
 	 */
-	static styles = [unsafeCSS(eleStyle), ...FDiv.styles, ...FText.styles];
+	static styles = [unsafeCSS(eleStyle), unsafeCSS(globalStyle), ...FDiv.styles, ...FText.styles];
 
 	/**
 	 * @attribute States on f-field are used to communicate purpose and it’s connotation.