matcha-components 1.0.6 → 1.0.8

package/src/public-api.ts

@@ -22,8 +22,8 @@
 // MODULES
 // -----------------------------------------------------------
 //
-export * from './lib/matcha-card/matcha-card.module';
-export * from './lib/matcha-title/matcha-title.module';
+export * from './lib/matcha-card/card.module';
+export * from './lib/matcha-headers/headers.module';
 // ALL COMPONENTS MODULE
 export * from './lib/matcha-components.module';
 
@@ -31,18 +31,15 @@ export * from './lib/matcha-autocomplete/autocomplete.module';
 export * from './lib/matcha-autocomplete/autocomplete.directive';
 export * from './lib/matcha-autocomplete/autocomplete-overview.directive';
 export * from './lib/matcha-badge/badge.module';
-export * from './lib/matcha-badge/matcha-badge.directive';
+export * from './lib/matcha-badge/badge.directive';
 export * from './lib/matcha-tabs/tabs.module';
-export * from './lib/matcha-tabs/matcha-tabs.directive';
+export * from './lib/matcha-tabs/tabs.directive';
 export * from './lib/matcha-bottom-sheet/bottom-sheet.module';
-export * from './lib/matcha-bottom-sheet/matcha-bottom-sheet.directive';
+export * from './lib/matcha-bottom-sheet/bottom-sheet.directive';
 export * from './lib/matcha-button-toggle/button-toggle.module';
 export * from './lib/matcha-button-toggle/matcha-button-toggle.directive';
-export * from './lib/matcha-buttons/buttons.module';
-export * from './lib/matcha-buttons/matcha-btn-md.directive';
-export * from './lib/matcha-buttons/matcha-btn-size.directive';
-export * from './lib/matcha-buttons/matcha-btn-xl.directive';
-export * from './lib/matcha-buttons/matcha-btn-pill.directive';
+export * from './lib/matcha-button/button.module';
+export * from './lib/matcha-button/button.directive';
 export * from './lib/matcha-checkbox/checkbox.module';
 export * from './lib/matcha-checkbox/checkbox.directive';
 export * from './lib/matcha-chips/chips.module';
@@ -52,21 +49,23 @@ export * from './lib/matcha-datepicker/datepicker.directive';
 export * from './lib/matcha-dialog/dialog.module';
 export * from './lib/matcha-dialog/matcha-dialog.directive';
 export * from './lib/matcha-divider/divider.module';
-export * from './lib/matcha-divider/matcha-divider.directive';
-export * from './lib/matcha-expansion-panel/expansion-panel.module';
-export * from './lib/matcha-expansion-panel/matcha-expansion-panel.directive';
+export * from './lib/matcha-divider/divider.directive';
+export * from './lib/matcha-elevation/elevation.module';
+export * from './lib/matcha-elevation/elevation.directive';
+export * from './lib/matcha-expansion/expansion.module';
+export * from './lib/matcha-expansion/expansion.directive';
 export * from './lib/matcha-forms/forms.module';
-export * from './lib/matcha-forms/matcha-form-input-text.directive';
-export * from './lib/matcha-forms/matcha-form-field-appearance.directive';
+export * from './lib/matcha-forms/form-field.directive';
 export * from './lib/matcha-icon/icon.module';
-export * from './lib/matcha-icon/matcha-icon-position-pre.directive';
-export * from './lib/matcha-icon/matcha-icon-position-pos.directive';
+export * from './lib/matcha-input/input.directive';
 export * from './lib/matcha-list/list.module';
-export * from './lib/matcha-list/matcha-list.directive';
+export * from './lib/matcha-list/list.directive';
 export * from './lib/matcha-menu/menu.module';
-export * from './lib/matcha-menu/matcha-menu.directive';
+export * from './lib/matcha-menu/menu.directive';
+export * from './lib/matcha-sidenav/sidenav.module';
+export * from './lib/matcha-sidenav/sidenav.directive';
 export * from './lib/matcha-paginator/paginator.module';
-export * from './lib/matcha-paginator/matcha-paginator.directive';
+export * from './lib/matcha-paginator/paginator.directive';
 export * from './lib/matcha-progress-bar/progress-bar.module';
 export * from './lib/matcha-progress-bar/progress-bar.directive';
 export * from './lib/matcha-progress-spinner/progress-spinner.module';
@@ -74,20 +73,20 @@ export * from './lib/matcha-progress-spinner/progress-spinner.directive';
 export * from './lib/matcha-radio-button/radio-button.module';
 export * from './lib/matcha-radio-button/matcha-radio-button.directive';
 export * from './lib/matcha-select/select.module';
-export * from './lib/matcha-select/matcha-select.directive';
+export * from './lib/matcha-select/select.directive';
 export * from './lib/matcha-slide-toggle/slide-toggle.module';
 export * from './lib/matcha-slide-toggle/slide-toggle.directive';
 export * from './lib/matcha-slider/slider.module';
 export * from './lib/matcha-slider/matcha-slider.directive';
-export * from './lib/matcha-snackbar/snackbar.module';
-export * from './lib/matcha-snackbar/matcha-snackbar.directive';
+export * from './lib/matcha-snackbar/snack-bar.module';
+export * from './lib/matcha-snackbar/snack-bar.directive';
 export * from './lib/matcha-sort-header/sort-header.module';
-export * from './lib/matcha-sort-header/matcha-sort-header.directive';
+export * from './lib/matcha-sort-header/sort-header.directive';
 export * from './lib/matcha-stepper/stepper.module';
-export * from './lib/matcha-stepper/matcha-stepper.directive';
+export * from './lib/matcha-stepper/stepper.directive';
 export * from './lib/matcha-table/table.module';
-export * from './lib/matcha-table/matcha-table.directive';
+export * from './lib/matcha-table/table.directive';
 export * from './lib/matcha-tooltip/tooltip.module';
-export * from './lib/matcha-tooltip/matcha-tooltip.directive';
+export * from './lib/matcha-tooltip/tooltip.directive';
 export * from './lib/matcha-tree/tree.module';
-export * from './lib/matcha-tree/matcha-tree.directive';
+export * from './lib/matcha-tree/tree.directive';

package/src/lib/matcha-badge/matcha-badge.directive.ts

@@ -1,16 +0,0 @@
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-
-@Directive({
-    selector: '[matcha-badge]'
-})
-export class MatchaBadgeDirective {
-
-    constructor(
-        private _elementRef: ElementRef,
-        private _renderer: Renderer2
-    ) {
-        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-        this._renderer.addClass(this._elementRef.nativeElement,'matcha-badge')
-    }
-
-}

package/src/lib/matcha-buttons/buttons.module.ts

@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core';
-
-import { MatchaBtnMdDirective } from './matcha-btn-md.directive';
-import { MatchaBtnSizeDirective } from './matcha-btn-size.directive';
-import { MatchaBtnXlDirective } from './matcha-btn-xl.directive';
-import { MatchaBtnPillDirective } from './matcha-btn-pill.directive';
-
-
-@NgModule({
-    declarations: [
-        MatchaBtnMdDirective,
-        MatchaBtnSizeDirective,
-        MatchaBtnXlDirective,
-        MatchaBtnPillDirective,
-    ],
-    imports: [
-    ],
-    exports:[
-        MatchaBtnMdDirective,
-        MatchaBtnSizeDirective,
-        MatchaBtnXlDirective,
-        MatchaBtnPillDirective
-
-    ]
-
-})
-export class MatchaButtonsModule { }

package/src/lib/matcha-buttons/matcha-btn-md.directive.ts

@@ -1,16 +0,0 @@
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-
-@Directive({
-    selector: '[matcha-btn-md]'
-})
-export class MatchaBtnMdDirective {
-
-    constructor(
-        private _elementRef: ElementRef,
-        private _renderer: Renderer2
-    ) {
-        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-        this._renderer.addClass(this._elementRef.nativeElement,'matcha-button-md')
-    }
-
-}

package/src/lib/matcha-buttons/matcha-btn-pill.directive.ts

@@ -1,15 +0,0 @@
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-
-@Directive({
-  selector: '[matcha-btn-pill]'
-})
-export class MatchaBtnPillDirective {
-
-  constructor(
-    private _elementRef: ElementRef,
-    private _renderer: Renderer2
-  ) {
-    this._renderer.addClass(this._elementRef.nativeElement, 'matcha-button-pill')
-  }
-
-}

package/src/lib/matcha-buttons/matcha-btn-size.directive.ts

@@ -1,17 +0,0 @@
-import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
-
-@Directive({
-    selector: '[size]'
-})
-export class MatchaBtnSizeDirective {
-    @Input('size') size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | null = null;
-
-    constructor(
-        private _elementRef: ElementRef,
-        private _renderer: Renderer2
-    ) {
-        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-
-        this.size == null ? null : this._renderer.addClass(this._elementRef.nativeElement,`matcha-button-${this.size}`);
-    }
-}

package/src/lib/matcha-buttons/matcha-btn-xl.directive.ts

@@ -1,15 +0,0 @@
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-
-@Directive({
-  selector: '[matcha-btn-xl]'
-})
-export class MatchaBtnXlDirective {
-
-  constructor(
-    private _elementRef: ElementRef,
-    private _renderer: Renderer2
-  ) {
-    //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-    this._renderer.addClass(this._elementRef.nativeElement, 'matcha-button-xl')
-  }
-}

package/src/lib/matcha-card/card.mdx.txt

