Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@govuk-react/input

Package Overview
Dependencies
Maintainers
5
Versions
39
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@govuk-react/input - npm Package Compare versions

Comparing version 0.10.5 to 0.10.6

dist/govuk-react-input.cjs.d.ts.map

1

dist/govuk-react-input.cjs.d.ts
export * from "./declarations/src/index";
export { default } from "./declarations/src/index";
//# sourceMappingURL=govuk-react-input.cjs.d.ts.map

16

dist/govuk-react-input.cjs.dev.js

@@ -17,2 +17,3 @@ 'use strict';

*/
/**

@@ -25,4 +26,3 @@ * Use the text input component when you need to let users enter text that’s no longer than a single line, such as their name or phone number.

*/
var Input = styled__default["default"]('input').withConfig({
const Input = styled__default["default"]('input').withConfig({
displayName: "src__Input",

@@ -38,3 +38,3 @@ componentId: "sc-1ch9crp-0"

padding: constants.SPACING_POINTS[1],
border: "".concat(constants.BORDER_WIDTH_FORM_ELEMENT, " solid ").concat(govukColours.BLACK),
border: `${constants.BORDER_WIDTH_FORM_ELEMENT} solid ${govukColours.BLACK}`,
borderRadius: 0,

@@ -49,7 +49,9 @@ appearance: 'none',

}
}, function (_ref) {
var error = _ref.error,
errorColor = _ref.errorColor;
}, _ref => {
let {
error,
errorColor
} = _ref;
return {
border: error ? "".concat(constants.BORDER_WIDTH_FORM_ELEMENT_ERROR, " solid ").concat(errorColor || govukColours.ERROR_COLOUR) : undefined
border: error ? `${constants.BORDER_WIDTH_FORM_ELEMENT_ERROR} solid ${errorColor || govukColours.ERROR_COLOUR}` : undefined
};

@@ -56,0 +58,0 @@ }, lib.spacing.withWhiteSpace({

@@ -17,2 +17,3 @@ 'use strict';

*/
/**

@@ -25,4 +26,3 @@ * Use the text input component when you need to let users enter text that’s no longer than a single line, such as their name or phone number.

*/
var Input = styled__default["default"]('input').withConfig({
const Input = styled__default["default"]('input').withConfig({
displayName: "src__Input",

@@ -38,3 +38,3 @@ componentId: "sc-1ch9crp-0"

padding: constants.SPACING_POINTS[1],
border: "".concat(constants.BORDER_WIDTH_FORM_ELEMENT, " solid ").concat(govukColours.BLACK),
border: `${constants.BORDER_WIDTH_FORM_ELEMENT} solid ${govukColours.BLACK}`,
borderRadius: 0,

@@ -49,7 +49,9 @@ appearance: 'none',

}
}, function (_ref) {
var error = _ref.error,
errorColor = _ref.errorColor;
}, _ref => {
let {
error,
errorColor
} = _ref;
return {
border: error ? "".concat(constants.BORDER_WIDTH_FORM_ELEMENT_ERROR, " solid ").concat(errorColor || govukColours.ERROR_COLOUR) : undefined
border: error ? `${constants.BORDER_WIDTH_FORM_ELEMENT_ERROR} solid ${errorColor || govukColours.ERROR_COLOUR}` : undefined
};

@@ -56,0 +58,0 @@ }, lib.spacing.withWhiteSpace({

@@ -9,2 +9,3 @@ import styled from 'styled-components';

*/
/**

@@ -17,4 +18,3 @@ * Use the text input component when you need to let users enter text that’s no longer than a single line, such as their name or phone number.

*/
var Input = styled('input').withConfig({
const Input = styled('input').withConfig({
displayName: "src__Input",

@@ -30,3 +30,3 @@ componentId: "sc-1ch9crp-0"

padding: SPACING_POINTS[1],
border: "".concat(BORDER_WIDTH_FORM_ELEMENT, " solid ").concat(BLACK),
border: `${BORDER_WIDTH_FORM_ELEMENT} solid ${BLACK}`,
borderRadius: 0,

@@ -41,7 +41,9 @@ appearance: 'none',

}
}, function (_ref) {
var error = _ref.error,
errorColor = _ref.errorColor;
}, _ref => {
let {
error,
errorColor
} = _ref;
return {
border: error ? "".concat(BORDER_WIDTH_FORM_ELEMENT_ERROR, " solid ").concat(errorColor || ERROR_COLOUR) : undefined
border: error ? `${BORDER_WIDTH_FORM_ELEMENT_ERROR} solid ${errorColor || ERROR_COLOUR}` : undefined
};

@@ -48,0 +50,0 @@ }, spacing.withWhiteSpace({

{
"name": "@govuk-react/input",
"version": "0.10.5",
"version": "0.10.6",
"dependencies": {
"@govuk-react/constants": "^0.10.5",
"@govuk-react/lib": "^0.10.5",
"@govuk-react/constants": "^0.10.6",
"@govuk-react/lib": "^0.10.6",
"govuk-colours": "^1.1.0"

@@ -8,0 +8,0 @@ },

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc