@ons/design-system 67.0.5 → 67.1.0

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 (29) hide show
  1. package/components/access-code/example-access-code-error.njk +6 -9
  2. package/components/access-code/example-access-code.njk +7 -10
  3. package/components/date-field-input/_macro.njk +86 -0
  4. package/components/date-input/_macro.njk +79 -115
  5. package/components/{metadata/_metadata.scss → description-list/_description-list.scss} +2 -2
  6. package/components/description-list/_macro.njk +14 -0
  7. package/components/{metadata → description-list}/_macro.spec.js +26 -26
  8. package/components/{metadata/example-metadata.njk → description-list/example-description-list.njk} +3 -3
  9. package/components/duration/_macro.njk +60 -85
  10. package/components/header/_header.scss +8 -0
  11. package/components/header/_macro.njk +59 -35
  12. package/components/header/_macro.spec.js +115 -0
  13. package/components/header/example-header-multiple-logos.njk +110 -0
  14. package/components/metadata/_macro.njk +12 -12
  15. package/components/navigation/_navigation.scss +4 -2
  16. package/components/summary/_summary.scss +1 -1
  17. package/css/main.css +1 -1
  18. package/css/print.css +1 -1
  19. package/package.json +2 -5
  20. package/scss/main.scss +1 -1
  21. package/scss/utilities/_margin.scss +1 -0
  22. /package/{scss/fonts → fonts}/opensans-bold.woff +0 -0
  23. /package/{scss/fonts → fonts}/opensans-bold.woff2 +0 -0
  24. /package/{scss/fonts → fonts}/opensans-regular.woff +0 -0
  25. /package/{scss/fonts → fonts}/opensans-regular.woff2 +0 -0
  26. /package/{scss/fonts → fonts}/robotomono-bold.woff +0 -0
  27. /package/{scss/fonts → fonts}/robotomono-bold.woff2 +0 -0
  28. /package/{scss/fonts → fonts}/robotomono-regular.woff +0 -0
  29. /package/{scss/fonts → fonts}/robotomono-regular.woff2 +0 -0
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)}.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}
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{-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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ons/design-system",
3
3
  "description": "ONS Design System built CSS, JS, and Nunjucks templates",
4
- "version": "67.0.5",
4
+ "version": "67.1.0",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -46,10 +46,7 @@
46
46
  },
47
47
  "browserslist": [
48
48
  "last 2 versions",
49
- "not ie < 11",
50
- "not ie_mob < 11",
51
- "iOS >= 10.3",
52
- "safari >= 12"
49
+ "not dead"
53
50
  ],
54
51
  "devDependencies": {
55
52
  "@babel/core": "^7.14.6",
package/scss/main.scss CHANGED
@@ -14,6 +14,7 @@
14
14
  @import '../components/checkboxes/checkbox';
15
15
  @import '../components/checkboxes/checkboxes';
16
16
  @import '../components/details/details';
17
+ @import '../components/description-list/description-list';
17
18
  @import '../components/content-pagination/content-pagination';
18
19
  @import '../components/cookies-banner/cookies-banner';
19
20
  @import '../components/document-list/document-list';
@@ -36,7 +37,6 @@
36
37
  @import '../components/list/list';
37
38
  @import '../components/message-list/message-list';
38
39
  @import '../components/message/message';
39
- @import '../components/metadata/metadata';
40
40
  @import '../components/modal/modal';
41
41
  @import '../components/navigation/navigation';
42
42
  @import '../components/pagination/pagination';
@@ -6,6 +6,7 @@ $sizes: (
6
6
  m: 1.5rem,
7
7
  l: 2rem,
8
8
  xl: 3rem,
9
+ auto: auto,
9
10
  );
10
11
 
11
12
  $margins: (
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes