@ons/design-system 66.0.2 → 67.0.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/README.md +3 -2
- package/components/accordion/_macro.spec.js +2 -8
- package/components/accordion/accordion.dom.js +2 -2
- package/components/accordion/accordion.spec.js +22 -19
- package/components/accordion/example-accordion-open.njk +3 -3
- package/components/card/_card.scss +1 -1
- package/components/checkboxes/_macro.njk +1 -1
- package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +1 -1
- package/components/checkboxes/example-checkboxes-with-revealed-checkboxes.njk +1 -1
- package/components/cookies-banner/_macro.njk +1 -1
- package/components/cookies-banner/_macro.spec.js +1 -1
- package/components/details/_details.scss +66 -57
- package/components/details/_macro.njk +5 -5
- package/components/details/_macro.spec.js +3 -10
- package/components/details/details.dom.js +1 -1
- package/components/details/details.js +13 -1
- package/components/details/details.spec.js +43 -11
- package/components/details/example-details-with-warning.njk +1 -2
- package/components/footer/_macro.njk +1 -1
- package/components/header/_header.scss +4 -0
- package/components/header/_macro.njk +17 -17
- package/components/header/_macro.spec.js +128 -5
- package/components/header/example-header-external-with-navigation-and-search.njk +57 -0
- package/components/input/_input-type.scss +2 -2
- package/components/input/_macro.njk +1 -1
- package/components/input/_macro.spec.js +4 -16
- package/components/input/input.dom.js +11 -0
- package/components/input/input.js +14 -0
- package/components/input/input.spec.js +28 -0
- package/components/label/_macro.njk +2 -2
- package/components/navigation/_macro.njk +3 -1
- package/components/related-content/_macro.njk +28 -30
- package/components/section-navigation/_macro.njk +68 -55
- package/components/section-navigation/_section-navigation.scss +20 -2
- package/components/video/_macro.njk +11 -11
- package/css/main.css +1 -1
- package/css/print.css +1 -1
- package/js/main.js +1 -0
- package/layout/_template.njk +29 -30
- package/package.json +1 -1
- package/scripts/main.es5.js +1 -1
- package/scripts/main.js +1 -1
- package/scss/objects/_page.scss +3 -5
- package/scss/print.scss +28 -5
- package/components/collapsible/_macro.njk +0 -22
- package/components/collapsible/_macro.spec.js +0 -151
package/css/print.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ons-btn,.ons-navigation-search,.ons-summary__actions,.ons-footer,.ons-cookies-banner,.ons-language-links,.ons-breadcrumbs,.ons-u-ph{display:none !important}a::after{content:" (" attr(href) ") "}.ons-header__main,.ons-header__bottom{background:rgba(0,0,0,0)}.ons-header__title{color:var(--ons-color-black)}.ons-header .ons-header__svg-logo{fill:var(--ons-color-black)}.ons-navigation--main,.ons-navigation--sub{border-top:1px solid var(--ons-color-text-link);display:block !important;padding:1rem 0 .5rem}.ons-navigation--main .ons-navigation__item,.ons-navigation--sub .ons-navigation__item{display:inline-block}.ons-navigation--main .ons-navigation__item--active,.ons-navigation--sub .ons-navigation__item--active{border:0}.ons-navigation--main .ons-navigation__link,.ons-navigation--main .ons-navigation__link:hover,.ons-navigation--sub .ons-navigation__link,.ons-navigation--sub .ons-navigation__link:hover{color:var(--ons-color-text-link)}
|
|
1
|
+
.ons-btn,.ons-navigation-search,.ons-summary__actions,.ons-footer,.ons-cookies-banner,.ons-language-links,.ons-breadcrumbs,.ons-u-ph{display:none !important}a::after{content:" (" attr(href) ") "}.ons-header__main,.ons-header__bottom{background:rgba(0,0,0,0)}.ons-header__title{color:var(--ons-color-black)}.ons-header .ons-header__svg-logo{fill:var(--ons-color-black)}.ons-navigation--main,.ons-navigation--sub{border-top:1px solid var(--ons-color-text-link);display:block !important;padding:1rem 0 .5rem}.ons-navigation--main .ons-navigation__item,.ons-navigation--sub .ons-navigation__item{display:inline-block}.ons-navigation--main .ons-navigation__item--active,.ons-navigation--sub .ons-navigation__item--active{border:0}.ons-navigation--main .ons-navigation__link,.ons-navigation--main .ons-navigation__link:hover,.ons-navigation--sub .ons-navigation__link,.ons-navigation--sub .ons-navigation__link:hover{color:var(--ons-color-text-link)}.ons-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ons-grid__col{display:block}.ons-panel,h1,h2,h3,h4,h5,h6,p{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.ons-details--initialised .ons-details__heading{padding:0;margin:0 0 1rem}.ons-details--initialised .ons-details__title{color:var(--ons-color-black);font-size:24px}.ons-details--initialised .ons-details__icon{display:none}.ons-details--initialised .ons-details__content{display:block}.ons-details--accordion .ons-details__heading{padding-top:1rem}
|
package/js/main.js
CHANGED
|
@@ -18,6 +18,7 @@ import '../components/radios/radios.dom';
|
|
|
18
18
|
import '../components/autosuggest/autosuggest.dom';
|
|
19
19
|
import '../components/address-input/autosuggest.address.dom';
|
|
20
20
|
import '../components/input/character-check.dom';
|
|
21
|
+
import '../components/input/input.dom';
|
|
21
22
|
import '../components/cookies-banner/cookies-banner.dom';
|
|
22
23
|
import '../components/button/button.dom';
|
|
23
24
|
import '../components/reply/reply.dom';
|
package/layout/_template.njk
CHANGED
|
@@ -95,7 +95,6 @@
|
|
|
95
95
|
{% endif %}
|
|
96
96
|
|
|
97
97
|
{% if pageConfig.social %}
|
|
98
|
-
|
|
99
98
|
{% set twitterImagePath = pageConfig.social.twitterImage if pageConfig.social.twitterImage else
|
|
100
99
|
assetsURL + '/favicons/twitter.png' %}
|
|
101
100
|
<!-- Twitter -->
|
|
@@ -138,29 +137,29 @@
|
|
|
138
137
|
{% endblock %}
|
|
139
138
|
{% block header %}
|
|
140
139
|
{{
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
140
|
+
onsHeader({
|
|
141
|
+
"wide": pageConfig.wide,
|
|
142
|
+
"fullWidth": pageConfig.fullWidth,
|
|
143
|
+
"language": pageConfig.header.language,
|
|
144
|
+
"button": pageConfig.header.signoutButton,
|
|
145
|
+
"toggleNavigationButton": pageConfig.header.toggleNavigationButton,
|
|
146
|
+
"navigation": pageConfig.header.navigation,
|
|
147
|
+
"siteSearchAutosuggest": pageConfig.header.siteSearchAutosuggest,
|
|
148
|
+
"browserBanner": pageConfig.header.browserBanner,
|
|
149
|
+
"phase": pageConfig.header.phase,
|
|
150
|
+
"assetsURL": assetsURL,
|
|
151
|
+
"serviceLinks": pageConfig.header.serviceLinks,
|
|
152
|
+
"variants": pageConfig.header.variants,
|
|
153
|
+
"classes": pageConfig.header.classes,
|
|
154
|
+
"mastheadLogo": pageConfig.header.mastheadLogo,
|
|
155
|
+
"mastheadLogoUrl": pageConfig.header.mastheadLogoUrl,
|
|
156
|
+
"titleUrl": pageConfig.header.titleUrl,
|
|
157
|
+
"title": pageConfig.header.title | default(pageConfig.title),
|
|
158
|
+
"description": pageConfig.header.description,
|
|
159
|
+
"titleAsH1": pageConfig.header.titleAsH1,
|
|
160
|
+
"titleLogo": pageConfig.header.titleLogo
|
|
161
|
+
})
|
|
162
|
+
}}
|
|
164
163
|
{% endblock %}
|
|
165
164
|
{% block pageContent %}
|
|
166
165
|
<div class="ons-page__container ons-container{{ containerClasses }}">
|
|
@@ -168,12 +167,12 @@
|
|
|
168
167
|
{% if pageConfig.breadcrumbs %}
|
|
169
168
|
{% from "components/breadcrumbs/_macro.njk" import onsBreadcrumbs %}
|
|
170
169
|
{{
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
170
|
+
onsBreadcrumbs({
|
|
171
|
+
"id": pageConfig.breadcrumbs.id,
|
|
172
|
+
"ariaLabel": pageConfig.breadcrumbs.ariaLabel,
|
|
173
|
+
"itemsList": pageConfig.breadcrumbs.itemsList
|
|
174
|
+
})
|
|
175
|
+
}}
|
|
177
176
|
{% endif %}
|
|
178
177
|
{% endblock %}
|
|
179
178
|
<div class="ons-grid">
|