@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
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
margin: 0;
|
|
23
23
|
padding: govuk-spacing(2);
|
|
24
24
|
padding-left: govuk-spacing(2) + 4px;
|
|
25
|
-
color: govuk-colour("
|
|
25
|
+
color: govuk-colour("black", $variant: "tint-25");
|
|
26
26
|
font-weight: normal;
|
|
27
27
|
@include govuk-font($size: 19);
|
|
28
28
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
a:link,
|
|
57
57
|
a:visited {
|
|
58
58
|
display: block;
|
|
59
|
-
color:
|
|
59
|
+
color: govuk-functional-colour(link);
|
|
60
60
|
background-color: inherit;
|
|
61
61
|
text-decoration: none;
|
|
62
62
|
|
|
@@ -74,45 +74,45 @@
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
a:hover {
|
|
77
|
-
color:
|
|
77
|
+
color: govuk-functional-colour(link-hover);
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
a:focus {
|
|
81
81
|
position: relative;
|
|
82
|
-
border-color:
|
|
83
|
-
color:
|
|
84
|
-
background-color:
|
|
82
|
+
border-color: govuk-functional-colour(focus-text);
|
|
83
|
+
color: govuk-functional-colour(focus-text);
|
|
84
|
+
background-color: govuk-functional-colour(focus);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.moj-side-navigation__item--active {
|
|
89
89
|
a:link,
|
|
90
90
|
a:visited {
|
|
91
|
-
border-color:
|
|
92
|
-
color:
|
|
91
|
+
border-color: govuk-functional-colour(link);
|
|
92
|
+
color: govuk-functional-colour(link);
|
|
93
93
|
font-weight: bold;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
a:hover {
|
|
97
|
-
border-color:
|
|
98
|
-
color:
|
|
97
|
+
border-color: govuk-functional-colour(link-hover);
|
|
98
|
+
color: govuk-functional-colour(link-hover);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
a:focus {
|
|
102
|
-
border-color:
|
|
103
|
-
color:
|
|
104
|
-
background-color:
|
|
102
|
+
border-color: govuk-functional-colour(focus-text);
|
|
103
|
+
color: govuk-functional-colour(focus-text);
|
|
104
|
+
background-color: govuk-functional-colour(focus);
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
@include govuk-media-query($from: tablet) {
|
|
108
108
|
a:link,
|
|
109
109
|
a:visited {
|
|
110
|
-
background-color: govuk-colour("
|
|
110
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
a:focus {
|
|
114
|
-
color:
|
|
115
|
-
background-color:
|
|
114
|
+
color: govuk-functional-colour(focus-text);
|
|
115
|
+
background-color: govuk-functional-colour(focus);
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/side-navigation/_side-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;;EAEvB;IACE,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,6BAA6B;EAC/B;AACF;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,oCAAoC;EACpC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/side-navigation/_side-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;;EAEvB;IACE,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,6BAA6B;EAC/B;AACF;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,oCAAoC;EACpC,iDAAiD;EACjD,mBAAmB;EACnB,8BAA8B;;EAE9B;IACE,aAAa;EACf;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,gBAAgB;;EAEhB;IACE,aAAa;IACb,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,+BAA+B;EACjC;AACF;;AAEA;EACE;IACE,aAAa;EACf;;EAEA;;;IAGE,cAAc;IACd,oCAAoC;IACpC,yBAAyB;IACzB,qBAAqB;;IAErB;MACE,yBAAyB;MACzB,sCAAsC,EAAE,2BAA2B;MACnE,oCAAoC;IACtC;;IAEA;MACE,yBAAyB;MACzB,kCAAkC;MAClC,yBAAyB;IAC3B;EACF;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB;IAClB,iDAAiD;IACjD,0CAA0C;IAC1C,gDAAgD;EAClD;AACF;;AAEA;EACE;;IAEE,2CAA2C;IAC3C,oCAAoC;IACpC,iBAAiB;EACnB;;EAEA;IACE,iDAAiD;IACjD,0CAA0C;EAC5C;;EAEA;IACE,iDAAiD;IACjD,0CAA0C;IAC1C,gDAAgD;EAClD;;EAEA;IACE;;MAEE,4DAA4D;IAC9D;;IAEA;MACE,0CAA0C;MAC1C,gDAAgD;IAClD;EACF;AACF","file":"_side-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #SIDE NAVIGATION\n ========================================================================== */\n\n.moj-side-navigation {\n @include govuk-font(16);\n\n @include govuk-media-query($until: tablet) {\n display: flex;\n overflow-x: scroll;\n }\n\n @include govuk-media-query($from: tablet) {\n display: block;\n padding: govuk-spacing(4) 0 0;\n }\n}\n\n.moj-side-navigation__title {\n margin: 0;\n padding: govuk-spacing(2);\n padding-left: govuk-spacing(2) + 4px;\n color: govuk-colour(\"black\", $variant: \"tint-25\");\n font-weight: normal;\n @include govuk-font($size: 19);\n\n @include govuk-media-query($until: tablet) {\n display: none;\n }\n}\n\n.moj-side-navigation__list {\n margin: 0;\n padding: 0;\n list-style: none;\n\n @include govuk-media-query($until: tablet) {\n display: flex;\n margin: 0;\n white-space: nowrap;\n }\n\n @include govuk-media-query($from: tablet) {\n margin-bottom: govuk-spacing(4);\n }\n}\n\n.moj-side-navigation__item {\n @include govuk-media-query($until: tablet) {\n display: flex;\n }\n\n a,\n a:link,\n a:visited {\n display: block;\n color: govuk-functional-colour(link);\n background-color: inherit;\n text-decoration: none;\n\n @include govuk-media-query($until: tablet) {\n padding: govuk-spacing(3);\n padding-bottom: govuk-spacing(3) - 4px; // Compensate for 4px border\n border-bottom: 4px solid transparent;\n }\n\n @include govuk-media-query($from: tablet) {\n padding: govuk-spacing(2);\n border-left: 4px solid transparent;\n background-color: inherit;\n }\n }\n\n a:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n a:focus {\n position: relative;\n border-color: govuk-functional-colour(focus-text);\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n }\n}\n\n.moj-side-navigation__item--active {\n a:link,\n a:visited {\n border-color: govuk-functional-colour(link);\n color: govuk-functional-colour(link);\n font-weight: bold;\n }\n\n a:hover {\n border-color: govuk-functional-colour(link-hover);\n color: govuk-functional-colour(link-hover);\n }\n\n a:focus {\n border-color: govuk-functional-colour(focus-text);\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n }\n\n @include govuk-media-query($from: tablet) {\n a:link,\n a:visited {\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n }\n\n a:focus {\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n }\n }\n}\n"]}
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
|
|
22
22
|
[aria-sort] button:focus {
|
|
23
23
|
outline: none;
|
|
24
|
-
color:
|
|
25
|
-
background-color:
|
|
24
|
+
color: govuk-functional-colour(focus-text);
|
|
25
|
+
background-color: govuk-functional-colour(focus);
|
|
26
26
|
box-shadow:
|
|
27
|
-
0 -2px
|
|
28
|
-
0 4px
|
|
27
|
+
0 -2px govuk-functional-colour(focus),
|
|
28
|
+
0 4px govuk-functional-colour(focus-text);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
/*# sourceMappingURL=_sortable-table.scss.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/sortable-table/_sortable-table.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;EAEE,oBAAoB;EACpB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,eAAe;EACf,cAAc;EACd,6BAA6B;EAG7B,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/sortable-table/_sortable-table.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;EAEE,oBAAoB;EACpB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,eAAe;EACf,cAAc;EACd,6BAA6B;EAG7B,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,0CAA0C;EAC1C,gDAAgD;EAChD;;6CAE2C;AAC7C","file":"_sortable-table.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n[aria-sort] button,\n[aria-sort] button:hover {\n display: inline-flex;\n position: relative;\n margin: 0;\n padding: 0;\n border-width: 0;\n color: #005ea5;\n background-color: transparent;\n -webkit-box-shadow: 0 0 0 0;\n -moz-box-shadow: 0 0 0 0;\n box-shadow: 0 0 0 0;\n font-family: inherit;\n font-size: inherit;\n font-size: 1em;\n font-weight: inherit;\n text-align: inherit;\n cursor: pointer;\n align-items: center;\n}\n\n[aria-sort] button: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"]}
|
|
@@ -60,11 +60,11 @@
|
|
|
60
60
|
|
|
61
61
|
&:link,
|
|
62
62
|
&:visited {
|
|
63
|
-
color:
|
|
63
|
+
color: govuk-functional-colour(link);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
&:hover {
|
|
67
|
-
color:
|
|
67
|
+
color: govuk-functional-colour(link-hover);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
&:focus {
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
|
|
93
93
|
.moj-sub-navigation__link[aria-current="page"] {
|
|
94
94
|
position: relative;
|
|
95
|
-
color:
|
|
95
|
+
color: govuk-functional-colour(link-active);
|
|
96
96
|
text-decoration: none;
|
|
97
97
|
|
|
98
98
|
&::before {
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
left: 0;
|
|
104
104
|
width: 5px;
|
|
105
105
|
height: 100%;
|
|
106
|
-
background-color:
|
|
106
|
+
background-color: govuk-functional-colour(link);
|
|
107
107
|
|
|
108
108
|
@include govuk-media-query($from: tablet) {
|
|
109
109
|
width: 100%;
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
&:hover {
|
|
115
|
-
color:
|
|
115
|
+
color: govuk-functional-colour(link-hover);
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
&:focus::before {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/sub-navigation/_sub-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;;EAEhB;IACE,WAAW;IACX,+CAA+C;EACjD;AACF;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,+CAA+C;EAC/C,uBAAuB;;EAEvB;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,8BAA8B;EAC9B,0BAA0B;EAC1B,iCAAiC;;EAEjC;IACE,eAAe;EACjB;;EAEA;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/sub-navigation/_sub-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;;EAEhB;IACE,WAAW;IACX,+CAA+C;EACjD;AACF;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,+CAA+C;EAC/C,uBAAuB;;EAEvB;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,8BAA8B;EAC9B,0BAA0B;EAC1B,iCAAiC;;EAEjC;IACE,eAAe;EACjB;;EAEA;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,oCAAoC;EACtC;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,uCAAuC;;IAEvC;MACE,WAAW;MACX,WAAW;IACb;EACF;AACF;;AAEA;EACE,kBAAkB;EAClB,2CAA2C;EAC3C,qBAAqB;;EAErB;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,+CAA+C;;IAE/C;MACE,WAAW;MACX,WAAW;IACb;EACF;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,uCAAuC;EACzC;AACF","file":"_sub-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #SECONDARY NAV\n ========================================================================== */\n\n.moj-sub-navigation {\n margin-bottom: govuk-spacing(7);\n}\n\n.moj-sub-navigation__list {\n margin: 0;\n padding: 0;\n font-size: 0; // Removes white space when using inline-block on child element.\n list-style: none;\n\n @include govuk-media-query($from: tablet) {\n width: 100%;\n box-shadow: inset 0 -1px 0 $govuk-border-colour;\n }\n}\n\n.moj-sub-navigation__item {\n display: block;\n margin-top: -1px;\n box-shadow: inset 0 -1px 0 $govuk-border-colour;\n @include govuk-font(19);\n\n &:last-child {\n box-shadow: none;\n }\n\n @include govuk-media-query($from: tablet) {\n display: inline-block;\n margin-top: 0;\n margin-right: govuk-spacing(4);\n box-shadow: none;\n }\n}\n\n.moj-sub-navigation__link {\n display: block;\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: govuk-spacing(3);\n @include govuk-link-common;\n @include govuk-link-style-default;\n\n @include govuk-media-query($from: tablet) {\n padding-left: 0;\n }\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n }\n\n &:link,\n &:visited {\n color: govuk-functional-colour(link);\n }\n\n &:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n &:focus {\n position: relative; // Ensure focus sits above everything else.\n color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n box-shadow: none;\n }\n\n &:focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background-color: govuk-colour(\"black\");\n\n @include govuk-media-query($from: tablet) {\n width: 100%;\n height: 5px;\n }\n }\n}\n\n.moj-sub-navigation__link[aria-current=\"page\"] {\n position: relative;\n color: govuk-functional-colour(link-active);\n text-decoration: none;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background-color: govuk-functional-colour(link);\n\n @include govuk-media-query($from: tablet) {\n width: 100%;\n height: 5px;\n }\n }\n\n &:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n &:focus::before {\n background-color: govuk-colour(\"black\");\n }\n}\n"]}
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
========================================================================== */
|
|
6
6
|
|
|
7
7
|
.moj-tag {
|
|
8
|
-
border: 2px solid
|
|
8
|
+
border: 2px solid govuk-functional-colour(brand);
|
|
9
9
|
color: govuk-colour("white");
|
|
10
|
-
background-color:
|
|
10
|
+
background-color: govuk-functional-colour(brand);
|
|
11
11
|
|
|
12
12
|
&--purple {
|
|
13
13
|
border: 2px solid govuk-colour("purple");
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
&--bright-purple {
|
|
19
|
-
border: 2px solid govuk-colour("
|
|
19
|
+
border: 2px solid govuk-colour("magenta", $variant: "shade-25");
|
|
20
20
|
color: govuk-colour("white");
|
|
21
|
-
background-color: govuk-colour("
|
|
21
|
+
background-color: govuk-colour("magenta", $variant: "shade-25");
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
&--red,
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
&--grey {
|
|
52
|
-
border: 2px solid govuk-colour("
|
|
52
|
+
border: 2px solid govuk-colour("black", $variant: "tint-25");
|
|
53
53
|
color: govuk-colour("white");
|
|
54
|
-
background-color: govuk-colour("
|
|
54
|
+
background-color: govuk-colour("black", $variant: "tint-25");
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,gDAAgD;EAChD,4BAA4B;EAC5B,gDAAgD;;EAEhD;IACE,wCAAwC;IACxC,4BAA4B;IAC5B,wCAAwC;EAC1C;;EAEA;IACE,+DAA+D;IAC/D,4BAA4B;IAC5B,+DAA+D;EACjE;;EAEA;;IAEE,qCAAqC;IACrC,4BAA4B;IAC5B,qCAAqC;EACvC;;EAEA;;IAEE,uCAAuC;IACvC,4BAA4B;IAC5B,uCAAuC;EACzC;;EAEA;;IAEE,sCAAsC;IACtC,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,uCAAuC;IACvC,4BAA4B;IAC5B,uCAAuC;EACzC;;EAEA;IACE,4DAA4D;IAC5D,4BAA4B;IAC5B,4DAA4D;EAC9D;AACF","file":"_tag.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #TAG\n ========================================================================== */\n\n.moj-tag {\n border: 2px solid govuk-functional-colour(brand);\n color: govuk-colour(\"white\");\n background-color: govuk-functional-colour(brand);\n\n &--purple {\n border: 2px solid govuk-colour(\"purple\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"purple\");\n }\n\n &--bright-purple {\n border: 2px solid govuk-colour(\"magenta\", $variant: \"shade-25\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"magenta\", $variant: \"shade-25\");\n }\n\n &--red,\n &--error {\n border: 2px solid govuk-colour(\"red\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"red\");\n }\n\n &--green,\n &--success {\n border: 2px solid govuk-colour(\"green\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"green\");\n }\n\n &--blue,\n &--information {\n border: 2px solid govuk-colour(\"blue\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"blue\");\n }\n\n &--black {\n border: 2px solid govuk-colour(\"black\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"black\");\n }\n\n &--grey {\n border: 2px solid govuk-colour(\"black\", $variant: \"tint-25\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"black\", $variant: \"tint-25\");\n }\n}\n"]}
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
margin-bottom: govuk-spacing(3);
|
|
33
33
|
padding: govuk-spacing(4);
|
|
34
34
|
border-left: 4px solid transparent;
|
|
35
|
-
background-color: govuk-colour("
|
|
35
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
36
36
|
flex-grow: 1;
|
|
37
37
|
|
|
38
38
|
&--grey {
|
|
39
|
-
border-left-color:
|
|
39
|
+
border-left-color: govuk-functional-colour(border);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
&--blue {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/ticket-panel/_ticket-panel.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,cAAc;EACd,8BAA8B;EAC9B,eAAe;;EAEf;IACE;MACE,aAAa;MACb,iBAAiB;IACnB;EACF;;EAEA;IACE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,+BAA+B;IAC/B,yBAAyB;IACzB,kCAAkC;IAClC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/ticket-panel/_ticket-panel.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,cAAc;EACd,8BAA8B;EAC9B,eAAe;;EAEf;IACE;MACE,aAAa;MACb,iBAAiB;IACnB;EACF;;EAEA;IACE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,+BAA+B;IAC/B,yBAAyB;IACzB,kCAAkC;IAClC,4DAA4D;IAC5D,YAAY;;IAEZ;MACE,kDAAkD;IACpD;;IAEA;MACE,uCAAuC;IACzC;;IAEA;MACE,sCAAsC;IACxC;;IAEA;MACE,yCAAyC;IAC3C;;IAEA;MACE,wCAAwC;IAC1C;;IAEA;MACE,yCAAyC;IAC3C;;IAEA;MACE,yCAAyC;IAC3C;EACF;AACF","file":"_ticket-panel.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #TICKET PANEL\n ========================================================================== */\n\n.moj-ticket-panel {\n display: block;\n margin-right: govuk-spacing(0);\n flex-wrap: wrap;\n\n &--inline {\n @include govuk-media-query($from: desktop) {\n display: flex;\n flex-wrap: nowrap;\n }\n }\n\n &--inline > * + * {\n @include govuk-media-query($from: desktop) {\n margin-left: govuk-spacing(3);\n }\n }\n\n &__content *:last-child {\n margin-bottom: govuk-spacing(0);\n }\n\n &__content {\n display: block;\n position: relative;\n margin-bottom: govuk-spacing(3);\n padding: govuk-spacing(4);\n border-left: 4px solid transparent;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n flex-grow: 1;\n\n &--grey {\n border-left-color: govuk-functional-colour(border);\n }\n\n &--blue {\n border-left-color: govuk-colour(\"blue\");\n }\n\n &--red {\n border-left-color: govuk-colour(\"red\");\n }\n\n &--yellow {\n border-left-color: govuk-colour(\"yellow\");\n }\n\n &--green {\n border-left-color: govuk-colour(\"green\");\n }\n\n &--purple {\n border-left-color: govuk-colour(\"purple\");\n }\n\n &--orange {\n border-left-color: govuk-colour(\"orange\");\n }\n }\n}\n"]}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
left: 0;
|
|
18
18
|
width: 5px;
|
|
19
19
|
height: 100%;
|
|
20
|
-
background-color:
|
|
20
|
+
background-color: govuk-functional-colour(brand);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
left: 0;
|
|
42
42
|
width: 15px;
|
|
43
43
|
height: 5px;
|
|
44
|
-
background-color:
|
|
44
|
+
background-color: govuk-functional-colour(brand);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
.moj-timeline__byline {
|
|
54
54
|
display: inline;
|
|
55
55
|
margin: 0;
|
|
56
|
-
color:
|
|
56
|
+
color: govuk-functional-colour(secondary-text);
|
|
57
57
|
@include govuk-font($size: 19);
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/timeline/_timeline.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,gBAAgB;;EAEhB;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/timeline/_timeline.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,gBAAgB;;EAEhB;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,gDAAgD;EAClD;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,kBAAkB;EAClB,gCAAgC;EAChC,8BAA8B;;EAE9B;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,WAAW;IACX,WAAW;IACX,gDAAgD;EAClD;AACF;;AAEA;EACE,eAAe;EACf,6CAA6C;AAC/C;;AAEA;EACE,eAAe;EACf,SAAS;EACT,8CAA8C;EAC9C,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;EAChB,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,8BAA8B;AAChC;;AAEA;;+EAE+E;;AAE/E;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;;EAE/B;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,kBAAkB;;EAElB;IACE,cAAc;EAChB;AACF;;AAEA;EACE,8BAA8B;EAC9B,2DAA2D;EAC3D,4BAA4B;EAC5B,0BAA0B;EAC1B,0BAA0B;;EAE1B;IACE,4BAA4B,EAAE,gDAAgD;EAChF;AACF","file":"_timeline.scss","sourcesContent":["@use \"../../settings/assets\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #TIMELINE\n ========================================================================== */\n\n.moj-timeline {\n position: relative;\n margin-bottom: govuk-spacing(4);\n overflow: hidden;\n\n &::before {\n content: \"\";\n position: absolute;\n top: govuk-spacing(2);\n left: 0;\n width: 5px;\n height: 100%;\n background-color: govuk-functional-colour(brand);\n }\n}\n\n.moj-timeline--full {\n margin-bottom: 0;\n\n &::before {\n height: calc(100% - 75px);\n }\n}\n\n.moj-timeline__item {\n position: relative;\n padding-bottom: govuk-spacing(6);\n padding-left: govuk-spacing(4);\n\n &::before {\n content: \"\";\n position: absolute;\n top: govuk-spacing(2);\n left: 0;\n width: 15px;\n height: 5px;\n background-color: govuk-functional-colour(brand);\n }\n}\n\n.moj-timeline__title {\n display: inline;\n @include govuk-font($size: 19, $weight: bold);\n}\n\n.moj-timeline__byline {\n display: inline;\n margin: 0;\n color: govuk-functional-colour(secondary-text);\n @include govuk-font($size: 19);\n}\n\n.moj-timeline__date {\n margin-top: govuk-spacing(1);\n margin-bottom: 0;\n @include govuk-font($size: 16);\n}\n\n.moj-timeline__description {\n margin-top: govuk-spacing(4);\n @include govuk-font($size: 19);\n}\n\n/* ==========================================================================\n #TIMELINE DOCUMENT STYLES – FOR BACKWARDS COMPATIBILITY\n ========================================================================== */\n\n.moj-timeline__documents {\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.moj-timeline__document-item {\n margin-bottom: govuk-spacing(1);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n.moj-timeline__document-icon {\n margin-top: 4px;\n margin-right: 4px;\n float: left;\n fill: currentcolor;\n\n @media screen and (forced-colors: active) {\n fill: linkText;\n }\n}\n\n.moj-timeline__document-link {\n padding-left: govuk-spacing(5);\n background-image: url(#{$moj-images-path}icon-document.svg);\n background-repeat: no-repeat;\n background-position: 0 50%;\n background-size: 20px 16px;\n\n &:focus {\n color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n }\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
// This variable is automatically overwritten during builds and releases.
|
|
3
3
|
// It doesn't need to be updated manually.
|
|
4
|
-
--moj-frontend-version: "
|
|
4
|
+
--moj-frontend-version: "9.0.0-beta.1";
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
/*# sourceMappingURL=_moj-frontend-properties.scss.map */
|
package/moj/helpers/_links.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/moj/helpers/_links.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,+BAA+B;AAC/B,oCAAoC;;AAEpC;EACE;;IAEE,+BAA+B;EACjC;;EAEA;IACE,8DAA8D;EAChE;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE
|
|
1
|
+
{"version":3,"sources":["../../../src/moj/helpers/_links.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,+BAA+B;AAC/B,oCAAoC;;AAEpC;EACE;;IAEE,+BAA+B;EACjC;;EAEA;IACE,8DAA8D;EAChE;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,0CAA0C;EAC5C;AACF","file":"_links.scss","sourcesContent":["@use \"sass:color\";\n@use \"../settings/colours\" as *;\n@use \"../vendor/govuk-frontend\" as *;\n\n@mixin moj-link-style-warning {\n &:link,\n &:visited {\n color: $moj-warning-link-colour;\n }\n\n &:hover {\n color: color.scale($moj-warning-link-colour, $lightness: -30%);\n }\n\n &:active {\n color: $moj-warning-colour;\n }\n\n &:focus {\n color: govuk-functional-colour(focus-text);\n }\n}\n"]}
|