@onsvisual/svelte-components 1.0.4 → 1.0.5

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.
Files changed (5) hide show
  1. package/dist/css/main.css +3 -3
  2. package/dist/layout/DescriptionList/DescriptionList.svelte +10 -4
  3. package/dist/layout/Footer/Footer.svelte +0 -18
  4. package/dist/layout/Hero/Hero.stories.svelte +3 -2
  5. package/package.json +1 -1
package/dist/css/main.css CHANGED
@@ -1,4 +1,4 @@
1
- @import url("https://cdn.ons.gov.uk/sdc/design-system/72.10.2/css/main.css");
1
+ @import url("https://cdn.ons.gov.uk/sdc/design-system/72.10.4 /css/main.css");
2
2
  @import url("https://cdn.ons.gov.uk/vendor/accessible-autocomplete/3.0.1/accessible-autocomplete.min.css");
3
3
 
4
4
  /* CSS rules missing from design system */
@@ -13,8 +13,8 @@
13
13
  body {
14
14
  height: unset;
15
15
  }
16
- .ons-grid {
17
- font-size: unset;
16
+ .ons-grid > * {
17
+ font-size: 1.125rem;
18
18
  }
19
19
 
20
20
  /* Backfills for legacy website */
package/dist/layout/DescriptionList/DescriptionList.svelte CHANGED
@@ -24,9 +24,8 @@
24
24
  <dl
25
25
  class="ons-description-list ons-description-list__items ons-grid ons-grid--gutterless ons-u-mb-no {cls} {mode ===
26
26
  'inline'
27
- ? 'ons-u-mt-s ons-u-mt-l@l'
27
+ ? 'ons-description-list--inline ons-u-mt-s ons-u-mt-l@l'
28
28
  : 'ons-u-cf'}"
29
- class:ons-description-list--inline={mode === "inline"}
30
29
  {title}
31
30
  aria-label={title}
32
31
  >
@@ -34,7 +33,7 @@
34
33
  <div class="ons-description-list__item">
35
34
  <dt
36
35
  class="ons-description-list__term ons-grid__col {mode === 'inline'
37
- ? 'ons-col-5@xs@l'
36
+ ? 'ons-col-4@s@l'
38
37
  : 'ons-col-2@m'}"
39
38
  >
40
39
  {item.key}:
@@ -42,7 +41,7 @@
42
41
  {#each [item.value].flat() as value}
43
42
  <dd
44
43
  class="ons-description-list__value ons-grid__col {mode === 'inline'
45
- ? 'ons-col-7@xs@l'
44
+ ? 'ons-col-8@s@l'
46
45
  : 'ons-col-10@m'}"
47
46
  >
48
47
  {@html value}
@@ -51,3 +50,10 @@
51
50
  </div>
52
51
  {/each}
53
52
  </dl>
53
+
54
+ <style>
55
+ /* Fix for inline wrapping on narrower container widths */
56
+ .ons-description-list--inline {
57
+ grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
58
+ }
59
+ </style>
package/dist/layout/Footer/Footer.svelte CHANGED
@@ -65,25 +65,21 @@
65
65
  <div class="ons-grid">
66
66
  <div class="ons-grid__col ons-col-4@m">
67
67
  <h2 class="ons-footer__heading ons-u-fs-r--b">{i18n("Help")}</h2>
68
-
69
68
  <ul class="ons-list ons-u-mb-no ons-list--bare">
70
69
  <li class="ons-list__item">
71
70
  <a href="{baseurl}/help/accessibility" class="ons-list__link"
72
71
  >{i18n("Accessibility")}</a
73
72
  >
74
73
  </li>
75
-
76
74
  <li class="ons-list__item">
77
75
  <a href="{baseurl}/manage-cookie-settings/" class="ons-list__link"
78
76
  >{i18n("Cookies")}</a
79
77
  >
80
78
  </li>
81
-
82
79
  <li class="ons-list__item">
83
80
  <a href="{baseurl}/help/privacynotice" class="ons-list__link">{i18n("Privacy")}</a
84
81
  >
85
82
  </li>
86
-
87
83
  <li class="ons-list__item">
88
84
  <a href="{baseurl}/help/termsandconditions" class="ons-list__link"
89
85
  >{i18n("Terms and conditions")}</a
@@ -91,32 +87,26 @@
91
87
  </li>
