katalyst-govuk-formbuilder 1.2.1 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0b3226cf4e2ecbf980efe6f5cdab612b5aafe57ffa4377cde05151f42843dc2d
-  data.tar.gz: 3b2e6aa556e25ffce43e021fe50153a3de7f4385844906c626297cbf36a676dd
+  metadata.gz: 11f4dd71a5f26238850ca0057e3ff8e96348189dfa14e7d88a7f77c578c95129
+  data.tar.gz: b8b84cf1f025413fa173b7aeaab4382e0bee0b6f16c1cee0019149efd52081d3
 SHA512:
-  metadata.gz: c0c6e25bebd4cb6783b23d99756355dac5f67456eb25df653ca9c47af5cf735e41a3ccc3020632c07056bd02615f6c31001652a3124be9d3660ef8fbd9dfd104
-  data.tar.gz: 8fe14e36cd46640fa7af588b1ca674ad0fbba35194a9b8b4c663bd0bebd4a6242251fc8d95a126d5256d6e00ac2ead0fb9eb86da56e6f4d5b115c1c015815582
+  metadata.gz: 846e83020aafb6de0ac16a9ee2cf6114fba343cd938b8747c69f0a7f3729410d4a26671b45a575311dac7f832c64b472764eea9b6df3ab29f7b2c2d35f21c0d9
+  data.tar.gz: e8548fbb75ff3c77a0f40c366dead57239d3f7cfe65fd242e94ae43add06ea414e57fa3bae024e4d7b8ae993c0c3b8091aa4abb5b44e826822a2f33e89fbe5ff

data/README.md

@@ -40,7 +40,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
 ```
 
 ## Contributing

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

@@ -15,6 +15,8 @@
   background-color: #ffdd00;
   box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
   text-decoration: none;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
 }
 .govuk-link:link {
   color: #1d70b8;
@@ -165,7 +167,7 @@
 }
 @media (min-width: 40.0625em) {
   .govuk-list--bullet > li,
-.govuk-list--number > li {
+  .govuk-list--number > li {
     margin-bottom: 5px;
   }
 }
@@ -624,8 +626,8 @@
 }
 @media (min-width: 40.0625em) {
   .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l,
-.govuk-body-s + .govuk-heading-l,
-.govuk-list + .govuk-heading-l {
+  .govuk-body-s + .govuk-heading-l,
+  .govuk-list + .govuk-heading-l {
     padding-top: 20px;
   }
 }
@@ -641,12 +643,12 @@
 }
 @media (min-width: 40.0625em) {
   .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m,
-.govuk-body-s + .govuk-heading-m,
-.govuk-list + .govuk-heading-m,
-.govuk-body-m + .govuk-heading-s,
-.govuk-body + .govuk-heading-s,
-.govuk-body-s + .govuk-heading-s,
-.govuk-list + .govuk-heading-s {
+  .govuk-body-s + .govuk-heading-m,
+  .govuk-list + .govuk-heading-m,
+  .govuk-body-m + .govuk-heading-s,
+  .govuk-body + .govuk-heading-s,
+  .govuk-body-s + .govuk-heading-s,
+  .govuk-list + .govuk-heading-s {
     padding-top: 10px;
   }
 }
@@ -765,7 +767,7 @@
     align-items: baseline;
   }
   .govuk-button-group .govuk-button,
-.govuk-button-group .govuk-link {
+  .govuk-button-group .govuk-link {
     margin-right: 15px;
   }
   .govuk-button-group .govuk-link {
@@ -828,7 +830,7 @@
 }
 @media (min-width: 40.0625em) {
   .govuk-grid-column-one-third {
-    width: 33.3333%;
+    width: 33.3333333333%;
     float: left;
   }
 }
@@ -852,7 +854,7 @@
 }
 @media (min-width: 40.0625em) {
   .govuk-grid-column-two-thirds {
-    width: 66.6666%;
+    width: 66.6666666667%;
     float: left;
   }
 }
@@ -898,7 +900,7 @@
 }
 @media (min-width: 48.0625em) {
   .govuk-grid-column-one-third-from-desktop {
-    width: 33.3333%;
+    width: 33.3333333333%;
     float: left;
   }
 }
@@ -920,7 +922,7 @@
 }
 @media (min-width: 48.0625em) {
   .govuk-grid-column-two-thirds-from-desktop {
-    width: 66.6666%;
+    width: 66.6666666667%;
     float: left;
   }
 }
@@ -965,7 +967,7 @@
 }
 @media (min-width: 40.0625em) {
   .govuk-main-wrapper--auto-spacing:first-child,
-.govuk-main-wrapper--l {
+  .govuk-main-wrapper--l {
     padding-top: 50px;
   }
 }
@@ -1250,7 +1252,7 @@
 
 @supports not (caret-color: auto) {
   .govuk-fieldset,
-x:-moz-any-link {
+  x:-moz-any-link {
     display: table-cell;
   }
 }
@@ -1983,13 +1985,13 @@ x:-moz-any-link {
 }
 @media print {
   .govuk-input__prefix,
-.govuk-input__suffix {
+  .govuk-input__suffix {
     font-family: sans-serif;
   }
 }
 @media (min-width: 40.0625em) {
   .govuk-input__prefix,
-.govuk-input__suffix {
+  .govuk-input__suffix {
     font-size: 19px;
     font-size: 1.1875rem;
     line-height: 1.3157894737;
@@ -1997,20 +1999,20 @@ x:-moz-any-link {
 }
 @media print {
   .govuk-input__prefix,
-.govuk-input__suffix {
+  .govuk-input__suffix {
     font-size: 14pt;
     line-height: 1.15;
   }
 }
 @media (max-width: 40.0525em) {
   .govuk-input__prefix,
-.govuk-input__suffix {
+  .govuk-input__suffix {
     line-height: 1.6;
   }
 }
 @media (max-width: 19.99em) {
   .govuk-input__prefix,
-.govuk-input__suffix {
+  .govuk-input__suffix {
     display: block;
     height: 100%;
     white-space: normal;
@@ -2182,6 +2184,8 @@ x:-moz-any-link {
   background-color: #ffdd00;
   box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
   text-decoration: none;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
 }
 .govuk-error-summary__list a:link, .govuk-error-summary__list a:visited {
   color: #d4351c;
@@ -4091,6 +4095,145 @@ x:-moz-any-link {
   }
 }
 
+.govuk-multi-select {
+  display: block;
+  position: relative;
+  font-family: "Open Sans", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  font-size: 16px;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media print {
+  .govuk-multi-select {
+    font-family: sans-serif;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-multi-select {
+    font-size: 19px;
+    font-size: 1.1875rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-multi-select {
+    font-size: 14pt;
+    line-height: 1.25;
+  }
+}
+
+.govuk-multi-select > .summary {
+  display: inline-block;
+  white-space: nowrap;
+  position: relative;
+  cursor: pointer;
+  box-sizing: border-box;
+  min-width: 10.5em;
+  max-width: 100%;
+  height: 40px;
+  height: 2.5rem;
+  padding: 5px;
+  padding-right: calc(5px + 1em);
+  border: 2px solid #0b0c0c;
+  color: #0b0c0c;
+  background-color: #ffffff;
+}
+.govuk-multi-select > .summary.placeholder {
+  color: #505a5f;
+}
+.govuk-multi-select > .summary::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -4.5px;
+  width: 5px;
+  height: 5px;
+  right: 3px;
+  border-style: solid;
+  border-color: transparent #0b0c0c #0b0c0c transparent;
+  border-width: 1px;
+  pointer-events: none;
+  transform: rotate(45deg);
+}
+
+.govuk-multi-select > .summary:focus,
+.govuk-multi-select[data-multi-select-open-value=true] > .summary {
+  outline: 3px solid #ffdd00;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 2px;
+}
+
+.govuk-multi-select [role=listbox] {
+  display: none;
+  list-style: none;
+  padding-left: 0;
+}
+.govuk-multi-select [role=listbox][aria-expanded=true] {
+  display: block;
+  position: absolute;
+  top: calc(100% - 2px - 3px);
+  left: 0;
+  z-index: 999;
+  width: 100%;
+  overflow-y: auto;
+  background: #ffffff;
+  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
+  border: 2px solid #0b0c0c;
+}
+
+.govuk-multi-select [role=option] {
+  outline-offset: -4px;
+  position: relative;
+  padding: 0.5rem 1.25rem 0.5rem 2.25rem;
+  background: #ffffff;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  line-height: 1.5rem;
+}
+.govuk-multi-select [role=option][selected] {
+  padding-right: 22px;
+}
+.govuk-multi-select [role=option][disabled] {
+  opacity: 0.5;
+}
+.govuk-multi-select [role=option]:hover {
+  background-color: #b1b4b6;
+}
+.govuk-multi-select [role=option]:focus, .govuk-multi-select [role=option]:active {
+  outline: none;
+  color: #ffffff;
+  background-color: #1d70b8;
+}
+.govuk-multi-select [role=option]::after {
+  content: "";
+  width: 0.75rem;
+  height: 0.75rem;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  transform: translate(-50%, -50%);
+  border: 2px solid #0b0c0c;
+  background: #0b0c0c;
+  box-shadow: inset 0 0 0 1em #ffffff;
+  transition: box-shadow 0.2s;
+}
+.govuk-multi-select [role=option][selected]::after {
+  box-shadow: inset 0 0 0 2px #ffffff;
+  border: 2px solid #0b0c0c;
+}
+
+.govuk-multi-select--error > .summary {
+  border-color: #d4351c;
+}
+.govuk-multi-select--error > .summary > .summary:focus {
+  border-color: #0b0c0c;
+}
+
 .govuk-richtextarea {
   font-family: "Open Sans", sans-serif;
   -webkit-font-smoothing: antialiased;