New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@springernature/global-forms

Package Overview
Dependencies
Maintainers
14
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@springernature/global-forms - npm Package Compare versions

Comparing version 5.0.0-rc.4 to 5.0.0-rc.5

view/fields/globalFormPassword.hbs

30

demo/context.json

@@ -31,6 +31,7 @@ {

{
"template": "globalFormHidden",
"name": "hidden",
"id": "hidden",
"value": "someSecretValue"
"template": "globalFormPassword",
"name": "password",
"label": "Your password",
"id": "password",
"value": "123456"
},

@@ -171,8 +172,2 @@ {

"template": "globalFormCheckbox",
"label": "Agree to our terms (basic)",
"id": "checkbox-terms",
"name": "checkbox-terms"
},
{
"template": "globalFormCheckbox",
"label": "Agree to our terms (with hint)",

@@ -190,2 +185,16 @@ "hint": "You should have read these. Read them, then agree to them.",

"name": "checkbox-terms-error"
},
{
"template": "globalFormCheckbox",
"label": "Checkbox with supplementary field",
"id": "checkbox-sup",
"name": "checkbox-sup",
"fields": [
{
"template": "globalFormText",
"label": "What is your membership number?",
"id": "checkbox-membership",
"name": "checkbox-membership"
}
]
}

@@ -232,2 +241,3 @@ ]

"globalFormText": "./toolkits/global/packages/global-forms/view/fields/globalFormText.hbs",
"globalFormPassword": "./toolkits/global/packages/global-forms/view/fields/globalFormPassword.hbs",
"globalFormEmail": "./toolkits/global/packages/global-forms/view/fields/globalFormEmail.hbs",

@@ -234,0 +244,0 @@ "globalFormSelect": "./toolkits/global/packages/global-forms/view/fields/globalFormSelect.hbs",

# History
## 5.0.0-rc.5 (2022-07-29)
* `password` input type added
* fixed long labels squishing checkboxes and radios
* removed `role="presentation"`
* supplementary fields for checkboxes
## 5.0.0-rc.4 (2022-07-27)

@@ -4,0 +10,0 @@ * `hidden` input type added

{
"name": "@springernature/global-forms",
"version": "5.0.0-rc.4",
"version": "5.0.0-rc.5",
"license": "MIT",

@@ -5,0 +5,0 @@ "description": "form component",

@@ -207,23 +207,2 @@ # Global Forms

You might want to show users an additional field when they select a particular radio. For example, revealing a text input field for them to give more specific information about the option they’ve selected.
These fields can have any properties of a standard form field. Set these properties using the `fields` property (an array), like this:
```json
{
"label": "Monkey",
"value": "Monkey",
"name": "animal",
"fields": [
{
"template": "globalFormText",
"label": "What type of monkey?",
"id": "monkey-type",
"name": "monkey-type",
"hint": "Chimps are not monkeys"
}
]
}
```
Unlike radios, which are always used in sets of two or more, you can have a single checkbox field. To give users a set of checkbox choices, organise the checkboxes into a `fieldset`:

@@ -251,2 +230,26 @@

#### Supplementary fields
You might want to show users an additional field when they select a particular radio or checkbox. For example, revealing a text input field for them to give more specific information about the option they’ve selected.
These fields can have any properties of a standard form field. Set these properties using the `fields` property (an array), like this:
```json
{
"label": "Monkey",
"value": "Monkey",
"name": "animal",
"fields": [
{
"template": "globalFormText",
"label": "What type of monkey?",
"id": "monkey-type",
"name": "monkey-type",
"hint": "Chimps are not monkeys"
}
]
}
```
### Buttons

@@ -273,3 +276,3 @@

The `modifiers` property is an array. Each value should match one of these modifiers form the brand context’s button utility styles:
The `modifiers` property is an array. Each value should match one of these modifiers from the brand context’s button utility styles:

@@ -276,0 +279,0 @@ * primary

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

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
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc