@covalent/core 4.0.0-beta.2 → 4.1.0-develop.10

package/search/search-box/search-box.component.scss

@@ -1,37 +0,0 @@
-:host {
-  display: block;
-}
-
-.td-search-box {
-  // [layout]
-  box-sizing: border-box;
-  display: flex;
-  // [layout="row"]
-  flex-direction: row;
-  // [layout-align="end center"]
-  align-items: baseline;
-  align-content: center;
-  max-width: 100%;
-  justify-content: flex-end;
-
-  .td-search-icon {
-    // [flex="none"]
-    flex: 0 0 auto;
-    align-self: center;
-  }
-
-  td-search-input {
-    margin-left: 12px;
-
-    ::ng-deep [dir='rtl'] & {
-      margin-right: 12px;
-      margin-left: 0 !important;
-    }
-
-    ::ng-deep .mat-form.field.mat-form-field-appearance-legacy {
-      .mat-form-field-wrapper {
-        padding-bottom: 1em;
-      }
-    }
-  }
-}

package/search/search-input/README.md

@@ -1,65 +0,0 @@
-# TdSearchInputComponent: td-search-input
-
-`td-search-input` element to generate a search input with its animated cancel button.
-
-## API Summary
-
-#### Inputs
-
-+ debounce?: number
-  + Debounce timeout between keypresses. Defaults to 400.
-+ placeholder?: string
-  + Placeholder for the underlying input component.
-+ showUnderline?: boolean
-  + Sets if the input underline should be visible. Defaults to 'false'.
-+ clearIcon?: string
-  + The icon used to clear the search input. Defaults to 'cancel' icon.
-+ appearance?: MatFormFieldAppearance
-  + Appearance style for the underlying input component.
-
-#### Events
-
-+ searchDebounce: function
-  + Event emitted after the [debounce] timeout.
-  + Emits a [string].
-+ search: function
-  + Event emitted after the key enter has been pressed.
-  + Emits a [string].
-+ clear: function
-  + Event emitted after the clear icon has been clicked.
-  + Emits [void].
-+ blur: function
-  + Event emitted after the blur event has been called in underlying input.
-  + Emits [void].
-
-#### Methods
-
-+ focus: function
-  + Method to focus to underlying input.
-+ clearSearch: function
-  + Method to clear the underlying input. 
-
-## Setup
-
-Import the [CovalentSearchModule] in your NgModule:
-
-```typescript
-import { CovalentSearchModule } from '@covalent/core/search';
-@NgModule({
-  imports: [
-    CovalentSearchModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example for HTML usage:
-
-```html
-    <td-search-input appearance="legacy|standard|fill|outline" placeholder="Search here" [(ngModel)]="searchInputTerm" [showUnderline]="false|true" [debounce]="500" (searchDebounce)="searchInputTerm = $event" (search)="searchInputTerm = $event" (clear)="searchInputTerm = ''">
-    </td-search-input>
-```

package/search/search-input/search-input.component.scss

@@ -1,75 +0,0 @@
-:host {
-  .td-search-input {
-    overflow-x: hidden;
-    // [layout]
-    box-sizing: border-box;
-    display: flex;
-    // [layout="row"]
-    flex-direction: row;
-    // [layout-align="end center"]
-    align-items: baseline;
-    align-content: center;
-    max-width: 100%;
-    justify-content: flex-end;
-
-    .td-search-input-field {
-      flex: 1;
-    }
-
-    ::ng-deep mat-form-field {
-      &.mat-form-field-appearance-outline {
-        .mat-form-field-wrapper {
-          padding-bottom: 0;
-        }
-      }
-
-      &.mat-form-field-appearance-fill {
-        .mat-form-field-wrapper {
-          padding-bottom: 0;
-
-          .mat-form-field-flex {
-            height: 52px;
-          }
-
-          .mat-form-field-underline {
-            bottom: 0;
-          }
-        }
-      }
-
-      &.mat-form-field-appearance-standard {
-        .mat-form-field-wrapper {
-          padding-bottom: 0;
-
-          .mat-form-field-infix {
-            bottom: 0.4em;
-          }
-
-          .mat-form-field-underline {
-            bottom: 0;
-          }
-        }
-      }
-
-      &.mat-form-field-appearance-legacy {
-        .mat-form-field-infix {
-          align-self: center;
-        }
-      }
-
-      .mat-input-element {
-        caret-color: currentColor;
-      }
-
-      &.mat-hide-underline .mat-form-field-underline {
-        display: none;
-      }
-    }
-
-    .td-search-input-clear {
-      // [flex="none"]
-      flex: 0 0 auto;
-      align-self: center;
-    }
-  }
-}

package/side-sheet/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/side-sheet/side-sheet.scss

@@ -1,68 +0,0 @@
-$padding: 24px !default;
-$max-height: 65vh !default;
-$button-margin: 8px !default;
-
-.td-side-sheet-container {
-  background-color: white;
-  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 20%), 0 16px 24px 2px rgba(0, 0, 0, 14%), 0 6px 30px 5px rgba(0, 0, 0, 12%);
-  display: block;
-  padding: $padding;
-  box-sizing: border-box;
-  overflow: auto;
-  outline: 0;
-  width: 100%;
-  height: 100%;
-  min-height: inherit;
-  max-height: inherit;
-}
-
-.td-side-sheet-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.td-side-sheet-content {
-  margin: 0 $padding * -1;
-  padding: 0 $padding;
-  overflow: auto;
-  flex: 1;
-  -webkit-overflow-scrolling: touch;
-}
-
-.td-side-sheet-title {
-  margin: -16px 0 20px;
-  display: flex;
-  align-items: center;
-}
-
-.td-side-sheet-actions {
-  padding: 8px 0;
-  margin: 0 -16px;
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  box-sizing: content-box;
-
-  // Pull the actions down to avoid their padding stacking with the dialog's padding.
-  margin-bottom: -$padding;
-
-  &[align='end'] {
-    justify-content: flex-end;
-  }
-
-  &[align='center'] {
-    justify-content: center;
-  }
-
-  .mat-button-base + .mat-button-base,
-  .mat-mdc-button-base + .mat-mdc-button-base {
-    margin-left: $button-margin;
-
-    [dir='rtl'] & {
-      margin-left: 0;
-      margin-right: $button-margin;
-    }
-  }
-}

package/theming/prebuilt/blue-grey-deep-orange.scss

@@ -1,20 +0,0 @@
-@use '~@angular/material' as mat;
-@import '../all-theme';
-
-$primary: mat.define-palette(mat.$blue-grey-palette, 700);
-$accent: mat.define-palette(mat.$deep-orange-palette, 500);
-$warn: mat.define-palette(mat.$red-palette, 600);
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn,
-    ),
-  )
-);
-
-@include mat.core();
-@include mat.all-component-themes($theme);
-@include covalent-theme($theme);

package/theming/prebuilt/blue-orange.scss

@@ -1,20 +0,0 @@
-@use '~@angular/material' as mat;
-@import '../all-theme';
-
-$primary: mat.define-palette(mat.$blue-palette, 700);
-$accent: mat.define-palette(mat.$orange-palette, 800, A100, A400);
-$warn: mat.define-palette(mat.$red-palette, 600);
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn,
-    ),
-  )
-);
-
-@include mat.core();
-@include mat.all-component-themes($theme);
-@include covalent-theme($theme);

package/theming/prebuilt/indigo-pink.scss

@@ -1,20 +0,0 @@
-@use '~@angular/material' as mat;
-@import '../all-theme';
-
-$primary: mat.define-palette(mat.$indigo-palette, 500);
-$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-$warn: mat.define-palette(mat.$red-palette, 600);
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn,
-    ),
-  )
-);
-
-@include mat.core();
-@include mat.all-component-themes($theme);
-@include covalent-theme($theme);

package/theming/prebuilt/orange-light-blue.scss

@@ -1,20 +0,0 @@
-@use '~@angular/material' as mat;
-@import '../all-theme';
-
-$primary: mat.define-palette(mat.$orange-palette, 800);
-$accent: mat.define-palette(mat.$light-blue-palette, 600, A100, A400);
-$warn: mat.define-palette(mat.$red-palette, 600);
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn,
-    ),
-  )
-);
-
-@include mat.core();
-@include mat.all-component-themes($theme);
-@include covalent-theme($theme);

package/theming/prebuilt/teal-orange.scss

@@ -1,20 +0,0 @@
-@use '~@angular/material' as mat;
-@import '../all-theme';
-
-$primary: mat.define-palette(mat.$teal-palette, 700);
-$accent: mat.define-palette(mat.$orange-palette, 800, A100, A400);
-$warn: mat.define-palette(mat.$red-palette, 600);
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn,
-    ),
-  )
-);
-
-@include mat.core();
-@include mat.all-component-themes($theme);
-@include covalent-theme($theme);

package/user-profile/index.d.ts

@@ -1 +0,0 @@
-export * from './public_api';

package/user-profile/user-profile-menu/user-profile-menu.component.scss

@@ -1,41 +0,0 @@
-.user-profile-menu {
-  [td-menu-header] {
-    text-align: left;
-    padding-bottom: 0;
-  }
-}
-
-::ng-deep mat-list-item:not(:first-child),
-::ng-deep [mat-list-item] {
-  .mat-list-item-content .mat-icon[matListAvatar] {
-    background: none;
-  }
-}
-
-.mat-action-list {
-  padding-top: 0;
-}
-
-:host ::ng-deep {
-  .mat-action-list .mat-divider,
-  .mat-divider {
-    margin: 8px 0;
-  }
-
-  // TODO remove all styles below when bug gets addressed in td-menu in Covalent
-  mat-divider:last-child {
-    display: none;
-  }
-
-  mat-list .mat-list-item.mat-2-line .mat-list-item-content {
-    height: inherit;
-  }
-
-  mat-list .mat-list-item .mat-list-item-content {
-    padding: 8px;
-  }
-}
-
-td-menu {
-  margin-bottom: 0;
-}