From 29088dc91e330612583d958a1a0b122d5a7ed19d Mon Sep 17 00:00:00 2001 From: Diyan Dimitrov Date: Mon, 8 Nov 2021 15:45:20 +0200 Subject: [PATCH 1/6] fix(icon): fix icon auto import --- scripts/_package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/_package.json b/scripts/_package.json index c3a437d62..d10f79c13 100644 --- a/scripts/_package.json +++ b/scripts/_package.json @@ -13,7 +13,7 @@ "./components/calendar/days-view/days-view.js", "./components/calendar/months-view/months-view.js", "./components/calendar/years-view/years-view.js", - "./components/calendar/icon/icon.js", + "./components/icon/icon.js", "*.css" ], "repository": { From afdc50c44418ccd086d68762271c15ea098c99c5 Mon Sep 17 00:00:00 2001 From: Damyan Petev Date: Tue, 9 Nov 2021 14:17:58 +0200 Subject: [PATCH 2/6] fix(themes,button): flat button background in material --- src/components/button/button.material.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/button/button.material.scss b/src/components/button/button.material.scss index deecdfb7b..91c8f5bc0 100644 --- a/src/components/button/button.material.scss +++ b/src/components/button/button.material.scss @@ -68,8 +68,12 @@ span[part='suffix'] { } .flat { - background: transparent; color: color(secondary, 500); + background: transparent; + + &.disabled { + background: transparent; + } &::before { opacity: 0; From dda409733d00cd30190da2bf4c776a9c2bb5691c Mon Sep 17 00:00:00 2001 From: Diyan Dimitrov <43128948+DiyanDimitrov@users.noreply.github.com> Date: Wed, 10 Nov 2021 11:48:11 +0200 Subject: [PATCH 3/6] chore(*): update readme file (#129) --- README.md | 32 ++++++++++++++++++++++++++++++-- 1 file changed, 30 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 50d4ee6a1..800d9be5e 100644 --- a/README.md +++ b/README.md @@ -8,12 +8,40 @@ ## Usage -TODO: +In order to use the Ignite UI Web Components in your application you should install the `igniteui-webcomponents` package: +``` +npm install igniteui-webcomponents +``` + +Next you will need to import the components that you want to use. You could import one or more components using the `defineComponents` function like this: + +```ts +import { defineComponents, IgcAvatarComponent, IgcBadgeComponent } from 'igniteui-webcomponents'; + +defineComponents(IgcAvatarComponent, IgcBadgeComponent); +``` + +You could also import all of the components using the `defineAllComponents` function: + +```ts +import { defineAllComponents } from 'igniteui-webcomponents'; + +defineAllComponents(); +``` + +Please note that importing all of the components will increase the bundle size of your application. That's why we recommend you to import only the components that you are actually using. + +After the components are imported you could use them in your html: + +```html + + +``` ## Setup -From the root folder run: +In order to run the repository locally from the root folder run: ``` npm install From a85979cf93c777f44d24c801005f031858d7b8ea Mon Sep 17 00:00:00 2001 From: Diyan Dimitrov <43128948+DiyanDimitrov@users.noreply.github.com> Date: Thu, 11 Nov 2021 10:45:57 +0200 Subject: [PATCH 4/6] fix(package): fix sideEffects paths (#132) --- scripts/_package.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/scripts/_package.json b/scripts/_package.json index d10f79c13..9aec21281 100644 --- a/scripts/_package.json +++ b/scripts/_package.json @@ -10,10 +10,10 @@ "module": "index.js", "types": "index.d.ts", "sideEffects": [ - "./components/calendar/days-view/days-view.js", - "./components/calendar/months-view/months-view.js", - "./components/calendar/years-view/years-view.js", - "./components/icon/icon.js", + "components/calendar/days-view/days-view.js", + "components/calendar/months-view/months-view.js", + "components/calendar/years-view/years-view.js", + "components/icon/icon.js", "*.css" ], "repository": { From 63dd92dad65a9f598358de520bea24b61cf0591d Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Thu, 11 Nov 2021 18:28:27 +0200 Subject: [PATCH 5/6] docs(*): adding npm package version badge --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 800d9be5e..36999041a 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,7 @@ [![Node.js CI](https://github.com/IgniteUI/igniteui-webcomponents/workflows/Node.js%20CI/badge.svg)](https://github.com/IgniteUI/igniteui-webcomponents/actions/workflows/node.js.yml) [![Coverage Status](https://coveralls.io/repos/github/IgniteUI/igniteui-webcomponents/badge.svg)](https://coveralls.io/github/IgniteUI/igniteui-webcomponents) +[![npm version](https://badge.fury.io/js/igniteui-webcomponents.svg)](https://badge.fury.io/js/igniteui-webcomponents) [![Discord](https://img.shields.io/discord/836634487483269200?logo=discord&logoColor=ffffff)](https://discord.gg/39MjrTRqds) [Ignite UI for Web Components](https://www.infragistics.com/products/ignite-ui-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. From 350a72e06de04fee6b4e067681af7c16637c2a68 Mon Sep 17 00:00:00 2001 From: Ivaylo Barakov Date: Mon, 15 Nov 2021 09:42:55 +0200 Subject: [PATCH 6/6] chore(*): fix eslint warning (#137) --- src/components/nav-drawer/nav-drawer-item.ts | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/src/components/nav-drawer/nav-drawer-item.ts b/src/components/nav-drawer/nav-drawer-item.ts index 0764c2cc7..e66b1c24a 100644 --- a/src/components/nav-drawer/nav-drawer-item.ts +++ b/src/components/nav-drawer/nav-drawer-item.ts @@ -1,6 +1,5 @@ import { html, LitElement } from 'lit'; import { property, queryAssignedNodes, state } from 'lit/decorators.js'; -import { live } from 'lit/directives/live.js'; import { partNameMap } from '../common/util'; import { styles } from './nav-drawer-item.material.css'; @@ -53,11 +52,7 @@ export default class IgcNavDrawerItemComponent extends LitElement { protected render() { return html` -
+