@neovici/cosmoz-omnitable 14.8.2 → 14.10.0

package/cosmoz-omnitable-styles.js

@@ -154,6 +154,13 @@ export default css`
 			padding-bottom: 1px;
 			--paper-font-caption_-_line-height: 18px;
 		}
+		--paper-input-container-underline: {
+			border-color: var(--cosmoz-omnitable-header-line-color);
+		}
+		--paper-input-container-underline-focus {
+			border-color: var(--cosmoz-omnitable-header-line-focused-color);
+		}
+
 		--paper-font-subhead_-_font-family: var(
 			--cosmoz-omnitable-header-font-family,
 			'Roboto',
@@ -172,6 +179,8 @@ export default css`
 		--cosmoz-input-padding: var(--cosmoz-omnitable-header-input-padding, 0);
 		--cosmoz-input-label-text-transform: var(--cosmoz-omnitable-header-text-transform, none);
 		--cosmoz-input-label-font-weight: var(--cosmoz-omnitable-header-font-weight, normal);
+		--cosmoz-input-line-color: var(--cosmoz-omnitable-header-line-color);
+		--cosmoz-input-focused-color: var(--cosmoz-omnitable-header-line-focused-color);
 	}
 
 	cosmoz-omnitable-header-row {
@@ -532,7 +541,7 @@ export default css`
 		margin: 4px 8px;
 		padding-top: 2px;
 	}
-	
+
 	:host([mini]) .itemRow:not([selected]) {
 		background: var(--cosmoz-omnitable-mini-item-background, #fdfdfd);
 	}
@@ -548,19 +557,19 @@ export default css`
 	:host([mini]) .tableContent {
 		overflow: hidden;
 	}
-	
+
 	:host([mini]) .tableContent-scroller::-webkit-scrollbar {
 		width: 4px;
 	}
-	
+
 	:host([mini]) .tableContent-scroller::-webkit-scrollbar-track {
 		background: transparent;
 	}
-	
+
 	:host([mini]) .tableContent-scroller::-webkit-scrollbar-thumb {
 	background: transparent;
 	}
-	
+
 	:host([mini]) .tableContent-scroller:hover::-webkit-scrollbar-thumb {
 	background: var(--cosmoz-omnitable-mini-scrollbar-thumb-bg, #aaa);
 	}

package/lib/render-footer.js

@@ -15,6 +15,8 @@ export const renderFooter = ({
 	html`<cosmoz-bottom-bar
 		id="bottomBar"
 		?active=${!isEmpty(selectedItems.length)}
+		part="bottomBar"
+		exportparts="bar: bottomBar-bar, info: bottomBar-info, buttons: bottomBar-buttons"
 	>
 		<slot name="info" slot="info">
 			${ngettext(
@@ -28,7 +30,7 @@ export const renderFooter = ({
         as it might change the slot of the actions to distribute them in the menu -->
 		<slot name="bottom-bar-toolbar" slot="bottom-bar-toolbar"></slot>
 		<slot name="bottom-bar-menu" slot="bottom-bar-menu"></slot>
-		<cosmoz-dropdown-menu slot="extra" .placement=${topPlacement}>
+		<cosmoz-dropdown-menu part="extra" slot="extra" .placement=${topPlacement}>
 			<svg
 				slot="button"
 				width="14"

package/lib/render-header.js

@@ -15,7 +15,7 @@ export const renderHeader = ({
 	hideSelectAll,
 }) =>
 	html`<sort-and-group-provider .value=${sortAndGroup}>
-		<div class="header" id="header">
+		<div class="header" id="header" part="header">
 			${when(
 				!hideSelectAll,
 				() =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-omnitable",
-  "version": "14.8.2",
+  "version": "14.10.0",
   "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
   "keywords": [
     "web-components"