igniteui-webcomponents - npm Package Compare versions

Comparing version 1.0.0-beta.3 to 1.0.0-rc.0

components/badge/badge.d.ts

@@ -8,3 +8,2 @@ import { LitElement } from 'lit';
     shape?: 'rounded' | 'square';
-    private get classes();
     protected render(): import("lit").TemplateResult<1>;
@@ -11,0 +10,0 @@ }

components/badge/badge.js

@@ -9,3 +9,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './badge.material.css';
@@ -19,23 +18,5 @@ export default class IgcBadgeComponent extends LitElement {
     }
-    get classes() {
-        const { shape, variant } = this;
-        return {
-            primary: variant === 'primary',
-            info: variant === 'info',
-            success: variant === 'success',
-            warning: variant === 'warning',
-            danger: variant === 'danger',
-            rounded: shape === 'rounded',
-            square: shape === 'square',
-            outlined: this.outlined,
-        };
-    }
     render() {
         return html `
-      <span
-        part="base"
-        class=${classMap(this.classes)}
-        role="img"
-        aria-label="badge"
-      >
+      <span part="base" role="img" aria-label="badge">
         <slot></slot>
@@ -42,0 +23,0 @@ </span>

components/badge/badge.material.css.js

 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:.75rem;min-height:.75rem;max-height:1.5rem;font-size:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family)}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:1.5rem}.rounded{border-radius:.75rem}.square{border-radius:0}.primary{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}.info{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}.success{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}.warning{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}.danger{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}.outlined{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;--size: 0.75rem;font-weight:500}[part=base]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) [part=base]{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]){border-radius:var(--size)}:host([shape=square]){border-radius:0}:host([outlined]){-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
 //# sourceMappingURL=badge.material.css.js.map

components/button/button.d.ts

@@ -6,2 +6,3 @@ import { IgcButtonBaseComponent } from './button-base.js';
     variant: 'flat' | 'contained' | 'outlined' | 'fab';
+    constructor();
     protected get classes(): {
@@ -8,0 +9,0 @@ flat: boolean;

components/button/button.js

@@ -13,4 +13,5 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     constructor() {
-        super(...arguments);
-        this.variant = 'flat';
+        super();
+        this.variant = 'contained';
+        this.size = 'medium';
     }
@@ -17,0 +18,0 @@ get classes() {

components/button/icon-button.js

@@ -17,3 +17,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         this.mirrored = false;
-        this.variant = 'flat';
+        this.variant = 'contained';
     }
@@ -27,2 +27,3 @@ renderContent() {
         .mirrored=${this.mirrored}
+        variant=${this.variant}
         size=${ifDefined(this.size)}
@@ -46,4 +47,4 @@ aria-hidden="true"
 __decorate([
-    property()
+    property({ reflect: true })
 ], IgcIconButtonComponent.prototype, "variant", void 0);
 //# sourceMappingURL=icon-button.js.map

components/card/card.js

@@ -13,3 +13,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         super(...arguments);
-        this.outlined = false;
+        this.outlined = true;
     }
@@ -16,0 +16,0 @@ render() {

components/input/input.d.ts

@@ -47,2 +47,3 @@ import { LitElement } from 'lit';
     autocomplete: string;
+    constructor();
     connectedCallback(): void;
@@ -49,0 +50,0 @@ reportValidity(): boolean;

components/input/input.js

@@ -19,3 +19,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     constructor() {
-        super(...arguments);
+        super();
         this.inputId = `input-${nextId++}`;
@@ -31,2 +31,3 @@ this.labelId = `input-label-${this.inputId}`;
         this.readonly = false;
+        this.size = 'medium';
     }
@@ -33,0 +34,0 @@ connectedCallback() {

components/navbar/navbar.material.css.js

 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:1rem;margin-inline-start:1rem}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-500-contrast)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-500-contrast)}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;
 //# sourceMappingURL=navbar.material.css.js.map

package.json

 {
   "name": "igniteui-webcomponents",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-rc.0",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
@@ -5,0 +5,0 @@ "author": "Infragistics",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

943896

increased by0.21%

Worsened metrics

Lines of code

8187

decreased by-0.44%

No dependency changes