@@ -1,55 +0,0 @@
-import { Story } from '@storybook/blocks';
-import * as ComponentStories from './matcha-card.stories';
-
-
-# Progress bar
-
-> *matcha-card*  the purpose of the matcha-card is to visually separate content, and it may also receive some options to improve understanding of the content presented.
-
-<br/>
-
-## Installation
-
-`import { MatchaCardModule } from './matcha-card/matcha-card.module';`
-
-<br/>
-
-## Example
-
-<br/>
-
-<Story of={ComponentStories.WithBasicUsage} />
-
-
-
-
-import { Story } from '@storybook/blocks';
-import * as ComponentStories from './matcha-card.stories';
-
-
-# Progress bar
-
-> *matcha-card*  the purpose of the matcha-card is to visually separate content, and it may also receive some options to improve understanding of the content presented.
-
-<br/>
-
-## Installation
-
-`import { MatchaCardModule } from './matcha-card/matcha-card.module';`
-
-<br/>
-
-## Example
-
-<br/>
-
-<Story name="matcha-card - Flat" of={ComponentStories.WithBasicUsage} />
-
-
-<br/>
-
-## Code
-```html
-    <matcha-card elevation="0" background="surface">Meu card</matcha-card>
-```
-

package/src/lib/matcha-card/matcha-card-argtype.ts

@@ -1,123 +0,0 @@
-export const matchaCardArgtypes = {
-    elevation: {
-        description: 'Elevation level of the card',
-        control: 'select',
-        defaultValue: '1',
-        table: {
-            defaultValue: { summary: '1' },
-        },
-        options: [
-            '0' ,
-            '1' ,
-            '2' ,
-            '3' ,
-            '4' ,
-            '5' ,
-            '6' ,
-            '7' ,
-            '8' ,
-            '9' ,
-            '10' ,
-            '11' ,
-            '12' ,
-            '13' ,
-            '14' ,
-            '15' ,
-            '16' ,
-            '17' ,
-            '18' ,
-            '19' ,
-            '20' ,
-            '21' ,
-            '22' ,
-            '23' ,
-            '24'
-        ]
-    },
-    blockquote: {
-        description: 'Position of the blockquote bar',
-        control: 'select',
-        defaultValue: '',
-        table: {
-            defaultValue: { summary: '' },
-        },
-        options: [
-            'left',
-            'right',
-            'none'
-        ]
-    },
-    blockquoteColor: {
-        description: 'Theme color palette for the blockquote bar',
-        control: 'select',
-        defaultValue: 'primary',
-        table: {
-            defaultValue: { summary: 'primary' },
-        },
-        options: [
-            'accent',
-            'primary',
-            'warn',
-            'background',
-            'foreground',
-            'red',
-            'pink',
-            'purple',
-            'deep-purple',
-            'indigo',
-            'blue',
-            'light-blue',
-            'cyan',
-            'teal',
-            'green',
-            'light-green',
-            'lime',
-            'yellow',
-            'amber',
-            'orange',
-            'deep-orange'
-        ]
-    },
-    backgroundColor: {
-        description: 'Theme color palette for the card background',
-        control: 'select',
-        defaultValue: 'surface',
-        table: {
-            defaultValue: { summary: 'surface' },
-        },
-        options: [
-            'surface',
-            'surface',
-            'bg',
-            'background',
-            'foreground',
-            'red',
-            'pink',
-            'purple',
-            'deep-purple',
-            'indigo',
-            'blue',
-            'light-blue',
-            'cyan',
-            'teal',
-            'green',
-            'light-green',
-            'lime',
-            'yellow',
-            'amber',
-            'orange',
-            'deep-orange'
-        ]
-    },
-    alpha: {
-        description: 'Opacity of the backgroundColor',
-        control: 'boolean',
-        defaultValue: true,
-        table: {
-            defaultValue: { summary: true },
-        },
-    },
-    label: {
-        control: 'text'
-    },
-  }

package/src/lib/matcha-card/matcha-card-content/matcha-card-content.component.html

@@ -1,3 +0,0 @@
-<div class="matcha-card-content">
-    <ng-content></ng-content>
-</div>

package/src/lib/matcha-card/matcha-card-content/matcha-card-content.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MatchaCardContentComponent } from './matcha-card-content.component';
-
-describe('MatchaCardContentComponent', () => {
-  let component: MatchaCardContentComponent;
-  let fixture: ComponentFixture<MatchaCardContentComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [MatchaCardContentComponent]
-    });
-    fixture = TestBed.createComponent(MatchaCardContentComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/matcha-card/matcha-card-content/matcha-card-content.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'matcha-card-content',
-  templateUrl: './matcha-card-content.component.html',
-  styleUrls: ['./matcha-card-content.component.scss']
-})
-export class MatchaCardContentComponent {
-
-}

