@ministryofjustice/frontend 8.0.0-beta.1 → 9.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/moj/all.bundle.js +5 -3
- package/moj/all.bundle.js.map +1 -1
- package/moj/all.bundle.mjs +5 -3
- package/moj/all.bundle.mjs.map +1 -1
- package/moj/common/moj-frontend-version.mjs +1 -1
- package/moj/components/action-bar/_action-bar.scss +1 -1
- package/moj/components/action-bar/_action-bar.scss.map +1 -1
- package/moj/components/add-another/_add-another.scss +4 -4
- package/moj/components/add-another/_add-another.scss.map +1 -1
- package/moj/components/alert/_alert.scss +2 -2
- package/moj/components/alert/_alert.scss.map +1 -1
- package/moj/components/badge/_badge.scss +17 -7
- package/moj/components/badge/_badge.scss.map +1 -1
- package/moj/components/banner/_banner.scss +2 -2
- package/moj/components/banner/_banner.scss.map +1 -1
- package/moj/components/button-menu/_button-menu.scss +1 -1
- package/moj/components/button-menu/_button-menu.scss.map +1 -1
- package/moj/components/currency-input/_currency-input.scss +1 -1
- package/moj/components/currency-input/_currency-input.scss.map +1 -1
- package/moj/components/date-picker/_date-picker.scss +2 -1
- package/moj/components/date-picker/_date-picker.scss.map +1 -1
- package/moj/components/date-picker/date-picker.bundle.js +4 -2
- package/moj/components/date-picker/date-picker.bundle.js.map +1 -1
- package/moj/components/date-picker/date-picker.bundle.mjs +4 -2
- package/moj/components/date-picker/date-picker.bundle.mjs.map +1 -1
- package/moj/components/date-picker/date-picker.mjs +4 -2
- package/moj/components/date-picker/date-picker.mjs.map +1 -1
- package/moj/components/domain-specific/probation/footer/_footer.scss +2 -2
- package/moj/components/domain-specific/probation/footer/_footer.scss.map +1 -1
- package/moj/components/domain-specific/probation/header/README.md +3 -1
- package/moj/components/domain-specific/probation/header/_header.scss +11 -10
- package/moj/components/domain-specific/probation/header/_header.scss.map +1 -1
- package/moj/components/domain-specific/probation/header/template.njk +2 -2
- package/moj/components/filter/_filter.scss +11 -11
- package/moj/components/filter/_filter.scss.map +1 -1
- package/moj/components/header/_header.scss +4 -0
- package/moj/components/header/_header.scss.map +1 -1
- package/moj/components/identity-bar/_identity-bar.scss +18 -6
- package/moj/components/identity-bar/_identity-bar.scss.map +1 -1
- package/moj/components/messages/_messages.scss +3 -3
- package/moj/components/messages/_messages.scss.map +1 -1
- package/moj/components/pagination/_pagination.scss +8 -105
- package/moj/components/pagination/_pagination.scss.map +1 -1
- package/moj/components/pagination/template.njk +55 -28
- package/moj/components/primary-navigation/_primary-navigation.scss +8 -7
- package/moj/components/primary-navigation/_primary-navigation.scss.map +1 -1
- package/moj/components/search-toggle/_search-toggle.scss +6 -6
- package/moj/components/search-toggle/_search-toggle.scss.map +1 -1
- package/moj/components/side-navigation/_side-navigation.scss +16 -16
- package/moj/components/side-navigation/_side-navigation.scss.map +1 -1
- package/moj/components/sortable-table/_sortable-table.scss +4 -4
- package/moj/components/sortable-table/_sortable-table.scss.map +1 -1
- package/moj/components/sub-navigation/_sub-navigation.scss +5 -5
- package/moj/components/sub-navigation/_sub-navigation.scss.map +1 -1
- package/moj/components/tag/_tag.scss +6 -6
- package/moj/components/tag/_tag.scss.map +1 -1
- package/moj/components/ticket-panel/_ticket-panel.scss +2 -2
- package/moj/components/ticket-panel/_ticket-panel.scss.map +1 -1
- package/moj/components/timeline/_timeline.scss +3 -3
- package/moj/components/timeline/_timeline.scss.map +1 -1
- package/moj/core/_moj-frontend-properties.scss +1 -1
- package/moj/helpers/_links.scss +1 -1
- package/moj/helpers/_links.scss.map +1 -1
- package/moj/moj-frontend.min.css +1 -1
- package/moj/moj-frontend.min.css.map +1 -1
- package/moj/moj-frontend.min.js +1 -1
- package/moj/moj-frontend.min.js.map +1 -1
- package/moj/objects/_filter-layout.scss +1 -1
- package/moj/objects/_filter-layout.scss.map +1 -1
- package/moj/objects/_scrollable-pane.scss +4 -0
- package/moj/objects/_scrollable-pane.scss.map +1 -1
- package/moj/vendor/govuk-frontend/_base.scss +1 -5
- package/moj/vendor/govuk-frontend/_base.scss.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/action-bar/_action-bar.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,YAAY,EAAE,qBAAqB;AACrC;;AAEA;EACE,qBAAqB;EACrB,kBAAkB;;EAElB;IACE,YAAY;EACd;;EAEA;IACE,8BAA8B;IAC9B,qCAAqC,EAAE,kCAAkC;;IAEzE;MACE,WAAW;MACX,kBAAkB;MAClB,MAAM;MACN,QAAQ;MACR,UAAU;MACV,YAAY;MACZ,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/action-bar/_action-bar.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,YAAY,EAAE,qBAAqB;AACrC;;AAEA;EACE,qBAAqB;EACrB,kBAAkB;;EAElB;IACE,YAAY;EACd;;EAEA;IACE,8BAA8B;IAC9B,qCAAqC,EAAE,kCAAkC;;IAEzE;MACE,WAAW;MACX,kBAAkB;MAClB,MAAM;MACN,QAAQ;MACR,UAAU;MACV,YAAY;MACZ,4DAA4D;IAC9D;EACF;;EAEA;IACE,wBAAwB;EAC1B;AACF","file":"_action-bar.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-action-bar {\n font-size: 0; // Removes white space\n}\n\n.moj-action-bar__filter {\n display: inline-block;\n position: relative;\n\n @include govuk-media-query($until: desktop) {\n float: right;\n }\n\n @include govuk-media-query($from: desktop) {\n margin-right: govuk-spacing(2);\n padding-right: govuk-spacing(2) + 2px; // Takes into account divider width\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 2px;\n height: 40px;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n }\n }\n\n > .govuk-button {\n vertical-align: baseline;\n }\n}\n"]}
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
|
|
41
41
|
.moj-add-another__heading:focus {
|
|
42
42
|
outline: none;
|
|
43
|
-
color:
|
|
44
|
-
background-color:
|
|
43
|
+
color: govuk-functional-colour(focus-text);
|
|
44
|
+
background-color: govuk-functional-colour(focus);
|
|
45
45
|
box-shadow:
|
|
46
|
-
0 -2px
|
|
47
|
-
0 4px
|
|
46
|
+
0 -2px govuk-functional-colour(focus),
|
|
47
|
+
0 4px govuk-functional-colour(focus-text);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
/*# sourceMappingURL=_add-another.scss.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/add-another/_add-another.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE;IACE,kBAAkB;IAClB,SAAS;IACT,4BAA4B;IAC5B,UAAU;;IAEV;MACE,aAAa;IACf;EACF;;EAEA;IACE,WAAW;IACX,wBAAwB;IACxB,WAAW;;IAEX;MACE,WAAW;IACb;EACF;;EAEA;IACE,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,WAAW;EACb;;EAEA;IACE,cAAc;EAChB;AACF;;AAEA;EACE,aAAa;EACb
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/add-another/_add-another.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE;IACE,kBAAkB;IAClB,SAAS;IACT,4BAA4B;IAC5B,UAAU;;IAEV;MACE,aAAa;IACf;EACF;;EAEA;IACE,WAAW;IACX,wBAAwB;IACxB,WAAW;;IAEX;MACE,WAAW;IACb;EACF;;EAEA;IACE,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,WAAW;EACb;;EAEA;IACE,cAAc;EAChB;AACF;;AAEA;EACE,aAAa;EACb,0CAA0C;EAC1C,gDAAgD;EAChD;;6CAE2C;AAC7C","file":"_add-another.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #ADD ANOTHER\n ========================================================================== */\n\n.moj-add-another {\n &__item {\n position: relative;\n margin: 0;\n margin-top: govuk-spacing(6);\n padding: 0;\n\n &:first-of-type {\n margin-top: 0;\n }\n }\n\n &__title {\n width: 100%;\n padding: 4px 100px 4px 0;\n float: left;\n\n & + .govuk-form-group {\n clear: left;\n }\n }\n\n &__remove-button {\n position: absolute;\n top: 0;\n right: 0;\n width: auto;\n }\n\n &__add-button {\n display: block;\n }\n}\n\n.moj-add-another__heading:focus {\n outline: none;\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n box-shadow:\n 0 -2px govuk-functional-colour(focus),\n 0 4px govuk-functional-colour(focus-text);\n}\n"]}
|
|
@@ -96,8 +96,8 @@
|
|
|
96
96
|
/* Style variants
|
|
97
97
|
========================================================================== */
|
|
98
98
|
.moj-alert--information {
|
|
99
|
-
border-color:
|
|
100
|
-
color:
|
|
99
|
+
border-color: govuk-functional-colour(brand);
|
|
100
|
+
color: govuk-functional-colour(brand);
|
|
101
101
|
|
|
102
102
|
.moj-alert__dismiss,
|
|
103
103
|
.moj-alert__content a {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/alert/_alert.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,yCAAyC;AACzC,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,iBAAiB;EACjB,aAAa;EACb,+BAA+B;EAC/B,yBAAyB;EACzB,6BAA6B;EAC7B,iCAAiC;EACjC,gDAAgD;EAChD,6DAAqD;EAArD,qDAAqD;EACrD,qBAAqB;EACrB,iCAAiC;;EAEjC;IACE,qDAAqD;EACvD;AACF;;AAEA;EACE;IACE,kEAA0D;IAA1D,0DAA0D;EAC5D;AACF;;AAEA;EACE,cAAc;EACd,4BAA4B;EAC5B,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,iCAAiC;EACjC,iCAAiC;EACjC,gBAAgB;EAChB,4BAA4B;EAC5B,mCAAmC;;EAEnC;IACE,iCAAiC;EACnC;AACF;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;;EAEnB;IACE,oBAAoB;IACpB,mBAAmB;EACrB;AACF;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,6BAA6B;EAC7B,wBAAwB;EACxB,eAAe;EACf,gBAAgB;EAChB,mCAAmC;EACnC,0BAA0B;EAC1B,iCAAiC;EACjC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,aAAa;EACb,mCAAmC;EACnC,0BAA0B;EAC1B,mCAAmC;EACnC,qCAAqC;;EAErC;IACE,mCAAmC;EACrC;AACF;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;+EAC+E;AAC/E;EACE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/alert/_alert.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,yCAAyC;AACzC,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,iBAAiB;EACjB,aAAa;EACb,+BAA+B;EAC/B,yBAAyB;EACzB,6BAA6B;EAC7B,iCAAiC;EACjC,gDAAgD;EAChD,6DAAqD;EAArD,qDAAqD;EACrD,qBAAqB;EACrB,iCAAiC;;EAEjC;IACE,qDAAqD;EACvD;AACF;;AAEA;EACE;IACE,kEAA0D;IAA1D,0DAA0D;EAC5D;AACF;;AAEA;EACE,cAAc;EACd,4BAA4B;EAC5B,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,iCAAiC;EACjC,iCAAiC;EACjC,gBAAgB;EAChB,4BAA4B;EAC5B,mCAAmC;;EAEnC;IACE,iCAAiC;EACnC;AACF;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;;EAEnB;IACE,oBAAoB;IACpB,mBAAmB;EACrB;AACF;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,6BAA6B;EAC7B,wBAAwB;EACxB,eAAe;EACf,gBAAgB;EAChB,mCAAmC;EACnC,0BAA0B;EAC1B,iCAAiC;EACjC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,aAAa;EACb,mCAAmC;EACnC,0BAA0B;EAC1B,mCAAmC;EACnC,qCAAqC;;EAErC;IACE,mCAAmC;EACrC;AACF;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;+EAC+E;AAC/E;EACE,4CAA4C;EAC5C,qCAAqC;;EAErC;;IAEE,0BAA0B;IAC1B,iCAAiC;EACnC;AACF;;AAEA;EACE,mCAAmC;EACnC,4BAA4B;;EAE5B;;;IAGE,0BAA0B;IAC1B,iCAAiC;EACnC;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;IACE,+BAA+B;EACjC;;EAEA;;;IAGE,0BAA0B;IAC1B,+BAA+B;EACjC;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;;;IAGE,0BAA0B;IAC1B,+BAA+B;EACjC;AACF","file":"_alert.scss","sourcesContent":["@use \"../../helpers/links\" as *;\n@use \"../../objects/width-container\" as *;\n@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-alert {\n display: -ms-grid;\n display: grid;\n margin-bottom: govuk-spacing(6);\n padding: govuk-spacing(2);\n border: 5px solid transparent;\n background: govuk-colour(\"white\");\n -ms-grid-columns: min-content fit-content(960px);\n grid-template-columns: min-content fit-content(960px);\n gap: govuk-spacing(2);\n @include govuk-font($size: false);\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n }\n}\n\n.moj-alert[data-dismissible] {\n @include govuk-media-query($from: tablet) {\n grid-template-columns: min-content fit-content(920px) auto;\n }\n}\n\n.moj-alert__icon {\n display: block;\n width: govuk-px-to-rem(30px);\n height: govuk-px-to-rem(30px);\n fill: currentcolor;\n}\n\n.moj-alert__content {\n display: block;\n // Padding to align text with icon\n padding-top: govuk-px-to-rem(5px);\n overflow: hidden;\n color: govuk-colour(\"black\");\n @include govuk-font-size($size: 19);\n\n @include govuk-media-query($from: tablet) {\n padding-top: govuk-px-to-rem(2px);\n }\n}\n\n.moj-alert__action {\n grid-column-start: 2;\n grid-column-end: -1;\n\n @include govuk-media-query($from: tablet) {\n grid-column-start: 3;\n justify-self: right;\n }\n}\n\n.moj-alert__dismiss {\n // Give the button link styling\n margin-bottom: 0;\n padding: 0;\n border: none;\n color: unset;\n background-color: transparent;\n -webkit-appearance: none;\n cursor: pointer;\n appearance: none;\n @include govuk-font-size($size: 19);\n @include govuk-link-common;\n @include govuk-link-style-default;\n @include govuk-link-print-friendly;\n}\n\n.moj-alert__heading {\n display: block;\n margin-top: 0;\n margin-bottom: govuk-px-to-rem(5px);\n @include govuk-text-colour;\n @include govuk-font-size($size: 24);\n @include govuk-typography-weight-bold;\n\n @include govuk-media-query($from: tablet) {\n margin-bottom: govuk-px-to-rem(3px);\n }\n}\n\n.moj-alert__content p:last-child,\n.moj-alert__content a:last-child,\n.moj-alert__content ul:last-child {\n margin-bottom: 0;\n}\n\n/* Style variants\n ========================================================================== */\n.moj-alert--information {\n border-color: govuk-functional-colour(brand);\n color: govuk-functional-colour(brand);\n\n .moj-alert__dismiss,\n .moj-alert__content a {\n @include govuk-link-common;\n @include govuk-link-style-default;\n }\n}\n\n.moj-alert--success {\n border-color: govuk-colour(\"green\");\n color: govuk-colour(\"green\");\n\n .moj-alert__dismiss,\n .moj-alert__content a,\n .moj-alert__content .govuk-link {\n @include govuk-link-common;\n @include govuk-link-style-success;\n }\n}\n\n.moj-alert--warning {\n border-color: $moj-warning-colour;\n color: $moj-warning-colour;\n\n .moj-alert__dismiss {\n color: $moj-warning-link-colour;\n }\n\n .moj-alert__dismiss,\n .moj-alert__content a,\n .moj-alert__content .govuk-link {\n @include govuk-link-common;\n @include moj-link-style-warning;\n }\n}\n\n.moj-alert--error {\n border-color: govuk-colour(\"red\");\n color: govuk-colour(\"red\");\n\n .moj-alert__dismiss,\n .moj-alert__content a,\n .moj-alert__content .govuk-link {\n @include govuk-link-common;\n @include govuk-link-style-error;\n }\n}\n"]}
|
|
@@ -7,13 +7,23 @@
|
|
|
7
7
|
.moj-badge {
|
|
8
8
|
display: inline-block;
|
|
9
9
|
padding: 0 govuk-spacing(1);
|
|
10
|
-
border: 2px solid
|
|
10
|
+
border: 2px solid govuk-functional-colour(brand);
|
|
11
11
|
outline: 2px solid transparent;
|
|
12
12
|
outline-offset: -2px;
|
|
13
|
-
color:
|
|
13
|
+
color: govuk-functional-colour(brand);
|
|
14
|
+
font-size: 12px;
|
|
15
|
+
line-height: 15px;
|
|
14
16
|
text-transform: uppercase;
|
|
15
17
|
vertical-align: middle;
|
|
16
|
-
|
|
18
|
+
|
|
19
|
+
/* no size argument as we are manually using step 14 from the legacy type
|
|
20
|
+
* scale */
|
|
21
|
+
@include govuk-font($size: false, $weight: "bold");
|
|
22
|
+
|
|
23
|
+
@include govuk-media-query(tablet) {
|
|
24
|
+
font-size: 14px;
|
|
25
|
+
line-height: 20px;
|
|
26
|
+
}
|
|
17
27
|
|
|
18
28
|
&--purple {
|
|
19
29
|
border-color: govuk-colour("purple");
|
|
@@ -21,8 +31,8 @@
|
|
|
21
31
|
}
|
|
22
32
|
|
|
23
33
|
&--bright-purple {
|
|
24
|
-
border-color: govuk-colour("
|
|
25
|
-
color: govuk-colour("
|
|
34
|
+
border-color: govuk-colour("magenta", $variant: "shade-25");
|
|
35
|
+
color: govuk-colour("magenta", $variant: "shade-25");
|
|
26
36
|
}
|
|
27
37
|
|
|
28
38
|
&--red {
|
|
@@ -46,8 +56,8 @@
|
|
|
46
56
|
}
|
|
47
57
|
|
|
48
58
|
&--grey {
|
|
49
|
-
border-color: govuk-colour("
|
|
50
|
-
color: govuk-colour("
|
|
59
|
+
border-color: govuk-colour("black", $variant: "tint-25");
|
|
60
|
+
color: govuk-colour("black", $variant: "tint-25");
|
|
51
61
|
}
|
|
52
62
|
|
|
53
63
|
&--large {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/badge/_badge.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,qBAAqB;EACrB,2BAA2B;EAC3B,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/badge/_badge.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,qBAAqB;EACrB,2BAA2B;EAC3B,gDAAgD;EAChD,8BAA8B;EAC9B,oBAAoB;EACpB,qCAAqC;EACrC,eAAe;EACf,iBAAiB;EACjB,yBAAyB;EACzB,sBAAsB;;EAEtB;WACS;EACT,kDAAkD;;EAElD;IACE,eAAe;IACf,iBAAiB;EACnB;;EAEA;IACE,oCAAoC;IACpC,6BAA6B;EAC/B;;EAEA;IACE,2DAA2D;IAC3D,oDAAoD;EACtD;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;EAC5B;;EAEA;IACE,mCAAmC;IACnC,4BAA4B;EAC9B;;EAEA;IACE,kCAAkC;IAClC,2BAA2B;EAC7B;;EAEA;IACE,mCAAmC;IACnC,4BAA4B;EAC9B;;EAEA;IACE,wDAAwD;IACxD,iDAAiD;EACnD;;EAEA;IACE,+CAA+C;EACjD;AACF","file":"_badge.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #BADGE\n ========================================================================== */\n\n.moj-badge {\n display: inline-block;\n padding: 0 govuk-spacing(1);\n border: 2px solid govuk-functional-colour(brand);\n outline: 2px solid transparent;\n outline-offset: -2px;\n color: govuk-functional-colour(brand);\n font-size: 12px;\n line-height: 15px;\n text-transform: uppercase;\n vertical-align: middle;\n\n /* no size argument as we are manually using step 14 from the legacy type\n * scale */\n @include govuk-font($size: false, $weight: \"bold\");\n\n @include govuk-media-query(tablet) {\n font-size: 14px;\n line-height: 20px;\n }\n\n &--purple {\n border-color: govuk-colour(\"purple\");\n color: govuk-colour(\"purple\");\n }\n\n &--bright-purple {\n border-color: govuk-colour(\"magenta\", $variant: \"shade-25\");\n color: govuk-colour(\"magenta\", $variant: \"shade-25\");\n }\n\n &--red {\n border-color: govuk-colour(\"red\");\n color: govuk-colour(\"red\");\n }\n\n &--green {\n border-color: govuk-colour(\"green\");\n color: govuk-colour(\"green\");\n }\n\n &--blue {\n border-color: govuk-colour(\"blue\");\n color: govuk-colour(\"blue\");\n }\n\n &--black {\n border-color: govuk-colour(\"black\");\n color: govuk-colour(\"black\");\n }\n\n &--grey {\n border-color: govuk-colour(\"black\", $variant: \"tint-25\");\n color: govuk-colour(\"black\", $variant: \"tint-25\");\n }\n\n &--large {\n @include govuk-font($size: 16, $weight: \"bold\");\n }\n}\n"]}
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
.moj-banner {
|
|
8
8
|
margin-bottom: govuk-spacing(6);
|
|
9
9
|
padding: govuk-spacing(2);
|
|
10
|
-
border: 5px solid
|
|
11
|
-
color:
|
|
10
|
+
border: 5px solid govuk-functional-colour(brand);
|
|
11
|
+
color: govuk-functional-colour(brand);
|
|
12
12
|
font-size: 0; // Removes white space when using inline-block on child element.
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/banner/_banner.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;EAC/B,yBAAyB;EACzB,qCAAqC;EACrC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/banner/_banner.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;EAC/B,yBAAyB;EACzB,gDAAgD;EAChD,qCAAqC;EACrC,YAAY,EAAE,+DAA+D;AAC/E;;AAEA;EACE,8BAA8B;EAC9B,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,4BAA4B;EAC5B,8BAA8B;AAChC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;;EAEE,gBAAgB;AAClB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;+EAC+E;;AAE/E;EACE,mCAAmC;EACnC,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;AAC5B","file":"_banner.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #BANNER\n ========================================================================== */\n\n.moj-banner {\n margin-bottom: govuk-spacing(6);\n padding: govuk-spacing(2);\n border: 5px solid govuk-functional-colour(brand);\n color: govuk-functional-colour(brand);\n font-size: 0; // Removes white space when using inline-block on child element.\n}\n\n.moj-banner__icon {\n margin-right: govuk-spacing(2);\n float: left;\n fill: currentcolor;\n}\n\n.moj-banner__message {\n display: block;\n overflow: hidden;\n color: govuk-colour(\"black\");\n @include govuk-font($size: 19);\n}\n\n.moj-banner__message h2 {\n margin-bottom: govuk-spacing(2);\n}\n\n.moj-banner__message h2:last-child,\n.moj-banner__message p:last-child {\n margin-bottom: 0;\n}\n\n.moj-banner__assistive {\n @include govuk-visually-hidden;\n}\n\n/* Style variants\n ========================================================================== */\n\n.moj-banner--success {\n border-color: govuk-colour(\"green\");\n color: govuk-colour(\"green\");\n}\n\n.moj-banner--warning {\n border-color: govuk-colour(\"red\");\n color: govuk-colour(\"red\");\n}\n"]}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
border-bottom: 1px solid $moj-button-menu-color;
|
|
73
73
|
border-radius: 0;
|
|
74
74
|
color: $govuk-text-colour;
|
|
75
|
-
background-color: govuk-colour("
|
|
75
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
76
76
|
text-align: left;
|
|
77
77
|
vertical-align: top;
|
|
78
78
|
cursor: pointer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/button-menu/_button-menu.scss"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;;EAEE,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;AACV;;AAEA;EACE,eAAe;EACf,yBAAyB;AAC3B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,eAAe,EAAE,qBAAqB;EACtC,UAAU;EACV,gBAAgB;;EAEhB;;IAEE,kBAAkB;IAClB,YAAY;EACd;;EAEA;IACE,QAAQ;EACV;AACF;;AAEA,0BAA0B;AAC1B;EACE,qBAAqB;EACrB,WAAW,EAAE,2BAA2B;EACxC,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;;EAExB;IACE,eAAe;EACjB;AACF;;AAEA,uBAAuB;AACvB;EACE,sBAAsB;EACtB,qBAAqB;EACrB,kBAAkB;EAClB,WAAW;EACX,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,yBAAyB;EACzB,0DAA0D;EAC1D,+CAA+C;EAC/C,gBAAgB;EAChB,yBAAyB;EACzB,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/button-menu/_button-menu.scss"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;;EAEE,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;AACV;;AAEA;EACE,eAAe;EACf,yBAAyB;AAC3B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,eAAe,EAAE,qBAAqB;EACtC,UAAU;EACV,gBAAgB;;EAEhB;;IAEE,kBAAkB;IAClB,YAAY;EACd;;EAEA;IACE,QAAQ;EACV;AACF;;AAEA,0BAA0B;AAC1B;EACE,qBAAqB;EACrB,WAAW,EAAE,2BAA2B;EACxC,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;;EAExB;IACE,eAAe;EACjB;AACF;;AAEA,uBAAuB;AACvB;EACE,sBAAsB;EACtB,qBAAqB;EACrB,kBAAkB;EAClB,WAAW;EACX,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,yBAAyB;EACzB,0DAA0D;EAC1D,+CAA+C;EAC/C,gBAAgB;EAChB,yBAAyB;EACzB,4DAA4D;EAC5D,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,wBAAwB;EACxB,gBAAgB;EAChB,kDAAkD;;EAElD;;;;IAIE,yBAAyB;IACzB,qBAAqB;EACvB;;EAEA;;IAEE,4BAA4B;EAC9B;;EAEA,wCAAwC;EACxC;IACE,UAAU;IACV,SAAS;EACX;;EAEA;IACE,8CAA8C;EAChD;;EAEA;IACE,WAAW;IACX,iCAAiC;IACjC,6CAA6C;IAC7C,+CAA+C;EACjD;;EAEA;IACE,iCAAiC;IACjC,+BAA+B;IAC/B,qCAAqC;IACrC,4CAA4C;EAC9C;AACF","file":"_button-menu.scss","sourcesContent":["@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-button-menu {\n display: inline-block;\n position: relative;\n}\n\n.moj-button-menu__toggle-button,\n.moj-button-menu__single-button {\n margin-bottom: 0;\n vertical-align: baseline;\n}\n\n.moj-button-menu__toggle-button span {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.moj-button-menu__toggle-button svg {\n margin-top: 2px;\n transform: rotate(180deg);\n}\n\n.moj-button-menu__toggle-button[aria-expanded=\"true\"] svg {\n transform: rotate(0deg);\n}\n\n.moj-button-menu__wrapper {\n z-index: 10;\n margin: 5px 0 0; // 2px shadow, 3px gap\n padding: 0;\n list-style: none;\n\n &,\n .moj-button-group--inline {\n position: absolute;\n width: 200px;\n }\n\n &--right {\n right: 0;\n }\n}\n\n/* Menu items with no JS */\n.moj-button-menu__item {\n display: inline-block;\n width: auto; // Override GDS’s 100% width\n margin-right: govuk-spacing(2);\n margin-bottom: govuk-spacing(2);\n vertical-align: baseline;\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n/* Menu items with JS */\n.moj-button-menu li > .moj-button-menu__item {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n margin-top: 0;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n padding: govuk-spacing(2);\n border: $govuk-border-width-form-element solid transparent;\n border-bottom: 1px solid $moj-button-menu-color;\n border-radius: 0;\n color: $govuk-text-colour;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n text-align: left;\n vertical-align: top;\n cursor: pointer;\n -webkit-appearance: none;\n appearance: none;\n @include govuk-font($size: 19, $line-height: 19px);\n\n &:link,\n &:visited,\n &:active,\n &:hover {\n color: $govuk-text-colour;\n text-decoration: none;\n }\n\n &:active,\n &:hover {\n color: govuk-colour(\"white\");\n }\n\n // Fix unwanted button padding in Firefox\n &::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n &:hover {\n background-color: $moj-button-menu-hover-color;\n }\n\n &:focus {\n z-index: 10;\n border-color: $govuk-focus-colour;\n outline: $govuk-focus-width solid transparent;\n box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n }\n\n &:focus:not(:active):not(:hover) {\n border-color: $govuk-focus-colour;\n color: $govuk-focus-text-colour;\n background-color: $govuk-focus-colour;\n box-shadow: 0 2px 0 $govuk-focus-text-colour;\n }\n}\n"]}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
margin: 2px 0 0 2px !important;
|
|
11
11
|
padding: 5.5px 12px;
|
|
12
12
|
border-right: 2px solid govuk-colour("black");
|
|
13
|
-
background-color: govuk-colour("
|
|
13
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
14
14
|
@include govuk-font(19);
|
|
15
15
|
|
|
16
16
|
&--error {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/currency-input/_currency-input.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,sDAAsD;EACtD,8BAA8B;EAC9B,mBAAmB;EACnB,6CAA6C;EAC7C,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/currency-input/_currency-input.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,sDAAsD;EACtD,8BAA8B;EAC9B,mBAAmB;EACnB,6CAA6C;EAC7C,4DAA4D;EAC5D,uBAAuB;;EAEvB;IACE,2CAA2C;IAC3C,4BAA4B;IAC5B,qCAAqC;EACvC;;EAEA;IACE,iBAAiB;EACnB;AACF;;AAEA;EACE,SAAS;EACT,kBAAkB;AACpB","file":"_currency-input.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #DENOTE\n ========================================================================== */\n\n.moj-label__currency {\n position: absolute;\n // stylelint-disable-next-line declaration-no-important\n margin: 2px 0 0 2px !important;\n padding: 5.5px 12px;\n border-right: 2px solid govuk-colour(\"black\");\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n @include govuk-font(19);\n\n &--error {\n border-right: 2px solid $govuk-error-colour;\n color: govuk-colour(\"white\");\n background-color: $govuk-error-colour;\n }\n\n @include govuk-media-query($until: tablet) {\n padding: 8px 12px;\n }\n}\n\n.moj-input__currency {\n margin: 0;\n padding-left: 40px;\n}\n"]}
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
&[aria-disabled="true"],
|
|
109
109
|
&[aria-disabled="true"]:hover {
|
|
110
110
|
color: $govuk-text-colour;
|
|
111
|
-
background-color: govuk-colour("
|
|
111
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
112
112
|
text-decoration: line-through;
|
|
113
113
|
cursor: not-allowed;
|
|
114
114
|
}
|
|
@@ -265,6 +265,7 @@
|
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
|
+
|
|
268
269
|
// stylelint-enable selector-no-qualifying-type
|
|
269
270
|
|
|
270
271
|
.moj-datepicker__wrapper {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/date-picker/_date-picker.scss"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,kBAAkB;EAClB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,UAAU;EACV,MAAM;EACN,gBAAgB;EAChB,yBAAyB;EACzB;;sBAEoB;EACpB,qCAAqC;EACrC,oBAAoB;EACpB,uCAAuC;AACzC;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,kBAAkB;EAClB,+BAA+B;EAC/B,mBAAmB;EACnB,8BAA8B;AAChC;;AAEA;EACE,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,+BAA+B;EAC/B,yBAAyB;;EAEzB;IACE,sCAAsC;EACxC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,SAAS;IACT,UAAU;EACZ;;EAEA;IACE,yBAAyB;IACzB,iBAAiB;IACjB,uBAAuB;EACzB;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,eAAe;EACf,mCAAmC;EACnC,oBAAoB;EACpB,yBAAyB;EACzB,6BAA6B;EAC7B,uBAAuB;;EAEvB;IACE,0EAA0E;IAC1E;MACE,aAAa;IACf;EACF;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,QAAQ;IACR,SAAS;IACT,OAAO;IACP,WAAW;IACX,6BAA6B;EAC/B;;EAEA;;IAEE,yBAAyB;IACzB,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/date-picker/_date-picker.scss"],"names":[],"mappings":"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","file":"_date-picker.scss","sourcesContent":["@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-datepicker {\n position: relative;\n @include govuk-font(16);\n}\n\n.moj-datepicker__dialog {\n display: none;\n position: absolute;\n z-index: 2;\n top: 0;\n min-width: 280px;\n padding: govuk-spacing(4);\n transition:\n background-color 0.2s,\n outline-color 0.2s;\n outline: 2px solid $govuk-text-colour;\n outline-offset: -2px;\n background-color: govuk-colour(\"white\");\n}\n\n.moj-datepicker__dialog--open {\n display: block;\n}\n\n.moj-datepicker__dialog-header {\n display: flex;\n position: relative;\n margin-bottom: govuk-spacing(2);\n align-items: center;\n justify-content: space-between;\n}\n\n.moj-datepicker__dialog-title {\n margin-top: 0;\n margin-bottom: 0;\n font-weight: bold;\n @include govuk-font(16);\n}\n\n.moj-datepicker__dialog-navbuttons {\n display: flex;\n align-items: center;\n}\n\n.moj-datepicker__calendar {\n margin-bottom: govuk-spacing(4);\n border-collapse: collapse;\n\n tbody:focus-within {\n outline: 2px solid $govuk-focus-colour;\n }\n\n td {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n }\n\n th {\n color: $govuk-text-colour;\n font-weight: bold;\n @include govuk-font(16);\n }\n}\n\n.moj-datepicker__dialog > .govuk-button-group {\n margin-bottom: 0;\n\n > * {\n margin-bottom: 0;\n }\n}\n\n.moj-datepicker__button {\n position: relative;\n width: 44px;\n height: 40px;\n margin: 0;\n padding: 0;\n border-width: 0;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: -2px;\n color: $govuk-text-colour;\n background-color: transparent;\n @include govuk-font(16);\n\n @media (forced-colors: active) {\n // Don't show the bottom bar in forced-color modes as it blocks the outline\n &::after {\n display: none;\n }\n }\n\n &::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 4px;\n background-color: transparent;\n }\n\n &[aria-disabled=\"true\"],\n &[aria-disabled=\"true\"]:hover {\n color: $govuk-text-colour;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n text-decoration: line-through;\n cursor: not-allowed;\n }\n\n &:hover {\n color: $govuk-text-colour;\n background-color: $moj-button-menu-color;\n text-decoration: none;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n cursor: pointer;\n }\n\n &:focus {\n outline-color: transparent;\n color: $govuk-text-colour;\n background-color: $govuk-focus-colour;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n\n &::after {\n background-color: $govuk-text-colour;\n }\n }\n\n &:focus:hover {\n outline-color: $govuk-focus-colour;\n background-color: $moj-button-menu-color;\n\n &::after {\n background-color: transparent;\n }\n }\n\n &--current:not(:focus) {\n outline-color: $govuk-link-colour;\n color: govuk-colour(\"white\");\n background-color: $govuk-link-colour;\n\n &::after {\n background-color: $govuk-link-colour;\n }\n }\n\n &--current[tabindex=\"-1\"] {\n outline-color: transparent;\n color: currentcolor;\n background: transparent;\n\n &::after {\n background-color: transparent;\n }\n }\n\n &--today {\n border: 2px solid $govuk-text-colour;\n }\n\n &--selected:not(:focus) {\n color: govuk-colour(\"white\");\n background-color: $govuk-link-colour;\n\n &::after {\n background-color: $govuk-link-colour;\n }\n\n &:hover {\n outline-color: $govuk-link-colour;\n color: $govuk-text-colour;\n background-color: $moj-button-menu-color;\n\n &::after {\n background-color: transparent;\n }\n }\n }\n}\n\n/*\n Default input with to .govuk-input--width-10 (10 chars)\n Allow that to be overriden by the input width modifiers or global width overrides.\n Width classes less than 10ch not included as that is narrower than a date.\n*/\n// stylelint-disable selector-no-qualifying-type\n.moj-datepicker input {\n max-width: 11.5em; // govuk-input--width-10\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-\\!-width-full {\n // stylelint-disable-next-line declaration-no-important\n width: 100% !important;\n max-width: none;\n }\n\n &.govuk-\\!-width-three-quarters {\n // stylelint-disable-next-line declaration-no-important\n width: 100% !important;\n max-width: none;\n\n @include govuk-media-query($from: tablet) {\n // stylelint-disable-next-line declaration-no-important\n width: 75% !important;\n }\n }\n\n &.govuk-\\!-width-two-thirds {\n // stylelint-disable-next-line declaration-no-important\n width: 100% !important;\n max-width: none;\n\n @include govuk-media-query($from: tablet) {\n // stylelint-disable-next-line declaration-no-important\n width: 66.66% !important;\n }\n }\n\n &.govuk-\\!-width-one-half {\n // stylelint-disable-next-line declaration-no-important\n width: 100% !important;\n max-width: none;\n\n @include govuk-media-query($from: tablet) {\n // stylelint-disable-next-line declaration-no-important\n width: 50% !important;\n }\n }\n\n &.govuk-\\!-width-one-third {\n // stylelint-disable-next-line declaration-no-important\n width: 100% !important;\n max-width: none;\n\n @include govuk-media-query($from: tablet) {\n // stylelint-disable-next-line declaration-no-important\n width: 33.33% !important;\n }\n }\n\n &.govuk-\\!-width-one-quarter {\n // stylelint-disable-next-line declaration-no-important\n width: 100% !important;\n max-width: none;\n\n @include govuk-media-query($from: tablet) {\n // stylelint-disable-next-line declaration-no-important\n width: 25% !important;\n }\n }\n}\n\n// stylelint-enable selector-no-qualifying-type\n\n.moj-datepicker__wrapper {\n position: relative;\n}\n\n@media (min-width: 768px) {\n .moj-datepicker__dialog {\n width: auto;\n }\n}\n\n.moj-datepicker__toggle {\n height: 40px;\n padding-top: 6px;\n border: none;\n border-bottom: 4px solid rgba(0, 0, 0, 0);\n outline: 3px solid rgba(0, 0, 0, 0);\n outline-offset: -3px;\n color: govuk-colour(\"white\");\n background-color: $govuk-text-colour;\n cursor: pointer;\n\n &:focus {\n border-bottom: 4px solid $govuk-text-colour;\n color: $govuk-text-colour;\n background-color: $govuk-focus-colour;\n }\n\n &:hover {\n border-bottom: 4px solid $moj-button-menu-color;\n color: $govuk-text-colour;\n background-color: $moj-button-menu-color;\n }\n\n &:focus:hover {\n border-bottom: 4px solid $govuk-text-colour;\n color: $govuk-text-colour;\n background-color: $moj-button-menu-color;\n }\n}\n"]}
|
|
@@ -273,8 +273,8 @@
|
|
|
273
273
|
}
|
|
274
274
|
setExcludedDays() {
|
|
275
275
|
if (this.config.excludedDays) {
|
|
276
|
-
|
|
277
|
-
|
|
276
|
+
// lowercase and arrange dayLabels to put indexOf sunday == 0 for comparison
|
|
277
|
+
// with getDay() function
|
|
278
278
|
const weekDays = this.dayLabels.map(item => item.toLowerCase());
|
|
279
279
|
if (this.config.weekStartDay === 'monday') {
|
|
280
280
|
weekDays.unshift(weekDays.pop());
|
|
@@ -300,6 +300,8 @@
|
|
|
300
300
|
* @returns {boolean}
|
|
301
301
|
*/
|
|
302
302
|
isExcludedDate(date) {
|
|
303
|
+
// This comparison does not work correctly - it will exclude the mindate itself
|
|
304
|
+
// see: https://github.com/ministryofjustice/moj-frontend/issues/923
|
|
303
305
|
if (this.minDate && this.minDate > date) {
|
|
304
306
|
return true;
|
|
305
307
|
}
|