@thecb/components 10.11.2-beta.0 → 10.11.2-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "10.11.2-beta.0",
+  "version": "10.11.2-beta.1",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/form-select/FormSelect.js

@@ -25,7 +25,9 @@ const FormSelect = ({
   smoothScroll = true, // whether the browser should animate scroll to selected item on first open
   dataQa = null,
   widthFitOptions = false,
-  isRequired = false
+  isRequired = false,
+  labelTextVariant = "pS",
+  errorLabelTextVariant = "pXS"
 }) => {
   const [open, setOpen] = useState(false);
   const dropdownRef = useRef(null);
@@ -54,7 +56,7 @@ const FormSelect = ({
         <Cluster justify="space-between" align="center">
           <Text
             as="label"
-            variant="pS"
+            variant={labelTextVariant}
             color={themeValues.labelColor}
             weight={themeValues.fontWeight}
             extraStyles={`word-break: break-word;
@@ -101,7 +103,7 @@ const FormSelect = ({
         {(field.hasErrors && field.dirty) || (field.hasErrors && showErrors) ? (
           <Text
             color={ERROR_COLOR}
-            variant="pXS"
+            variant={errorLabelTextVariant}
             weight={themeValues.fontWeight}
             extraStyles={`
             word-break: break-word;

package/src/components/atoms/form-select/index.d.ts

@@ -24,6 +24,9 @@ export interface FormSelectProps {
   smoothScroll?: boolean;
   dataQa?: string | null;
   widthFitOptions?: boolean;
+  isRequired?: boolean;
+  labelTextVariant?: string;
+  errorLabelTextVariant?: string;
 }
 
 export const FormSelect: React.FC<Expand<FormSelectProps> &