govuk_publishing_components 39.2.5 → 40.0.0

data/node_modules/govuk-frontend/govuk/components/radios/_index.scss

@@ -1,351 +0,0 @@
-@import "../error-message/index";
-@import "../fieldset/index";
-@import "../hint/index";
-@import "../label/index";
-
-@include govuk-exports("govuk/component/radios") {
-
-  $govuk-touch-target-size: 44px;
-  $govuk-radios-size: 40px;
-  $govuk-small-radios-size: 24px;
-  $govuk-radios-label-padding-left-right: govuk-spacing(3);
-  // When the default focus width is used on a curved edge it looks visually smaller.
-  // So for the circular radios we bump the default to make it look visually consistent.
-  $govuk-radios-focus-width: $govuk-focus-width + 1px;
-
-  .govuk-radios__item {
-    @include govuk-font($size: 19);
-
-    display: block;
-    position: relative;
-
-    min-height: $govuk-radios-size;
-
-    margin-bottom: govuk-spacing(2);
-    padding-left: $govuk-radios-size;
-
-    clear: left;
-  }
-
-  .govuk-radios__item:last-child,
-  .govuk-radios__item:last-of-type {
-    margin-bottom: 0;
-  }
-
-  .govuk-radios__input {
-    $input-offset: ($govuk-touch-target-size - $govuk-radios-size) / 2;
-
-    cursor: pointer;
-
-    // IE8 doesn’t support pseudo-elements, so we don’t want to hide native
-    // elements there.
-    @include _govuk-not-ie8 {
-      position: absolute;
-
-      z-index: 1;
-      top: $input-offset * -1;
-      left: $input-offset * -1;
-
-      width: $govuk-touch-target-size;
-      height: $govuk-touch-target-size;
-      margin: 0;
-
-      opacity: 0;
-    }
-
-    @include _govuk-if-ie8 {
-      margin-top: 10px;
-      margin-right: $govuk-radios-size / -2;
-      margin-left: $govuk-radios-size / -2;
-      float: left;
-
-      // add focus outline to input
-      &:focus {
-        outline: $govuk-focus-width solid $govuk-focus-colour;
-      }
-    }
-  }
-
-  .govuk-radios__label {
-    display: inline-block;
-    margin-bottom: 0;
-    padding: 8px $govuk-radios-label-padding-left-right govuk-spacing(1);
-    cursor: pointer;
-    // remove 300ms pause on mobile
-    -ms-touch-action: manipulation;
-        touch-action: manipulation;
-  }
-
-  // ( ) Radio ring
-  .govuk-radios__label:before {
-    content: "";
-    box-sizing: border-box;
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    width: $govuk-radios-size;
-    height: $govuk-radios-size;
-
-    border: $govuk-border-width-form-element solid currentcolor;
-    border-radius: 50%;
-    background: transparent;
-  }
-
-  //  •  Radio button
-  //
-  // We create the 'button' entirely out of 'border' so that they remain
-  // 'filled' even when colours are overridden in the browser.
-  .govuk-radios__label:after {
-    content: "";
-
-    position: absolute;
-    top: govuk-spacing(2);
-    left: govuk-spacing(2);
-
-    width: 0;
-    height: 0;
-
-    border: govuk-spacing(2) solid currentcolor;
-    border-radius: 50%;
-    opacity: 0;
-    background: currentcolor;
-  }
-
-  .govuk-radios__hint {
-    display: block;
-    padding-right: $govuk-radios-label-padding-left-right;
-    padding-left: $govuk-radios-label-padding-left-right;
-  }
-
-  // Focused state
-  .govuk-radios__input:focus + .govuk-radios__label:before {
-    border-width: 4px;
-
-    // When colours are overridden, the yellow box-shadow becomes invisible
-    // which means the focus state is less obvious. By adding a transparent
-    // outline, which becomes solid (text-coloured) in that context, we ensure
-    // the focus remains clearly visible.
-    outline: $govuk-focus-width solid transparent;
-    outline-offset: 1px;
-
-    // When in an explicit forced-color mode, we can use the Highlight system
-    // color for the outline to better match focus states of native controls
-    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
-      outline-color: Highlight;
-    }
-
-    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
-  }
-
-  // Selected state
-  .govuk-radios__input:checked + .govuk-radios__label:after {
-    opacity: 1;
-  }
-
-  // Disabled state
-  .govuk-radios__input:disabled,
-  .govuk-radios__input:disabled + .govuk-radios__label {
-    cursor: not-allowed;
-  }
-
-  .govuk-radios__input:disabled + .govuk-radios__label,
-  .govuk-radios__input:disabled ~ .govuk-hint {
-    opacity: .5;
-  }
-
-  // =========================================================
-  // Inline radios
-  // =========================================================
-
-  .govuk-radios--inline {
-    @include govuk-media-query ($from: tablet) {
-      @include govuk-clearfix;
-
-      .govuk-radios__item {
-        margin-right: govuk-spacing(4);
-        float: left;
-        clear: none;
-      }
-    }
-  }
-
-  // =========================================================
-  // Dividers ('or')
-  // =========================================================
-
-  .govuk-radios__divider {
-    $govuk-divider-size: $govuk-radios-size !default;
-    @include govuk-font($size: 19);
-    @include govuk-text-colour;
-    width: $govuk-divider-size;
-    margin-bottom: govuk-spacing(2);
-    text-align: center;
-  }
-
-  // =========================================================
-  // Conditional reveals
-  // =========================================================
-
-  // The narrow border is used in the conditional reveals because the border has
-  // to be an even number in order to be centred under the 40px checkbox or radio.
-  $conditional-border-width: $govuk-border-width-narrow;
-  // Calculate the amount of padding needed to keep the border centered against the radios.
-  $conditional-border-padding: ($govuk-radios-size / 2) - ($conditional-border-width / 2);
-  // Move the border centered with the radios
-  $conditional-margin-left: $conditional-border-padding;
-  // Move the contents of the conditional inline with the label
-  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;
-
-  .govuk-radios__conditional {
-    @include govuk-responsive-margin(4, "bottom");
-    margin-left: $conditional-margin-left;
-    padding-left: $conditional-padding-left;
-    border-left: $conditional-border-width solid $govuk-border-colour;
-
-    .js-enabled &--hidden {
-      display: none;
-    }
-
-    & > :last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  // =========================================================
-  // Small checkboxes
-  // =========================================================
-
-  .govuk-radios--small {
-
-    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
-    $label-offset: $govuk-touch-target-size - $input-offset;
-
-    .govuk-radios__item {
-      @include govuk-clearfix;
-      min-height: 0;
-      margin-bottom: 0;
-      padding-left: $label-offset;
-      float: left;
-    }
-
-    // Shift the touch target into the left margin so that the visible edge of
-    // the control is aligned
-    //
-    //   ┆Which colour is your favourite?
-    //  ┌┆───┐
-    //  │┆() │ Purple
-    //  └┆▲──┘
-    //  ▲┆└─ Radio pseudo element, aligned with margin
-    //  └─── Touch target (invisible input), shifted into the margin
-    .govuk-radios__input {
-      @include _govuk-not-ie8 {
-        left: $input-offset * -1;
-      }
-
-      @include _govuk-if-ie8 {
-        margin-left: $govuk-small-radios-size * -1;
-      }
-    }
-
-    // Adjust the size and position of the label.
-    //
-    // Unlike larger radios, we also have to float the label in order to
-    // 'shrink' it, preventing the hover state from kicking in across the full
-    // width of the parent element.
-    .govuk-radios__label {
-      margin-top: -2px;
-      padding: 13px govuk-spacing(3) 13px 1px;
-      float: left;
-
-      @include govuk-media-query($from: tablet) {
-        padding: 11px govuk-spacing(3) 10px 1px;
-      }
-    }
-
-    // ( ) Radio ring
-    //
-    // Reduce the size of the control [1], vertically centering it within the
-    // touch target [2]
-    .govuk-radios__label:before {
-      top: $input-offset - $govuk-border-width-form-element; // 2
-      width: $govuk-small-radios-size; // 1
-      height: $govuk-small-radios-size; // 1
-    }
-
-    //  •  Radio button
-    //
-    // Reduce the size of the 'button' and center it within the ring
-    .govuk-radios__label:after {
-      top: 15px;
-      left: 7px;
-      border-width: 5px;
-    }
-
-    // Fix position of hint with small radios
-    //
-    // Do not use hints with small radios – because they're within the input
-    // wrapper they trigger the hover state, but clicking them doesn't actually
-    // activate the control.
-    //
-    // (If you do use them, they won't look completely broken... but seriously,
-    // don't use them)
-    .govuk-radios__hint {
-      padding: 0;
-      clear: both;
-      pointer-events: none;
-    }
-
-    // Align conditional reveals with small radios
-    .govuk-radios__conditional {
-      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
-      margin-left: $margin-left;
-      padding-left: $label-offset - ($margin-left + $conditional-border-width);
-      clear: both;
-    }
-
-    .govuk-radios__divider {
-      width: $govuk-small-radios-size;
-      margin-bottom: govuk-spacing(1);
-    }
-
-    // Hover state for small radios.
-    //
-    // We use a hover state for small radios because the touch target size
-    // is so much larger than their visible size, and so we need to provide
-    // feedback to the user as to which radio they will select when their
-    // cursor is outside of the visible area.
-    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {
-      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
-    }
-
-    // Because we've overridden the border-shadow provided by the focus state,
-    // we need to redefine that too.
-    //
-    // We use two box shadows, one that restores the original focus state [1]
-    // and another that then applies the hover state [2].
-    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {
-      box-shadow:
-        0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
-        0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
-    }
-
-    // For devices that explicitly don't support hover, don't provide a hover
-    // state (e.g. on touch devices like iOS).
-    //
-    // We can't use `@media (hover: hover)` because we wouldn't get the hover
-    // state in browsers that don't support `@media (hover)` (like Internet
-    // Explorer) – so we have to 'undo' the hover state instead.
-    @media (hover: none), (pointer: coarse) {
-      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {
-        box-shadow: initial;
-      }
-
-      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {
-        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
-      }
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/govuk/components/radios/_index.scss.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n\n  $govuk-touch-target-size: 44px;\n  $govuk-radios-size: 40px;\n  $govuk-small-radios-size: 24px;\n  $govuk-radios-label-padding-left-right: govuk-spacing(3);\n  // When the default focus width is used on a curved edge it looks visually smaller.\n  // So for the circular radios we bump the default to make it look visually consistent.\n  $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n  .govuk-radios__item {\n    @include govuk-font($size: 19);\n\n    display: block;\n    position: relative;\n\n    min-height: $govuk-radios-size;\n\n    margin-bottom: govuk-spacing(2);\n    padding-left: $govuk-radios-size;\n\n    clear: left;\n  }\n\n  .govuk-radios__item:last-child,\n  .govuk-radios__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-radios__input {\n    $input-offset: ($govuk-touch-target-size - $govuk-radios-size) / 2;\n\n    cursor: pointer;\n\n    // IE8 doesn’t support pseudo-elements, so we don’t want to hide native\n    // elements there.\n    @include _govuk-not-ie8 {\n      position: absolute;\n\n      z-index: 1;\n      top: $input-offset * -1;\n      left: $input-offset * -1;\n\n      width: $govuk-touch-target-size;\n      height: $govuk-touch-target-size;\n      margin: 0;\n\n      opacity: 0;\n    }\n\n    @include _govuk-if-ie8 {\n      margin-top: 10px;\n      margin-right: $govuk-radios-size / -2;\n      margin-left: $govuk-radios-size / -2;\n      float: left;\n\n      // add focus outline to input\n      &:focus {\n        outline: $govuk-focus-width solid $govuk-focus-colour;\n      }\n    }\n  }\n\n  .govuk-radios__label {\n    display: inline-block;\n    margin-bottom: 0;\n    padding: 8px $govuk-radios-label-padding-left-right govuk-spacing(1);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // ( ) Radio ring\n  .govuk-radios__label:before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: $govuk-radios-size;\n    height: $govuk-radios-size;\n\n    border: $govuk-border-width-form-element solid currentcolor;\n    border-radius: 50%;\n    background: transparent;\n  }\n\n  //  •  Radio button\n  //\n  // We create the 'button' entirely out of 'border' so that they remain\n  // 'filled' even when colours are overridden in the browser.\n  .govuk-radios__label:after {\n    content: \"\";\n\n    position: absolute;\n    top: govuk-spacing(2);\n    left: govuk-spacing(2);\n\n    width: 0;\n    height: 0;\n\n    border: govuk-spacing(2) solid currentcolor;\n    border-radius: 50%;\n    opacity: 0;\n    background: currentcolor;\n  }\n\n  .govuk-radios__hint {\n    display: block;\n    padding-right: $govuk-radios-label-padding-left-right;\n    padding-left: $govuk-radios-label-padding-left-right;\n  }\n\n  // Focused state\n  .govuk-radios__input:focus + .govuk-radios__label:before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-radios__input:checked + .govuk-radios__label:after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-radios__input:disabled,\n  .govuk-radios__input:disabled + .govuk-radios__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-radios__input:disabled + .govuk-radios__label,\n  .govuk-radios__input:disabled ~ .govuk-hint {\n    opacity: .5;\n  }\n\n  // =========================================================\n  // Inline radios\n  // =========================================================\n\n  .govuk-radios--inline {\n    @include govuk-media-query ($from: tablet) {\n      @include govuk-clearfix;\n\n      .govuk-radios__item {\n        margin-right: govuk-spacing(4);\n        float: left;\n        clear: none;\n      }\n    }\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-radios__divider {\n    $govuk-divider-size: $govuk-radios-size !default;\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox or radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against the radios.\n  $conditional-border-padding: ($govuk-radios-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the radios\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n  .govuk-radios__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .js-enabled &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-radios--small {\n\n    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n    $label-offset: $govuk-touch-target-size - $input-offset;\n\n    .govuk-radios__item {\n      @include govuk-clearfix;\n      min-height: 0;\n      margin-bottom: 0;\n      padding-left: $label-offset;\n      float: left;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆Which colour is your favourite?\n    //  ┌┆───┐\n    //  │┆() │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Radio pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-radios__input {\n      @include _govuk-not-ie8 {\n        left: $input-offset * -1;\n      }\n\n      @include _govuk-if-ie8 {\n        margin-left: $govuk-small-radios-size * -1;\n      }\n    }\n\n    // Adjust the size and position of the label.\n    //\n    // Unlike larger radios, we also have to float the label in order to\n    // 'shrink' it, preventing the hover state from kicking in across the full\n    // width of the parent element.\n    .govuk-radios__label {\n      margin-top: -2px;\n      padding: 13px govuk-spacing(3) 13px 1px;\n      float: left;\n\n      @include govuk-media-query($from: tablet) {\n        padding: 11px govuk-spacing(3) 10px 1px;\n      }\n    }\n\n    // ( ) Radio ring\n    //\n    // Reduce the size of the control [1], vertically centering it within the\n    // touch target [2]\n    .govuk-radios__label:before {\n      top: $input-offset - $govuk-border-width-form-element; // 2\n      width: $govuk-small-radios-size; // 1\n      height: $govuk-small-radios-size; // 1\n    }\n\n    //  •  Radio button\n    //\n    // Reduce the size of the 'button' and center it within the ring\n    .govuk-radios__label:after {\n      top: 15px;\n      left: 7px;\n      border-width: 5px;\n    }\n\n    // Fix position of hint with small radios\n    //\n    // Do not use hints with small radios – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-radios__hint {\n      padding: 0;\n      clear: both;\n      pointer-events: none;\n    }\n\n    // Align conditional reveals with small radios\n    .govuk-radios__conditional {\n      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: $label-offset - ($margin-left + $conditional-border-width);\n      clear: both;\n    }\n\n    .govuk-radios__divider {\n      width: $govuk-small-radios-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small radios.\n    //\n    // We use a hover state for small radios because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which radio they will select when their\n    // cursor is outside of the visible area.\n    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {\n      box-shadow:\n        0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1\n        0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {\n        box-shadow: initial;\n      }\n\n      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {\n        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss

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

data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss.map

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