92
88
  </ul>
93
89
  </div>
94
-
95
90
  <!-- Full footer columns -->
96
91
  <div class="ons-grid__col ons-col-4@m ons-u-mt-l@2xs@m">
97
92
  <h2 class="ons-footer__heading ons-u-fs-r--b">{i18n("About ONS")}</h2>
98
-
99
93
  <ul class="ons-list ons-u-mb-no ons-list--bare">
100
94
  <li class="ons-list__item">
101
95
  <a href="{baseurl}/aboutus/whatwedo" class="ons-list__link"
102
96
  >{i18n("What we do")}</a
103
97
  >
104
98
  </li>
105
-
106
99
  <li class="ons-list__item">
107
100
  <a href="https://careers.ons.gov.uk" class="ons-list__link">{i18n("Careers")}</a>
108
101
  </li>
109
-
110
102
  <li class="ons-list__item">
111
103
  <a href="{baseurl}/aboutus/contactus" class="ons-list__link"
112
104
  >{i18n("Contact us")}</a
113
105
  >
114
106
  </li>
115
-
116
107
  <li class="ons-list__item">
117
108
  <a href="{baseurl}/news" class="ons-list__link">{i18n("News")}</a>
118
109
  </li>
119
-
120
110
  <li class="ons-list__item">
121
111
  <a
122
112
  href="{baseurl}/aboutus/transparencyandgovernance/freedomofinformationfoi"
@@ -128,44 +118,37 @@
128
118
  <!-- Full footer columns -->
129
119
  <div class="ons-grid__col ons-col-4@m ons-u-mt-l@2xs@m">
130
120
  <h2 class="ons-footer__heading ons-u-fs-r--b">{i18n("Connect with us")}</h2>
131
-
132
121
  <ul class="ons-list ons-u-mb-no ons-list--bare">
133
122
  <li class="ons-list__item">
134
123
  <a href="https://x.com/ONS" class="ons-list__link">{i18n("X")}</a>
135
124
  </li>
136
-
137
125
  <li class="ons-list__item">
138
126
  <a
139
127
  href="https://www.instagram.com/officefornationalstatistics/"
140
128
  class="ons-list__link">{i18n("Instagram")}</a
141
129
  >
142
130
  </li>
143
-
144
131
  <li class="ons-list__item">
145
132
  <a href="https://www.facebook.com/ONS" class="ons-list__link"
146
133
  >{i18n("Facebook")}</a
147
134
  >
148
135
  </li>
149
-
150
136
  <li class="ons-list__item">
151
137
  <a
152
138
  href="https://www.linkedin.com/company/office-for-national-statistics"
153
139
  class="ons-list__link">{i18n("Linkedin")}</a
154
140
  >
155
141
  </li>
156
-
157
142
  <li class="ons-list__item">
158
143
  <a href="https://consultations.ons.gov.uk/" class="ons-list__link"
159
144
  >{i18n("Consultations")}</a
160
145
  >
161
146
  </li>
162
-
163
147
  <li class="ons-list__item">
164
148
  <a href="https://www.statsusernetwork.ons.gov.uk/" class="ons-list__link"
165
149
  >{i18n("Discussion forums")}</a
166
150
  >
167
151
  </li>
168
-
169
152
  <li class="ons-list__item">
170
153
  <a
171
154
  href="https://public.govdelivery.com/accounts/UKONS/subscribers/new"
@@ -174,7 +157,6 @@
174
157
  </li>
175
158
  </ul>
176
159
  </div>
177
-
178
160
  <div class="ons-grid__col ons-u-mb-l">
179
161
  <hr class="ons-footer__hr" />
180
162
  </div>
package/dist/layout/Hero/Hero.stories.svelte CHANGED
@@ -58,8 +58,9 @@
58
58
  theme: "grey",
59
59
  natStatBadge: true,
60
60
  meta: [
61
- { key: "Dataset ID", value: "RM169" },
62
- { key: "Released", value: "2023-04-04" }
61
+ { key: "Release date", value: "1 January 2024" },
62
+ { key: "Last updated", value: "1 January 2025" },
63
+ { key: "Publisher", value: "ONS" }
63
64
  ]
64
65
  }}
65
66
  {template}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onsvisual/svelte-components",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "npm run build:package && npm run build:docs",