@weareredlight/components/lib/elements/Button/style.js

> TODO: description

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ButtonStyle = void 0;
var ButtonStyle = {
  "default": {
    wrapper: {
      width: '100%',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      __fun: [function (_ref) {
        var vars = _ref.vars;
        return {
          padding: vars.spacing.s
        };
      }]
    },
    button: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      width: '100%',
      minWidth: 100,
      __fun: [function (_ref2) {
        var vars = _ref2.vars;
        return {
          backgroundColor: vars.colors.primary,
          borderRadius: vars.borderRadius,
          paddingVertical: vars.spacing.m,
          paddingHorizontal: vars.spacing.l
        };
      }]
    },
    text: {
      __fun: [function (_ref3) {
        var vars = _ref3.vars;
        return {
          color: vars.colors.white,
          fontSize: vars.text.fontSize
        };
      }]
    }
  },
  success: {
    button: {
      __fun: [function (_ref4) {
        var vars = _ref4.vars;
        return {
          backgroundColor: vars.colors.green
        };
      }]
    }
  },
  error: {
    button: {
      __fun: [function (_ref5) {
        var vars = _ref5.vars;
        return {
          backgroundColor: vars.colors.red
        };
      }]
    }
  },
  warning: {
    button: {
      __fun: [function (_ref6) {
        var vars = _ref6.vars;
        return {
          backgroundColor: vars.colors.yellow
        };
      }]
    }
  },
  info: {
    button: {
      __fun: [function (_ref7) {
        var vars = _ref7.vars;
        return {
          backgroundColor: vars.colors.blue
        };
      }]
    }
  },
  transparent: {
    button: {
      borderWidth: 1,
      backgroundColor: 'transparent',
      __fun: [function (_ref8) {
        var vars = _ref8.vars;
        return {
          borderColor: vars.colors.grey
        };
      }]
    },
    text: {
      __fun: [function (_ref9) {
        var vars = _ref9.vars;
        return {
          color: vars.text.color
        };
      }]
    }
  },
  disabled: {
    button: {
      __fun: [function (_ref10) {
        var vars = _ref10.vars;
        return {
          backgroundColor: vars.colors.muted
        };
      }]
    },
    text: {
      __fun: [function (_ref11) {
        var vars = _ref11.vars;
        return {
          color: vars.text.color
        };
      }]
    }
  }
};
exports.ButtonStyle = ButtonStyle;