@vtfk/components - npm Package Compare versions

Comparing version 0.7.1 to 0.7.2

package.json

 {
   "name": "@vtfk/components",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Komponentbibliotek for Vestfold og Telemark fylkeskommune",
@@ -5,0 +5,0 @@ "keywords": [],

src/ui/TextField/index.js

@@ -50,2 +50,3 @@ import React, { useEffect, useMemo, useState } from 'react'
     let classes = 'textfield'
+    if (className) classes += ` ${className}`
     if (type && typeof type === 'string') classes += ` ${type}`
@@ -62,3 +63,3 @@ if (required) classes += ' required-input'
     return classes
-  }, [hasData, focusState, type, required, rounded, error, alwaysPlaceholder])
+  }, [hasData, focusState, type, required, rounded, error, alwaysPlaceholder, className])
 
@@ -65,0 +66,0 @@ // Determine what classes the input should have

src/ui/TextField/TextField.stories.js

@@ -7,2 +7,4 @@ import React, { useState } from 'react'
 
+import './stories.styles.scss'
+
 export default getConfig(
@@ -123,1 +125,10 @@ { title: 'TextField', component: TextField }
 }
+
+export function WithClassName () {
+  return (
+    <div>
+      <TextField placeholder='red' className='red' value='className = red' />
+      <TextField placeholder='green' className='green' value='className = green' />
+    </div>
+  )
+}

No alert changes

Improved metrics

Total package byte prevSize

3053099

increased by0.02%

Number of package files

168

increased by0.6%

Lines of code

8929

increased by0.11%

No dependency changes