katalyst-govuk-formbuilder 1.19.0 → 1.21.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 42d43b53184ef918be025f8391885c3602860a7e7bd1799570bc755af31ad0f5
-  data.tar.gz: d2acf23780969e42b7098415579b99860730b6d53ee28d0f4583f62895e5a3bd
+  metadata.gz: 2820ba79e52ab5755807e8bce90a130259d2cc6ba9efd05099c6333b00d556a3
+  data.tar.gz: 9c1c5907e61251301258104b388bc46a7ffe74846aa9154050cb497e9ac61d43
 SHA512:
-  metadata.gz: 214c9b0f9231bf465de56e53aaabfe3d57241c3fd6b8e28205651881fc489d1d68daeaa47ab27bb763c2920fa0232ba30565670e13066041347748c92e9cb351
-  data.tar.gz: 4677462887210510eaaa725c17ba4eaae7d785d95a5a549509bdbcd33b9861d8ad0170dd4c973ce79b5e99aac857e9c01ad626b952784a7e227873e831054048
+  metadata.gz: e26b39e7f6c60ab50986313c59e11c0b2e2af18af73e1487aa9a381e55198091def95e04d31ea737c581c9faf50400658725d4f430e610b762dcd3d0da913873
+  data.tar.gz: 3d753a32a8d80c228b1cf7eb36ab83d746f84e17ddabfb24d33acba38bdd332918ceb6049807aadaa42671e6c2185c18b1b691d6d2dc09b8c9ab99b1d5416630

data/README.md

@@ -1,4 +1,4 @@
-# Katalyst::GOVUK::Formbuilder
+# Katalyst::GOVUK::FormBuilder
 
 Repacking of [GOV.UK Frontend](https://frontend.design-system.service.gov.uk) and
 [GOV.UK form components](https://govuk-form-builder.netlify.app) for use in Katalyst projects.
@@ -46,7 +46,7 @@ You can use the provided helper to load the formbuilder esm from importmaps and
 You'll need to include the helper to make this method available, which you can add to your `ApplicationController`:
 
 ```ruby
-helper Katalyst::GOVUK::Formbuilder::Frontend
+helper Katalyst::GOVUK::FormBuilder::Frontend
 ```
 
 ## Extensions
@@ -55,6 +55,16 @@ We include some optional extensions for integrating with gems that we (Katalyst)
 
 These require additional steps to use.
 
+### File inputs
+
+We've added image and document fields designed for use with Koi. These will not be suitable for
+every project. If you want to use these, you'll need to import and load their stimulus controllers:
+
+```js
+import govuk from "@katalyst/govuk-formbuilder";
+application.load(govuk);
+```
+
 ### Hotwire Combobox
 
 [Hotwire Combobox](https://hotwirecombobox.com) is a promising option for adding asynchronous multi-select inputs to

data/app/assets/builds/katalyst/govuk/formbuilder.css

@@ -47,10 +47,13 @@
 
 
 :root {
-  --govuk-frontend-version: "5.10.2";
-  --govuk-frontend-breakpoint-mobile: 20rem;
-  --govuk-frontend-breakpoint-tablet: 40.0625rem;
-  --govuk-frontend-breakpoint-desktop: 48.0625rem;
+  --govuk-frontend-version: "5.11.1";
+  --govuk-breakpoint-mobile: 20rem;
+  --govuk-frontend-breakpoint-mobile: var(--govuk-breakpoint-mobile);
+  --govuk-breakpoint-tablet: 40.0625rem;
+  --govuk-frontend-breakpoint-tablet: var(--govuk-breakpoint-tablet);
+  --govuk-breakpoint-desktop: 48.0625rem;
+  --govuk-frontend-breakpoint-desktop: var(--govuk-breakpoint-desktop);
 }
 
 
@@ -2360,19 +2363,19 @@
   background-color: #ffffff;
 }
 .govuk-file-upload-button:hover {
-  background-color: rgb(192.6, 195, 196.6);
+  background-color: #c1c3c5;
 }
 .govuk-file-upload-button:hover .govuk-file-upload-button__pseudo-button {
-  background-color: rgb(218.7, 217.8, 216.9);
+  background-color: #dbdad9;
 }
 .govuk-file-upload-button:hover .govuk-file-upload-button__status {
-  background-color: rgb(209.8, 226.4, 240.8);
+  background-color: #d2e2f1;
 }
 .govuk-file-upload-button:active, .govuk-file-upload-button:focus {
   border: 2px solid #0b0c0c;
   outline: 3px solid #ffdd00;
   outline-offset: 0;
-  background-color: rgb(192.6, 195, 196.6);
+  background-color: #c1c3c5;
   box-shadow: inset 0 0 0 2px;
 }
 .govuk-file-upload-button:active .govuk-file-upload-button__pseudo-button, .govuk-file-upload-button:focus .govuk-file-upload-button__pseudo-button {
@@ -2394,14 +2397,14 @@
   background-color: #f3f2f1;
 }
 .govuk-file-upload-button--empty .govuk-file-upload-button__status {
-  color: rgb(11.6, 44.8, 73.6);
-  background-color: rgb(187.2, 212.1, 233.7);
+  color: #0c2d4a;
+  background-color: #bbd4ea;
 }
 .govuk-file-upload-button--empty:hover, .govuk-file-upload-button--empty:focus, .govuk-file-upload-button--empty:active {
   background-color: #f3f2f1;
 }
 .govuk-file-upload-button--empty:hover .govuk-file-upload-button__status, .govuk-file-upload-button--empty:focus .govuk-file-upload-button__status, .govuk-file-upload-button--empty:active .govuk-file-upload-button__status {
-  background-color: rgb(209.8, 226.4, 240.8);
+  background-color: #d2e2f1;
 }
 
 .govuk-file-upload-button--dragging {
@@ -2409,7 +2412,7 @@
   border-color: #0b0c0c;
 }
 .govuk-file-upload-button--dragging.govuk-file-upload-button {
-  background-color: rgb(192.6, 195, 196.6);
+  background-color: #c1c3c5;
 }
 .govuk-file-upload-button--dragging.govuk-file-upload-button--empty {
   background-color: #f3f2f1;
@@ -2418,7 +2421,7 @@
   background-color: #ffffff;
 }
 .govuk-file-upload-button--dragging .govuk-file-upload-button__pseudo-button {
-  background-color: rgb(218.7, 217.8, 216.9);
+  background-color: #dbdad9;
 }
 
 .govuk-file-upload-button:disabled {
@@ -2430,7 +2433,7 @@
   background-color: #f3f2f1;
 }
 .govuk-file-upload-button:disabled .govuk-file-upload-button__status {
-  background-color: rgb(187.2, 212.1, 233.7);
+  background-color: #bbd4ea;
 }
 
 
@@ -2811,7 +2814,7 @@
   content: " ";
 }
 
-.govuk-visually-hidden-focusable:not(:active):not(:focus) {
+.govuk-visually-hidden-focusable:not(:active):not(:focus):not(.\:focus) {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;