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

TASK: Add basic toolbar with separator support and secondary zone

parent 746ff53a

src/components.d.ts

+111 −0
Original line number Diff line number Diff line
@@ -176,6 +176,51 @@ declare global { 
}





declare global {



  namespace StencilComponents {

    interface NeosInspectorGroup {

      'active': boolean;

      'disabled': boolean;

      'focused': boolean;

      'size': string;

      'squared': boolean;

      'theme': string;

      'type': string;

    }

  }



  interface HTMLNeosInspectorGroupElement extends StencilComponents.NeosInspectorGroup, HTMLStencilElement {}



  var HTMLNeosInspectorGroupElement: {

    prototype: HTMLNeosInspectorGroupElement;

    new (): HTMLNeosInspectorGroupElement;

  };

  interface HTMLElementTagNameMap {

    'neos-inspector-group': HTMLNeosInspectorGroupElement;

  }

  interface ElementTagNameMap {

    'neos-inspector-group': HTMLNeosInspectorGroupElement;

  }

  namespace JSX {

    interface IntrinsicElements {

      'neos-inspector-group': JSXElements.NeosInspectorGroupAttributes;

    }

  }

  namespace JSXElements {

    export interface NeosInspectorGroupAttributes extends HTMLAttributes {

      'active'?: boolean;

      'disabled'?: boolean;

      'focused'?: boolean;

      'size'?: string;

      'squared'?: boolean;

      'theme'?: string;

      'type'?: string;

    }

  }

}





declare global {



  namespace StencilComponents {
@@ -208,6 +253,72 @@ declare global { 
  }

}





declare global {



  namespace StencilComponents {

    interface NeosToolbarSeparator {

      'theme': string;

    }

  }



  interface HTMLNeosToolbarSeparatorElement extends StencilComponents.NeosToolbarSeparator, HTMLStencilElement {}



  var HTMLNeosToolbarSeparatorElement: {

    prototype: HTMLNeosToolbarSeparatorElement;

    new (): HTMLNeosToolbarSeparatorElement;

  };

  interface HTMLElementTagNameMap {

    'neos-toolbar-separator': HTMLNeosToolbarSeparatorElement;

  }

  interface ElementTagNameMap {

    'neos-toolbar-separator': HTMLNeosToolbarSeparatorElement;

  }

  namespace JSX {

    interface IntrinsicElements {

      'neos-toolbar-separator': JSXElements.NeosToolbarSeparatorAttributes;

    }

  }

  namespace JSXElements {

    export interface NeosToolbarSeparatorAttributes extends HTMLAttributes {

      'theme'?: string;

    }

  }

}





declare global {



  namespace StencilComponents {

    interface NeosToolbar {

      'theme': string;

    }

  }



  interface HTMLNeosToolbarElement extends StencilComponents.NeosToolbar, HTMLStencilElement {}



  var HTMLNeosToolbarElement: {

    prototype: HTMLNeosToolbarElement;

    new (): HTMLNeosToolbarElement;

  };

  interface HTMLElementTagNameMap {

    'neos-toolbar': HTMLNeosToolbarElement;

  }

  interface ElementTagNameMap {

    'neos-toolbar': HTMLNeosToolbarElement;

  }

  namespace JSX {

    interface IntrinsicElements {

      'neos-toolbar': JSXElements.NeosToolbarAttributes;

    }

  }

  namespace JSXElements {

    export interface NeosToolbarAttributes extends HTMLAttributes {

      'theme'?: string;

    }

  }

}



declare global { namespace JSX { interface StencilJSX {} } }



export declare function defineCustomElements(window: any): void;
 
 No newline at end of file

src/components/button/styles/button.dark.scss

+6 −1
Original line number Diff line number Diff line
@@ -18,7 +18,7 @@ 


    &:focus:enabled,

    &:hover:enabled {

      background-color: neos-color($colors-dark, 'neutral', 'shade');

      background-color: neos-color($colors-dark, 'primary', 'shade');

    }



    &.t-clean {
@@ -49,7 +49,12 @@ 
    }



    &.t-transparent {

      background-color: transparent;



      &:focus:enabled,

      &:hover:enabled {

        background-color: neos-color($colors-dark, 'primary', 'shade');

      }

    }



    &.t-warn {

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

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

import classnames from 'classnames';



@Component({

  tag: 'neos-inspector-group',

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

  shadow: true

})

export class InspectorGroup {

  @Prop() theme: string;

  @Prop() size: string = 'regular';

  @Prop() focused: boolean = false;

  @Prop() disabled: boolean = false;

  @Prop() squared: boolean = false;

  @Prop() active: boolean = false;

  @Prop() type: string = 'inspector-group';



  className() {

    return classnames('t-' + this.theme, {'l-squared': this.squared});

  }



  render() {

    return (<button class={this.className()} disabled={this.disabled} type={this.type}>

      <slot/>

    </button>);

  }

}

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

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

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



:host {



}

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

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