defra_ruby_template 3.15.1 → 5.4.0

data/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss

@@ -0,0 +1,165 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/input") {
+  .govuk-input {
+    @include govuk-font($size: 19);
+
+    box-sizing: border-box;
+    width: 100%;
+    height: govuk-px-to-rem(40px);
+    margin-top: 0;
+    padding: govuk-spacing(1);
+    // setting any background-color makes text invisible when changing colours to dark backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)
+    // as background-color and color need to always be set together, color should not be set either
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    // Disable inner shadow and remove rounded corners
+    -webkit-appearance: none;
+            appearance: none;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Ensure outline appears outside of the element
+      outline-offset: 0;
+      // Double the border by adding its width again. Use `box-shadow` for this // instead of changing `border-width` - this is for consistency with
+      // components such as textarea where we avoid changing `border-width` as
+      // it will change the element size. Also, `outline` cannot be utilised
+      // here as it is already used for the yellow focus state.
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-input::-webkit-outer-spin-button,
+  .govuk-input::-webkit-inner-spin-button {
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .govuk-input[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  .govuk-input--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+
+  .govuk-input--extra-letter-spacing {
+    @include govuk-font-tabular-numbers;
+    letter-spacing: 0.05em;
+  }
+
+  // em measurements are based on the point size of the typeface
+  // Extra space is added on the right hand side to allow for the Safari prefill icon
+
+  .govuk-input--width-30 {
+    max-width: 29.5em;
+  }
+
+  .govuk-input--width-20 {
+    max-width: 20.5em;
+  }
+
+  .govuk-input--width-10 {
+    max-width: 11.5em;
+  }
+
+  .govuk-input--width-5 {
+    max-width: 5.5em;
+  }
+
+  .govuk-input--width-4 {
+    max-width: 4.5em;
+  }
+
+  .govuk-input--width-3 {
+    max-width: 3.75em;
+  }
+
+  .govuk-input--width-2 {
+    max-width: 2.75em;
+  }
+
+  .govuk-input__wrapper {
+    display: flex;
+
+    .govuk-input {
+      flex: 0 1 auto;
+    }
+
+    .govuk-input:focus {
+      // Hack to stop focus style being overlapped by the suffix
+      z-index: 1;
+    }
+
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+
+      .govuk-input {
+        // Set max-width to override potential width override class on the input
+        max-width: 100%;
+      }
+    }
+  }
+
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    @include govuk-font($size: 19);
+    box-sizing: border-box;
+    // Use flexbox to align text within the prefix and suffix
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: govuk-px-to-rem(40px);
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    background-color: govuk-colour("light-grey");
+    text-align: center;
+    white-space: nowrap;
+    // Emphasise non-editable status of prefixes and suffixes
+    cursor: default;
+    flex: 0 0 auto;
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+      height: 100%;
+      white-space: normal;
+    }
+  }
+
+  .govuk-input__prefix {
+    @include govuk-media-query($until: mobile) {
+      border-bottom: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-right: 0;
+    }
+  }
+
+  // Split prefix/suffix onto separate lines on narrow screens
+  .govuk-input__suffix {
+    @include govuk-media-query($until: mobile) {
+      border-top: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-left: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,yBAAyB;IACzB,+JAA+J;IAC/J,8FAA8F;IAC9F,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,6IAA6I;MAC7I,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;IAC1D;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,mCAAmC;IACnC,sBAAsB;EACxB;;EAEA,6DAA6D;EAC7D,kFAAkF;;EAElF;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;IAC9B,sBAAsB;IACtB,wDAAwD;IACxD,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;IACzE,4CAA4C;IAC5C,kBAAkB;IAClB,mBAAmB;IACnB,wDAAwD;IACxD,eAAe;IACf,cAAc;IACd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE,eAAe;IACjB;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE,cAAc;IAChB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // setting any background-color makes text invisible when changing colours to dark backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)\n    // as background-color and color need to always be set together, color should not be set either\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      // Double the border by adding its width again. Use `box-shadow` for this // instead of changing `border-width` - this is for consistency with\n      // components such as textarea where we avoid changing `border-width` as\n      // it will change the element size. Also, `outline` cannot be utilised\n      // here as it is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right hand side to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    background-color: govuk-colour(\"light-grey\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @include govuk-media-query($until: mobile) {\n      border-bottom: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @include govuk-media-query($until: mobile) {\n      border-top: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-left: 0;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_input.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}