Socket
Socket
Sign inDemoInstall

@blazingly-design/input

Package Overview
Dependencies
1
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.14 to 1.0.0

lib/index.d.ts

104

lib/index.js
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Button;
var React = _interopRequireWildcard(require("react"));
var _styled = _interopRequireDefault(require("@emotion/styled"));
var _theming = require("@blazingly-design/theming");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
const StyledButton = (0, _theming.withTheme)(_styled.default.button(props => {
let {
theme,
buttonType,
inverted,
uppercase
} = props;
let baseCSS = {
fontSize: `${theme.font.size}rem`,
fontFamily: theme.font.textFont,
fontWeight: theme.font.textWeight,
textTransform: uppercase ? 'uppercase' : undefined,
padding: `${theme.paddingBase}px ${theme.paddingBase * 2}px`,
borderRadius: `${theme.borderRadius}px`,
cursor: 'pointer',
borderWidth: `${theme.borderWidth}px`,
borderStyle: 'solid'
};
let css = {};
if (buttonType === 'disabled') {
css = { ...baseCSS,
borderColor: theme.color.grey,
backgroundColor: !inverted && theme.color.grey,
color: inverted ? theme.color.grey : theme.color.white
};
} else {
let backgroundColor = theme.color.main;
let darkenedBackgroundColor = theme.color.main20;
if (buttonType === 'secondary') {
backgroundColor = theme.color.accent;
darkenedBackgroundColor = theme.color.accent20;
}
css = { ...baseCSS,
borderColor: backgroundColor,
backgroundColor: !inverted && backgroundColor,
color: inverted ? backgroundColor : theme.color.white,
['&:hover']: {
color: theme.color.white,
backgroundColor: inverted ? backgroundColor : darkenedBackgroundColor,
borderColor: inverted ? backgroundColor : darkenedBackgroundColor
}
};
}
return css;
}));
function Button(props) {
let {
children,
onSubmit,
buttonType,
...otherProps
} = props;
const handleKeyDown = e => {
e.preventDefault();
if (e.key === 'Enter' && buttonType !== 'disabled') {
onSubmit();
}
};
const handleClick = e => {
e.preventDefault();
if (buttonType !== 'disabled') {
onSubmit();
}
};
return React.createElement(StyledButton, _extends({}, otherProps, {
buttonType: buttonType,
onMouseDown: handleClick,
onKeyDown: handleKeyDown,
disabled: buttonType === 'disabled'
}), children);
}
Object.defineProperty(exports, "__esModule", { value: true });
var input_1 = require("./input");
exports.Input = input_1.Input;
var text_area_1 = require("./text-area");
exports.TextArea = text_area_1.TextArea;
//# sourceMappingURL=index.js.map
{
"name": "@blazingly-design/input",
"version": "0.0.14",
"main": "./src/index",
"version": "1.0.0",
"main": "./lib/index",
"license": "MIT",
"scripts": {
"build": "tsc",
"clean": "rm -rf lib"
},
"publishConfig": {

@@ -10,8 +14,5 @@ "access": "public"

"dependencies": {
"@blazingly-design/theming": "^0.0.14",
"@emotion/core": "^10.0.10",
"@emotion/styled": "^10.0.12",
"react": "^16.8.6"
},
"gitHead": "a23f7d435f4d7633964c334b7609f4e6568ee2b0"
"gitHead": "5793533262d9aa3af212b87028262d7c369c4d15"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc