katalyst-govuk-formbuilder 1.2.2 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0239e89e8855a5ded349983abca46fbf5a5c0bd7afb2acc9c550baf167c10f27'
-  data.tar.gz: 1c644907ab50cf26ea1d179d829c0c14498b01e8ce2f1639fc64efdac009d32f
+  metadata.gz: 11f4dd71a5f26238850ca0057e3ff8e96348189dfa14e7d88a7f77c578c95129
+  data.tar.gz: b8b84cf1f025413fa173b7aeaab4382e0bee0b6f16c1cee0019149efd52081d3
 SHA512:
-  metadata.gz: 7ce9b3e9bfd4068f39b984d3b8035335b51dc141ad65a56f42ee373688c777ddd4a1db38fdbd8b7f4a4a0b5863e45b63767676ad90927a48899778890670dea9
-  data.tar.gz: 4ac11cc52ef5cdffedca22504d96b8571611a62697f5aae4a4277d3828fedf3f87caa1f13cdd3b4617491465462f52a6b3658a334996afef0680f034c8be29e3
+  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;