@financial-times/o-forms - npm Package Compare versions

Comparing version 9.11.3 to 9.12.0

demos/src/ft-live.mustache

CHANGELOG.md

		# Changelog

		## [9.12.0](https://github.com/Financial-Times/origami/compare/o-forms-v9.11.3...o-forms-v9.12.0) (2023-09-12)


		### Features

		* o-forms, add ft-live subbrand to o-forms ([f2ae032](https://github.com/Financial-Times/origami/commit/f2ae03292819f738aabc61b52d1a18287da7ea4d))
		* o-forms, fix focus state for professional-inverse ([1446d63](https://github.com/Financial-Times/origami/commit/1446d63d1b8190bc739920c81eb7e04a81a47d5d))

		## [9.11.3](https://github.com/Financial-Times/origami/compare/o-forms-v9.11.2...o-forms-v9.11.3) (2023-08-25)
		@@ -4,0 +12,0 @@

origami.json

		@@ -50,2 +50,12 @@ {
		{
		"name": "ft-live",
		"title": "FT Live inverse theme",
		"template": "/demos/src/ft-live.mustache",
		"description": "FT Live theme",
		"sass": "demos/src/inverse.scss",
		"brands": [
		"core"
		]
		},
		{
		"name": "inverse-form",
		@@ -52,0 +62,0 @@ "title": "Inverse Form",

package.json

		{
		"name": "@financial-times/o-forms",
		"version": "9.11.3",
		"version": "9.12.0",
		"description": "This component provides responsive styling for form fields and inputs. It provides validation and error handling for forms, as well.",
		@@ -5,0 +5,0 @@ "keywords": [

README.md

		@@ -290,6 +290,7 @@ # o-forms [![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](#licence)
		```
		Round radio inputs support 2 themes.
		Round radio inputs support 3 themes.

		- professional: For a round radio with professional theme set `o-forms-field--professional` on the field element.
		- professional-inverse: For round radio with inverse professional theme Set `o-forms-field--professional-inverse` on the field element.
		- professional: For a round radios with the FT Professional theme, set `o-forms-field--professional` on the field element.
		- professional-inverse: For round radios with the inverse FT Professional theme, set `o-forms-field--professional-inverse` on the field element.
		- ft-live: For round radios with the FT Live theme, add `o-forms-field--ft-live` on the field element.

		@@ -331,6 +332,7 @@ [_See radio buttons in the registry_](https://registry.origami.ft.com/components/o-forms#demo-round-styled-radio-inputs)

		Box radio inputs support 2 themes.
		Box radio inputs support 3 themes.

		- professional: For a box radio with professional theme set `o-forms-field--professional` on the field element.
		- professional-inverse: For box radio with inverse professional theme set `o-forms-field--professional-inverse` on the field element.
		- professional: For a box radio with FT Professional theme set `o-forms-field--professional` on the field element.
		- professional-inverse: For box radio with inverse FT Professional theme set `o-forms-field--professional-inverse` on the field element.
		- ft-live: For box radios with the FT Live theme, set `o-forms-field--professional-inverse` on the field element.

		@@ -392,6 +394,6 @@ ##### Pseudo box radio inputs

		- professional: To add the professional theme to a square checkbox, add the `o-forms-field--professional` modifier class to the field element.
		- professional: To add the Professional theme to a square checkbox, add the `o-forms-field--professional` modifier class to the field element.
		- professional-inverse: To add the inverse FT Professional theme to a square checkbox, add the `o-forms-field--professional-inverse` modifier class to the field element.
		- ft-live: To add the FT Live theme to a square checkbox, add the `o-forms-field--ft-live` modifier class to the field element.

		- professional-inverse: To add the professional inverse theme to a square checkbox, add the `o-forms-field--professional-inverse` modifier class to the field element.

		##### Toggle checkbox inputs
		@@ -398,0 +400,0 @@

main.scss