@ons/design-system 62.2.3 → 62.2.4
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.
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
"groupTitle": "Summary - Section Title",
|
|
9
9
|
"rows": [
|
|
10
10
|
{
|
|
11
|
-
"rowTitle": "Total value of acquisitions for transport assets and equipment",
|
|
12
11
|
"rowItems": [
|
|
13
12
|
{
|
|
13
|
+
"rowTitle": "Total value of acquisitions for transport assets and equipment",
|
|
14
14
|
"valueList": [
|
|
15
15
|
{
|
|
16
16
|
"text": "£9,000.00"
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"rowTitle": "Total value of acquisitions for computers and peripheral devices (hardware)",
|
|
31
30
|
"rowItems": [
|
|
32
31
|
{
|
|
32
|
+
"rowTitle": "Total value of acquisitions for computers and peripheral devices (hardware)",
|
|
33
33
|
"valueList": [
|
|
34
34
|
{
|
|
35
35
|
"text": "£225,000.00"
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
]
|
|
47
47
|
},
|
|
48
48
|
{
|
|
49
|
-
"rowTitle": "Grand total for value of acquisitions",
|
|
50
49
|
"total": true,
|
|
51
50
|
"rowItems": [
|
|
52
51
|
{
|
|
52
|
+
"rowTitle": "Grand total for value of acquisitions",
|
|
53
53
|
"valueList": [
|
|
54
54
|
{
|
|
55
55
|
"text": "£234,000.00"
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<ul class="ons-tabs__list">
|
|
17
17
|
{%- for tab in params.tabs -%}
|
|
18
|
-
<li class="ons-tab__list-item"><a href="#{{ tab.id if tab.id else 'tabId' ~ loop.index }}" class="ons-tab" data-ga="click" data-ga-category="tabs" data-ga-action="Show: {{ tab.title }}" data-ga-label="Show: {{ tab.title }}">{{ tab.title }}</a></li>
|
|
18
|
+
<li class="ons-tab__list-item"><a href="#{{ tab.id if tab.id else 'tabId' ~ loop.index }}" class="ons-tab" data-ga="click" data-ga-category="tabs" data-ga-action="Show: {{ tab.title }}" data-ga-label="Show: {{ tab.title }}">{{ tab.title }}{% if tab.hiddenSpan %}<span class='ons-u-d-no'>{{tab.hiddenSpan}}</span>{% endif %}</a></li>
|
|
19
19
|
{%- endfor -%}
|
|
20
20
|
</ul>
|
|
21
21
|
|
|
@@ -12,6 +12,7 @@ const EXAMPLE_TABS = {
|
|
|
12
12
|
id: 'first-tab',
|
|
13
13
|
title: 'Tab 1',
|
|
14
14
|
content: 'Example content...',
|
|
15
|
+
hiddenSpan: 'for Example',
|
|
15
16
|
},
|
|
16
17
|
{
|
|
17
18
|
id: 'second-tab',
|
|
@@ -91,14 +92,10 @@ describe('macro: tabs', () => {
|
|
|
91
92
|
expect($('.ons-tabs__panel:last').attr('id')).toBe('tabId2');
|
|
92
93
|
});
|
|
93
94
|
|
|
94
|
-
it('has expected label text in tab links', () => {
|
|
95
|
+
it('has expected label text in tab links and visually hidden span in tab 1', () => {
|
|
95
96
|
const $ = cheerio.load(renderComponent('tabs', EXAMPLE_TABS));
|
|
96
97
|
|
|
97
|
-
expect(
|
|
98
|
-
$('.ons-tab:first')
|
|
99
|
-
.text()
|
|
100
|
-
.trim(),
|
|
101
|
-
).toBe('Tab 1');
|
|
98
|
+
expect($('.ons-tab:first').html()).toBe('Tab 1<span class="ons-u-d-no">for Example</span>');
|
|
102
99
|
expect(
|
|
103
100
|
$('.ons-tab:last')
|
|
104
101
|
.text()
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
{
|
|
8
8
|
"id": "ukis",
|
|
9
9
|
"title": 'UKIS',
|
|
10
|
+
"hiddenSpan": 'for UKIS',
|
|
10
11
|
"content": '<h2 class="ons-u-d-no@m">UKIS</h2>
|
|
11
12
|
<h3>Aim of this survey</h3>
|
|
12
13
|
<p class="ons-u-fs-r">The aim of the UK Innovation Survey (UKIS) is to collect data from businesses about various aspects of their innovation related activities. Using this data we can measure the level, types and trends in innovation.</p>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{% from "components/timeout-modal/_macro.njk" import onsTimeoutModal %}
|
|
2
2
|
|
|
3
|
+
<div style="min-height:20rem;">
|
|
3
4
|
{{ onsTimeoutModal({
|
|
4
5
|
"showModalTimeInSeconds": 60,
|
|
5
6
|
"redirectUrl": "#!",
|
|
@@ -14,3 +15,4 @@
|
|
|
14
15
|
"secondsTextPlural": "seconds",
|
|
15
16
|
"endWithFullStop": true
|
|
16
17
|
}) }}
|
|
18
|
+
</div>
|