govuk-frontend - npm Package Compare versions

Comparing version 1.3.0 to 2.0.0

components/date-input/README.md

		@@ -73,3 +73,3 @@ # Date input
		"id": "dob",
		"name": "dob",
		"namePrefix": "dob",
		"fieldset": {
		@@ -254,3 +254,3 @@ "legend": {
		"id": "dob-day-error",
		"name": "dob-day-error",
		"namePrefix": "dob-day-error",
		"fieldset": {
		@@ -347,3 +347,3 @@ "legend": {
		"id": "dob-month-error",
		"name": "dob-month-error",
		"namePrefix": "dob-month-error",
		"fieldset": {
		@@ -440,3 +440,3 @@ "legend": {
		"id": "dob-year-error",
		"name": "dob-year-error",
		"namePrefix": "dob-year-error",
		"fieldset": {
		@@ -529,3 +529,3 @@ "legend": {
		"id": "dob",
		"name": "dob",
		"namePrefix": "dob",
		"fieldset": {
		@@ -597,3 +597,3 @@ "legend": {

		<th class="govuk-table__header" scope="row">name</th>
		<th class="govuk-table__header" scope="row">namePrefix</th>

		@@ -604,3 +604,3 @@ <td class="govuk-table__cell ">string</td>

		<td class="govuk-table__cell ">Optional name. This is used to compose the name attribute for each item.</td>
		<td class="govuk-table__cell ">Optional prefix. This is used to prefix each `item.name` using `-`.</td>

		@@ -659,2 +659,14 @@ </tr>

		<th class="govuk-table__header" scope="row">items.{}.label</th>

		<td class="govuk-table__cell ">string</td>

		<td class="govuk-table__cell ">No</td>

		<td class="govuk-table__cell ">Optional item-specific label text. If provided, this will be used instead of the items.{}.name.</td>

		</tr>

		<tr class="govuk-table__row">

		<th class="govuk-table__header" scope="row">hint</th>
		@@ -661,0 +673,0 @@

components/input/README.md

		@@ -9,3 +9,3 @@ # Input

		Find out when to use the input component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/text-input).
		Find out when to use the input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/text-input).

		@@ -12,0 +12,0 @@ ## Quick start examples

components/panel/README.md

		@@ -20,5 +20,5 @@ # Panel
		<div class="govuk-panel govuk-panel--confirmation">
		<h2 class="govuk-panel__title">
		<h1 class="govuk-panel__title">
		Application complete
		</h2>
		</h1>

		@@ -47,5 +47,5 @@ <div class="govuk-panel__body">
		<div class="govuk-panel govuk-panel--confirmation">
		<h1 class="govuk-panel__title">
		<h2 class="govuk-panel__title">
		Application complete
		</h1>
		</h2>

		@@ -64,3 +64,3 @@ <div class="govuk-panel__body">
		"titleText": "Application complete",
		"headingLevel": 1,
		"headingLevel": 2,
		"text": "Your reference number: HDJ2123F"
		@@ -67,0 +67,0 @@ }) }}

components/select/README.md

		@@ -179,2 +179,53 @@ # Select

		### Select with full width override

		[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/select/with-full-width-override/preview)

		#### Markup

		<div class="govuk-form-group">
		<label class="govuk-label" for="select-1">
		Label text goes here
		</label>

		<select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">

		<option value="1">GOV.UK frontend option 1</option>

		<option value="2" selected>GOV.UK frontend option 2</option>

		<option value="3" disabled>GOV.UK frontend option 3</option>

		</select>
		</div>

		#### Macro

		{% from "select/macro.njk" import govukSelect %}

		{{ govukSelect({
		"id": "select-1",
		"name": "select-1",
		"classes": "govuk-!-width-full",
		"label": {
		"text": "Label text goes here"
		},
		"items": [
		{
		"value": 1,
		"text": "GOV.UK frontend option 1"
		},
		{
		"value": 2,
		"text": "GOV.UK frontend option 2",
		"selected": true
		},
		{
		"value": 3,
		"text": "GOV.UK frontend option 3",
		"disabled": true
		}
		]
		}) }}

		## Requirements
		@@ -308,2 +359,14 @@

		<th class="govuk-table__header" scope="row">item.attributes</th>

		<td class="govuk-table__cell ">object</td>

		<td class="govuk-table__cell ">No</td>

		<td class="govuk-table__cell ">Any extra HTML attributes (for example data attributes) to the select option tag.</td>

		</tr>

		<tr class="govuk-table__row">

		<th class="govuk-table__header" scope="row">label</th>
		@@ -310,0 +373,0 @@

package.json

		{
		"name": "govuk-frontend",
		"description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
		"version": "1.3.0",
		"version": "2.0.0",
		"main": "all.js",
		@@ -6,0 +6,0 @@ "sass": "all.scss",

components/date-input/template.njk