forstok-ui-lib 6.19.2 → 6.19.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.19.2",
+  "version": "6.19.4",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/stylesheets/shares.styles.ts

@@ -1997,6 +1997,7 @@ export const MuteLabel = styled.span<{ $size?: 'medium' }>`
   `}
 `
 export const InputGroup = styled.article<{ $mode?: string, $required?: boolean }>`
+  line-height: normal;
   > label, 
   > aside {
     ${formLabel}

package/src/components/upload/drag.drop.tsx

@@ -8,9 +8,10 @@ type TUpload = InputHTMLAttributes<HTMLInputElement> & {
   children?: ReactNode
   evChange?: (arg0: FileList) => void
   evCreateMessage?: TMessageFunction
+  label?: string
 }
 
-const UploadDragDropComponent = ({ children, id, name, evChange, evCreateMessage, ...props }: TUpload) => {
+const UploadDragDropComponent = ({ children, id, name, evChange, evCreateMessage, label, ...props }: TUpload) => {
   const { accept } = props;
 
   const [dragActive, setDragActive] = useState<boolean>(false);
@@ -71,7 +72,7 @@ const UploadDragDropComponent = ({ children, id, name, evChange, evCreateMessage
             ) : 
             (
               <UploadDragDropFileNamePlaceholder>
-                Drag & Drop file here to upload, or <span>browse</span>.
+                {label ?? 'Drag & Drop file here to upload, or '}<span>browse</span>.
               </UploadDragDropFileNamePlaceholder>
             )
           }