@blazingly-design/input
Advanced tools
Comparing version 0.0.14 to 1.0.0
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
1
19
1
17542
239
1
- Removed@blazingly-design/theming@^0.0.14
- Removed@emotion/core@^10.0.10
- Removed@emotion/styled@^10.0.12
- Removed@babel/code-frame@7.24.7(transitive)
- Removed@babel/generator@7.24.7(transitive)
- Removed@babel/helper-environment-visitor@7.24.7(transitive)
- Removed@babel/helper-function-name@7.24.7(transitive)
- Removed@babel/helper-hoist-variables@7.24.7(transitive)
- Removed@babel/helper-module-imports@7.24.7(transitive)
- Removed@babel/helper-split-export-declaration@7.24.7(transitive)
- Removed@babel/helper-string-parser@7.24.7(transitive)
- Removed@babel/helper-validator-identifier@7.24.7(transitive)
- Removed@babel/highlight@7.24.7(transitive)
- Removed@babel/parser@7.24.7(transitive)
- Removed@babel/runtime@7.24.7(transitive)
- Removed@babel/template@7.24.7(transitive)
- Removed@babel/traverse@7.24.7(transitive)
- Removed@babel/types@7.24.7(transitive)
- Removed@blazingly-design/theming@0.0.14(transitive)
- Removed@emotion/cache@10.0.29(transitive)
- Removed@emotion/core@10.3.1(transitive)
- Removed@emotion/css@10.0.27(transitive)
- Removed@emotion/hash@0.8.0(transitive)
- Removed@emotion/is-prop-valid@0.8.8(transitive)
- Removed@emotion/memoize@0.7.4(transitive)
- Removed@emotion/serialize@0.11.16(transitive)
- Removed@emotion/sheet@0.9.4(transitive)
- Removed@emotion/styled@10.3.0(transitive)
- Removed@emotion/styled-base@10.3.0(transitive)
- Removed@emotion/stylis@0.8.5(transitive)
- Removed@emotion/unitless@0.7.5(transitive)
- Removed@emotion/utils@0.11.3(transitive)
- Removed@emotion/weak-memoize@0.2.5(transitive)
- Removed@jridgewell/gen-mapping@0.3.5(transitive)
- Removed@jridgewell/resolve-uri@3.1.2(transitive)
- Removed@jridgewell/set-array@1.2.1(transitive)
- Removed@jridgewell/sourcemap-codec@1.4.15(transitive)
- Removed@jridgewell/trace-mapping@0.3.25(transitive)
- Removed@types/parse-json@4.0.2(transitive)
- Removedansi-styles@3.2.1(transitive)
- Removedbabel-plugin-emotion@10.2.2(transitive)
- Removedbabel-plugin-macros@2.8.0(transitive)
- Removedbabel-plugin-syntax-jsx@6.18.0(transitive)
- Removedcallsites@3.1.0(transitive)
- Removedchalk@2.4.2(transitive)
- Removedcolor@3.2.1(transitive)
- Removedcolor-convert@1.9.3(transitive)
- Removedcolor-name@1.1.3(transitive)
- Removedcolor-string@1.9.1(transitive)
- Removedconvert-source-map@1.9.0(transitive)
- Removedcosmiconfig@6.0.0(transitive)
- Removedcsstype@2.6.21(transitive)
- Removeddebug@4.3.5(transitive)
- Removedemotion-theming@10.3.0(transitive)
- Removederror-ex@1.3.2(transitive)
- Removedescape-string-regexp@1.0.5(transitive)
- Removedfind-root@1.1.0(transitive)
- Removedfunction-bind@1.1.2(transitive)
- Removedglobals@11.12.0(transitive)
- Removedhas-flag@3.0.0(transitive)
- Removedhasown@2.0.2(transitive)
- Removedhoist-non-react-statics@3.3.2(transitive)
- Removedimport-fresh@3.3.0(transitive)
- Removedis-arrayish@0.2.10.3.2(transitive)
- Removedis-core-module@2.13.1(transitive)
- Removedjsesc@2.5.2(transitive)
- Removedjson-parse-even-better-errors@2.3.1(transitive)
- Removedlines-and-columns@1.2.4(transitive)
- Removedms@2.1.2(transitive)
- Removedparent-module@1.0.1(transitive)
- Removedparse-json@5.2.0(transitive)
- Removedpath-parse@1.0.7(transitive)
- Removedpath-type@4.0.0(transitive)
- Removedpicocolors@1.0.1(transitive)
- Removedregenerator-runtime@0.14.1(transitive)
- Removedresolve@1.22.8(transitive)
- Removedresolve-from@4.0.0(transitive)
- Removedsimple-swizzle@0.2.2(transitive)
- Removedsource-map@0.5.7(transitive)
- Removedsupports-color@5.5.0(transitive)
- Removedsupports-preserve-symlinks-flag@1.0.0(transitive)
- Removedto-fast-properties@2.0.0(transitive)
- Removedyaml@1.10.2(transitive)