@aquera/nile-elements 0.1.49-beta-1.1 → 0.1.49-beta-1.3

package/package.json

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

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

@@ -120,6 +120,15 @@ export const styles = css`
   box-shadow: var(--ng-shadow-sm);
 }
 
+ 
+.card--disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+
+.card--disabled .card__footer {
+  pointer-events: none;
+}
 
 `;
 

package/src/nile-card/nile-card.ts

@@ -31,6 +31,7 @@ export class NileCard extends NileElements {
   private readonly hasSlotController = new HasSlotController(this, 'footer');
 
   @property({ type: Boolean, reflect: true })active = false;
+  @property({ type: Boolean, reflect: true }) disabled = false;
 
   render() {
     return html`
@@ -40,6 +41,7 @@ export class NileCard extends NileElements {
           card: true,
           'card--has-footer': this.hasSlotController.test('footer'),
           'card--active': this.active,
+          'card--disabled': this.disabled,
         })}
       >
         <div class="body__wrapper" part="body__wrapper"

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

@@ -29,7 +29,7 @@ export const styles = css`
     align-items: center;
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));
-    line-height: var(--nile-line-height-large, var(--ng-line-height-text-md));
+    line-height: var(--nile-line-height-1-8, var(--ng-line-height-text-md));
     letter-spacing: normal;
     color: var(--nile-color-dark-1, var(--ng-colors-text-primary-900));
     padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-md));
@@ -91,11 +91,11 @@ export const styles = css`
   }
 
   .option__prefix::slotted(*) {
-    margin-inline-end: var(--nile-spacing-md, var(--ng-spacing-md));
+    margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
   }
 
   .option__suffix::slotted(*) {
-    margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));
+    margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
   }
 
   :host(:not([aria-selected='true'])) .option .option__suffix{

package/vscode-html-custom-data.json

@@ -644,12 +644,17 @@
     },
     {
       "name": "nile-card",
-      "description": "Nile icon component.\n\nAttributes:\n\n  * `active` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `active` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `active` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "active",
           "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
         }
       ]
     },