@neovici/cosmoz-input 5.7.0 → 6.0.0-beta.2

package/dist/cosmoz-input.js

@@ -12,6 +12,7 @@ const observedAttributes = [
     'type',
     'variant',
     'hint',
+    'error-message',
     'compact',
     'required',
     'pattern',

package/dist/cosmoz-textarea.js

@@ -7,7 +7,15 @@ import { attributes, render } from './render';
 import { styles } from './styles';
 import { useAutoHeight } from './use-auto-height';
 import { useInput } from './use-input';
-const observedAttributes = ['rows', 'placeholder', ...attributes];
+const observedAttributes = [
+    'rows',
+    'placeholder',
+    'label',
+    'hint',
+    'error-message',
+    'required',
+    ...attributes,
+];
 export const Textarea = (host) => {
     const { autocomplete, value, placeholder, readonly, disabled, rows, cols, maxlength, } = host, { onChange, onFocus, onInput, onRef } = useInput(host);
     useAutoHeight(host);

package/dist/cosmoz-toggle.js

@@ -88,5 +88,5 @@ const style = css `
 `;
 customElements.define('cosmoz-toggle', component(CosmozToggle, {
     styleSheets: [style, toggleStyles],
-    observedAttributes: ['disabled'],
+    observedAttributes: ['label', 'disabled', 'error'],
 }));

package/dist/render.js

@@ -15,9 +15,9 @@ export const render = (control, { hint, label, invalid, errorMessage, compact, r
 				${control}
 			</div>
 			<!-- compact: tooltip always visible, red icon when invalid -->
-			${when(invalid, () => html `<cosmoz-tooltip
+			${when(compact && invalid && errorMessage, () => html `<cosmoz-tooltip
 						placement="top"
-						description=${invalid ? errorMessage : label}
+						description=${errorMessage}
 						delay="300"
 					>
 						${infoCircleIcon({ width: '16px', height: '16px' })}

package/dist/styles.js

@@ -48,7 +48,7 @@ export const styles = css `
 	}
 
 	.wrap:has(#input:focus) {
-		box-shadow: 0 0 0 2px var(--cz-color-border-brand);
+		box-shadow: var(--cz-focus-ring);
 	}
 
 	:host([invalid]) .wrap {
@@ -56,7 +56,7 @@ export const styles = css `
 	}
 
 	:host([invalid]) .wrap:has(#input:focus) {
-		box-shadow: 0 0 0 2px var(--cz-color-border-error);
+		box-shadow: var(--cz-focus-ring-error);
 	}
 
 	.control {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-input",
-	"version": "5.7.0",
+	"version": "6.0.0-beta.2",
 	"description": "A input web component",
 	"keywords": [
 		"lit-html",
@@ -43,10 +43,6 @@
 			"@semantic-release/npm",
 			"@semantic-release/git"
 		],
-		"branches": [
-			"master",
-			"next"
-		],
 		"preset": "conventionalcommits"
 	},
 	"publishConfig": {