hbp-react-ui/dist/Styles.js

A library of useful user-interface components built with React and MobX

'use strict';Object.defineProperty(exports, "__esModule", { value: true });var _createClass = function () {function defineProperties(target, props) {for (var i = 0; i < props.length; i++) {var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);}}return function (Constructor, protoProps, staticProps) {if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;};}();function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError("Cannot call a class as a function");}} ///////////////////////////////////////////////////////////
// File        : Styles.js
// Description : 

// Imports : 

// Class Definition
var
Styles = function () {



    // Constructor
    function Styles() {_classCallCheck(this, Styles);this.colors = ['rgb(174, 199, 232)', 'rgb(255, 187, 120)', 'rgb(152, 223, 138)', 'rgb(255, 152, 150)', 'rgb(197, 176, 213)'];
    }


    // Operations
    // Attributes
    _createClass(Styles, [{ key: 'styleBackgroundColor', value: function styleBackgroundColor(i) {return { backgroundColor: this.colors[i % this.colors.length] };} }, { key: 'styleTable', value: function styleTable()
        {return { display: 'table' };} }, { key: 'styleRowGroup', value: function styleRowGroup()

        {return { display: 'table-row-group' };} }, { key: 'styleRow', value: function styleRow()

        {return { display: 'table-row' };} }, { key: 'styleCell', value: function styleCell()

        {return { display: 'table-cell' };} }, { key: 'styleBorder', value: function styleBorder()

        {return { border: '1px solid #ddd' };} }, { key: 'stylePanel', value: function stylePanel()

        {return { border: 'none', boxShadow: 'none', WebkitBoxShadow: 'none', marginBottom: '0' };} }, { key: 'stylePanelHeading', value: function stylePanelHeading()

        {return {};} }, { key: 'stylePanelBody', value: function stylePanelBody()

        {return {};} }, { key: 'styleFullWidth', value: function styleFullWidth()

        {return { width: '100%', maxWidth: '100%' };} }, { key: 'styleContainer', value: function styleContainer()

        {return { margin: '0 2px 2px 0', width: '168px' };} }, { key: 'styleSelect', value: function styleSelect()

        {return { marginLeft: '20px' };} }, { key: 'styleMarginBottom', value: function styleMarginBottom()

        {return { marginBottom: '8px' };} }]);return Styles;}();




// Exports
exports.default = Styles;