package/src/lib/matcha-card/matcha-card-footer/matcha-card-footer.component.html

@@ -1,3 +0,0 @@
-<div class="matcha-card-footer">
-    <ng-content></ng-content>
-</div>

package/src/lib/matcha-card/matcha-card-footer/matcha-card-footer.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MatchaCardFooterComponent } from './matcha-card-footer.component';
-
-describe('MatchaCardFooterComponent', () => {
-  let component: MatchaCardFooterComponent;
-  let fixture: ComponentFixture<MatchaCardFooterComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [MatchaCardFooterComponent]
-    });
-    fixture = TestBed.createComponent(MatchaCardFooterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/matcha-card/matcha-card-footer/matcha-card-footer.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'matcha-card-footer',
-  templateUrl: './matcha-card-footer.component.html',
-  styleUrls: ['./matcha-card-footer.component.scss']
-})
-export class MatchaCardFooterComponent {
-
-}

package/src/lib/matcha-card/matcha-card-header/matcha-card-header.component.html

@@ -1,4 +0,0 @@
-<div class="matcha-card-header d-flex-space-between pb-8">
-    <ng-content></ng-content>
-</div>
-

package/src/lib/matcha-card/matcha-card-header/matcha-card-header.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MatchaCardHeaderComponent } from './matcha-card-header.component';
-
-describe('MatchaCardHeaderComponent', () => {
-  let component: MatchaCardHeaderComponent;
-  let fixture: ComponentFixture<MatchaCardHeaderComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [MatchaCardHeaderComponent]
-    });
-    fixture = TestBed.createComponent(MatchaCardHeaderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/matcha-card/matcha-card-header/matcha-card-header.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'matcha-card-header',
-  templateUrl: './matcha-card-header.component.html',
-  styleUrls: ['./matcha-card-header.component.scss']
-})
-export class MatchaCardHeaderComponent {
-
-}

package/src/lib/matcha-card/matcha-card.component.scss

@@ -1,117 +0,0 @@
-    // -----------------------------------------------------------------------------------------------------
-    // @ Cards
-    // -----------------------------------------------------------------------------------------------------
-    .matcha-card,
-    .matcha-card-raised,
-    .matcha-card-flat {
-        padding: 16px;
-        border-radius: 8px;
-
-        &-border,
-        &.matcha-card-border,
-        &-border-left,
-        &.matcha-card-border-left {
-            border-left: 8px solid;
-        }
-
-        &-border-right,
-        &.matcha-card-border-right {
-            border-right: 8px solid;
-        }
-
-        &.disabled {
-            transition: opacity 100ms linear;
-            opacity: 0.5;
-            pointer-events: none;
-        }
-
-        &.enabled {
-            transition: opacity 100ms linear;
-            opacity: 1;
-        }
-
-        &.variable-width {
-            min-width: 0;
-        }
-
-        &.auto-width {
-            min-width: 0;
-            max-width: none;
-        }
-
-        &.fixed-width {
-            min-width: 264px;
-            max-width: 264px;
-            width: 264px;
-        }
-
-        // Buttons
-        .mat-button {
-            min-width: 0 !important;
-            padding: 0 8px !important;
-        }
-
-        // Button Toggle Group
-        .mat-button-toggle-group,
-        .mat-button-toggle-standalone {
-            box-shadow: none !important;
-        }
-
-        .mat-tab-label {
-            min-width: 0 !important;
-        }
-
-        // Divider
-        .card-divider {
-            margin: 16px;
-
-            &.full-width {
-                margin: 0;
-            }
-        }
-
-        // Expand Area
-        .card-expand-area {
-            overflow: hidden;
-
-            .card-expanded-content {
-                padding: 8px 16px 16px 16px;
-                line-height: 1.75;
-            }
-        }
-
-        .title {
-            line-height: 24px;
-            margin: 0 0 16px 0;
-            display: flex;
-            align-items: center;
-
-            .title-bullet {
-                height: 100%;
-                width: 8px;
-                margin: 0px 8px 0 0;
-                display: inline-block;
-                position: relative;
-                border-radius: 10px;
-            }
-
-            .title-content {
-                line-height: 20px;
-                display: -webkit-box;
-                -webkit-line-clamp: 2;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                word-break: break-word;
-                white-space: initial;
-                -webkit-box-orient: vertical;
-                text-transform: capitalize;
-            }
-        }
-
-        .title-sm {
-            display: block;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }

package/src/lib/matcha-card/matcha-card.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MatchaCardComponent } from './matcha-card.component';
-
-describe('MatchaCardComponent', () => {
-  let component: MatchaCardComponent;
-  let fixture: ComponentFixture<MatchaCardComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [MatchaCardComponent]
-    });
-    fixture = TestBed.createComponent(MatchaCardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});