Commit ab5222da authored by Dominique Feyer's avatar Dominique Feyer
Browse files

TASK: Add inspector group

parent a012aa93

src/components.d.ts

+41 −14
Original line number Diff line number Diff line
@@ -176,17 +176,47 @@ declare global { 
}





declare global {



  namespace StencilComponents {

    interface NeosInspectorGroupHeader {

      'icon': string;

      'label': string;

    }

  }



  interface HTMLNeosInspectorGroupHeaderElement extends StencilComponents.NeosInspectorGroupHeader, HTMLStencilElement {}



  var HTMLNeosInspectorGroupHeaderElement: {

    prototype: HTMLNeosInspectorGroupHeaderElement;

    new (): HTMLNeosInspectorGroupHeaderElement;

  };

  interface HTMLElementTagNameMap {

    'neos-inspector-group-header': HTMLNeosInspectorGroupHeaderElement;

  }

  interface ElementTagNameMap {

    'neos-inspector-group-header': HTMLNeosInspectorGroupHeaderElement;

  }

  namespace JSX {

    interface IntrinsicElements {

      'neos-inspector-group-header': JSXElements.NeosInspectorGroupHeaderAttributes;

    }

  }

  namespace JSXElements {

    export interface NeosInspectorGroupHeaderAttributes extends HTMLAttributes {

      'icon'?: string;

      'label'?: string;

    }

  }

}





declare global {



  namespace StencilComponents {

    interface NeosInspectorGroup {

      'active': boolean;

      'disabled': boolean;

      'focused': boolean;

      'size': string;

      'squared': boolean;

      'theme': string;

      'type': string;

      'icon': string;

      'label': string;

    }

  }
@@ -209,13 +239,8 @@ declare global { 
  }

  namespace JSXElements {

    export interface NeosInspectorGroupAttributes extends HTMLAttributes {

      'active'?: boolean;

      'disabled'?: boolean;

      'focused'?: boolean;

      'size'?: string;

      'squared'?: boolean;

      'theme'?: string;

      'type'?: string;

      'icon'?: string;

      'label'?: string;

    }

  }

}
@@ -226,6 +251,7 @@ declare global { 
  namespace StencilComponents {

    interface NeosLabel {

      'label': string;

      'theme': string;

    }

  }
@@ -249,6 +275,7 @@ declare global { 
  namespace JSXElements {

    export interface NeosLabelAttributes extends HTMLAttributes {

      'label'?: string;

      'theme'?: string;

    }

  }

}

src/components/inspector-group-header/inspector-group-header.tsx

0 → 100644
+23 −0
Original line number Diff line number Diff line 
import {Component, Prop} from '@stencil/core';



@Component({

  tag: 'neos-inspector-group-header',

  styleUrl: 'styles/inspector-group-header.dark.scss',

  shadow: true

})

export class InspectorGroupHeader {

  @Prop() label: string;

  @Prop() icon: string;



  render() {

    return (<header>

      <neos-icon squared name={this.icon}></neos-icon>

      <neos-label theme="bold" label={this.label}></neos-label>

      <div class="toggle">

        <neos-button squared theme="transparent">

          <neos-icon name="chevron-up" type="solid"></neos-icon>

        </neos-button>

      </div>

    </header>);

  }

}

src/components/inspector-group-header/styles/inspector-group-header.dark.scss

0 → 100644
+6 −0
Original line number Diff line number Diff line 
@import "./inspector-group-header";

@import "./inspector-group-header.dark.vars";



:host {



}

src/components/inspector-group-header/styles/inspector-group-header.dark.vars.scss

0 → 100644
+2 −0
Original line number Diff line number Diff line 
@import "../../../themes/neos.globals.dark";

src/components/inspector-group-header/styles/inspector-group-header.scss

0 → 100644
+16 −0
Original line number Diff line number Diff line 
@import "./inspector-group-header.vars";



:host {

  @include font-smoothing();



  display: block;



  header {

    display: flex;

    align-items: center;

  }



  .toggle {

    margin-left: auto;

  }

}