@aquera/nile-elements 1.0.1-beta-1.7 → 1.0.1-beta-1.9

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "1.0.1-beta-1.7",
+  "version": "1.0.1-beta-1.9",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-empty-state/nile-empty-state.ts

@@ -67,10 +67,10 @@ export class NileEmptyState extends NileElement {
               ${!this.icon && !this.svgIconUrl ? nothing : html`
                 <div part="icon-wrapper" class="empty-state__img__icon">
                   ${this.svgIconUrl ? html`
-                    <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
+                    <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}"  color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
                     <!-- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${this.svgIconColor ? this.svgIconColor : '#ddd'}"></nile-icon> -->
                   ` : html`
-                    <nile-icon name="${this.icon}"  method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" color="white" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}"></nile-icon>
+                    <nile-icon name="${this.icon}" color="white" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}"></nile-icon>
                   `}
                 </div>`
               }

package/src/nile-input/nile-input.css.ts

@@ -541,7 +541,8 @@ export const styles = css`
   }
 
   .input__password {
-    letter-spacing: 2px;
+    font-family: var(--nile-font-family-disc, var(--ng-font-family-body));
+    letter-spacing: var(--nile-spacing-xxs, var(--ng-spacing-none));
   }
 
   .input__non-printable {

package/src/nile-tab-group/nile-tab-group.ts

@@ -61,7 +61,7 @@ export class NileTabGroup extends NileElement {
   @query('.tab-group__nav') nav: HTMLElement;
   @query('.tab-group__indicator') indicator: HTMLElement;
 
-  @state() hasScrollControls = true;
+  @property({ type: Boolean, reflect: true, attribute: true }) hasScrollControls = false;
 
   /** The placement of the tabs. */
   @property() placement: 'top' | 'bottom' | 'start' | 'end' = 'top';

package/vscode-html-custom-data.json

@@ -3647,8 +3647,13 @@
     },
     {
       "name": "nile-tab-group",
-      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-tab-show` - Emitted when a tab is shown.\n\n  * `nile-tab-hide` - Emitted when a tab is hidden.\n\nSlots:\n\n  * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n\n  * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n\nAttributes:\n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `value` {`string`} - The placement of the tabs.\n\n  * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n  * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n  * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\nProperties:\n\n  * `styles` - \n\n  * `activeTab` - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `resizeObserver` - \n\n  * `tabs` {`NileTab[]`} - \n\n  * `panels` {`NileTabPanel[]`} - \n\n  * `tabGroup` {`HTMLElement`} - \n\n  * `body` {`HTMLSlotElement`} - \n\n  * `nav` {`HTMLElement`} - \n\n  * `indicator` {`HTMLElement`} - \n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `activeTabProp` {`string`} - The placement of the tabs.\n\n  * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n  * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n  * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\n  * `activeTabName` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-tab-show` - Emitted when a tab is shown.\n\n  * `nile-tab-hide` - Emitted when a tab is hidden.\n\nSlots:\n\n  * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n\n  * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n\nAttributes:\n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `value` {`string`} - The placement of the tabs.\n\n  * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n  * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n  * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\nProperties:\n\n  * `styles` - \n\n  * `activeTab` - \n\n  * `mutationObserver` {`MutationObserver`} - \n\n  * `resizeObserver` - \n\n  * `tabs` {`NileTab[]`} - \n\n  * `panels` {`NileTabPanel[]`} - \n\n  * `tabGroup` {`HTMLElement`} - \n\n  * `body` {`HTMLSlotElement`} - \n\n  * `nav` {`HTMLElement`} - \n\n  * `indicator` {`HTMLElement`} - \n\n  * `hasScrollControls` {`boolean`} - \n\n  * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n  * `activeTabProp` {`string`} - The placement of the tabs.\n\n  * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n  * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n  * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n  * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\n  * `activeTabName` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
+        {
+          "name": "hasScrollControls",
+          "description": "`hasScrollControls` {`boolean`} - \n\nProperty: hasScrollControls\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "placement",
           "description": "`placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\nProperty: placement\n\nDefault: top",