diff --git a/toolkits/global/packages/global-ad/HISTORY.md b/toolkits/global/packages/global-ad/HISTORY.md
index 7690f5b57..3f7049673 100644
--- a/toolkits/global/packages/global-ad/HISTORY.md
+++ b/toolkits/global/packages/global-ad/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 4.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 3.1.0 (2022-07-28)
* Upgrade to brand-context v25.0.0
diff --git a/toolkits/global/packages/global-ad/demo/dist/index.html b/toolkits/global/packages/global-ad/demo/dist/index.html
index 24a04cf20..849bba9ab 100644
--- a/toolkits/global/packages/global-ad/demo/dist/index.html
+++ b/toolkits/global/packages/global-ad/demo/dist/index.html
@@ -20,10 +20,8 @@
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -58,12 +56,9 @@
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -71,10 +66,8 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -91,12 +84,9 @@
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -114,10 +104,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -167,14 +155,10 @@
optgroup,
select,
textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -182,8 +166,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -192,8 +175,7 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
@@ -242,18 +224,12 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -276,10 +252,8 @@
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -295,10 +269,8 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
@@ -313,10 +285,8 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -351,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -522,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* Typography
* Font settings
diff --git a/toolkits/global/packages/global-ad/package.json b/toolkits/global/packages/global-ad/package.json
index 4d6fe9c96..c62bbd069 100644
--- a/toolkits/global/packages/global-ad/package.json
+++ b/toolkits/global/packages/global-ad/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-ad",
- "version": "3.1.0",
+ "version": "4.0.0",
"license": "MIT",
"description": "adverts",
"keywords": [],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
\ No newline at end of file
diff --git a/toolkits/global/packages/global-author-list/HISTORY.md b/toolkits/global/packages/global-author-list/HISTORY.md
index 531aafa65..ce8a3268c 100644
--- a/toolkits/global/packages/global-author-list/HISTORY.md
+++ b/toolkits/global/packages/global-author-list/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 7.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 6.1.0 (2022-07-28)
* Upgrade to brand-context v25.0.0
diff --git a/toolkits/global/packages/global-author-list/demo/dist/index.html b/toolkits/global/packages/global-author-list/demo/dist/index.html
index 087afea70..060117bcd 100644
--- a/toolkits/global/packages/global-author-list/demo/dist/index.html
+++ b/toolkits/global/packages/global-author-list/demo/dist/index.html
@@ -20,10 +20,8 @@
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -58,12 +56,9 @@
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -71,10 +66,8 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -91,12 +84,9 @@
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -114,10 +104,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -167,14 +155,10 @@
optgroup,
select,
textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -182,8 +166,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -192,8 +175,7 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
@@ -242,18 +224,12 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -276,10 +252,8 @@
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -295,10 +269,8 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
@@ -313,10 +285,8 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -351,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -522,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* @springernature/global-author-list
* Default skin settings
@@ -561,6 +585,9 @@
.js .c-author-list__hide {
display: none;
visibility: hidden;
+}
+.js .c-author-list__hide:first-child + * {
+ margin-block-start: 0;
}
diff --git a/toolkits/global/packages/global-author-list/package.json b/toolkits/global/packages/global-author-list/package.json
index 0f4d208b4..22a7c8e6d 100644
--- a/toolkits/global/packages/global-author-list/package.json
+++ b/toolkits/global/packages/global-author-list/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-author-list",
- "version": "6.1.0",
+ "version": "7.0.0",
"license": "MIT",
"description": "Display a styled list of authors with comma separation. The list can be truncated and then accompanied with a toggle to be expanded/truncated",
"keywords": [],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
\ No newline at end of file
diff --git a/toolkits/global/packages/global-autocomplete/HISTORY.md b/toolkits/global/packages/global-autocomplete/HISTORY.md
index 273161802..81cae50b0 100644
--- a/toolkits/global/packages/global-autocomplete/HISTORY.md
+++ b/toolkits/global/packages/global-autocomplete/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 7.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 6.1.0 (2022-07-28)
* Upgrade to brand-context v25.0.0
diff --git a/toolkits/global/packages/global-autocomplete/demo/dist/index.html b/toolkits/global/packages/global-autocomplete/demo/dist/index.html
index c37aef985..2bce493fa 100644
--- a/toolkits/global/packages/global-autocomplete/demo/dist/index.html
+++ b/toolkits/global/packages/global-autocomplete/demo/dist/index.html
@@ -12,47 +12,31 @@
* Styles for all pages, included on pages that
* both do and dont cut the mustard, keep to a minimum
*/
-/* =========================================================================
- $NORMALIZE
- normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css
- ========================================================================= */
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Correct the line height in all browsers.
- * 3. Prevent adjustments of font size after orientation changes in
- * IE on Windows Phone and in iOS.
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- font-family: sans-serif;
- /* 1 */
- line-height: 1.15;
- /* 2 */
- -ms-text-size-adjust: 100%;
- /* 3 */
- -webkit-text-size-adjust: 100%;
- /* 3 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
- * Remove the margin in all browsers (opinionated).
+ * Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
- * Add the correct display in IE 9-.
+ * Render the `main` element consistently in IE.
*/
-article,
-aside,
-footer,
-header,
-nav,
-section {
+main {
display: block;
}
@@ -67,35 +51,14 @@
/* Grouping content
========================================================================== */
-/**
- * Add the correct display in IE 9-.
- * 1. Add the correct display in IE.
- */
-figcaption,
-figure,
-main {
- /* 1 */
- display: block;
-}
-
-/**
- * Add the correct margin in IE 8.
- */
-figure {
- margin: 1em 40px;
-}
-
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -103,53 +66,27 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
- * 1. Remove the gray background on active links in IE 10.
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ * Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
- /* 1 */
- -webkit-text-decoration-skip: objects;
- /* 2 */
-}
-
-/**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-a:active,
-a:hover {
- outline-width: 0;
}
/**
- * 1. Remove the bottom border in Firefox 39-.
+ * 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
-}
-
-/**
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
- */
-b,
-strong {
- font-weight: inherit;
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -167,25 +104,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
-}
-
-/**
- * Add the correct font style in Android 4.3-.
- */
-dfn {
- font-style: italic;
-}
-
-/**
- * Add the correct background and color in IE 9-.
- */
-mark {
- background-color: #ff0;
- color: #000;
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -218,39 +138,16 @@
/* Embedded content
========================================================================== */
/**
- * Add the correct display in IE 9-.
- */
-audio,
-video {
- display: inline-block;
-}
-
-/**
- * Add the correct display in iOS 4-7.
- */
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/**
- * Remove the border on images inside links in IE 10-.
+ * Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
-/**
- * Hide the overflow in IE.
- */
-svg:not(:root) {
- overflow: hidden;
-}
-
/* Forms
========================================================================== */
/**
- * 1. Change the font styles in all browsers (opinionated).
+ * 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
@@ -258,14 +155,10 @@
optgroup,
select,
textarea {
- font-family: sans-serif;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -273,8 +166,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -283,22 +175,18 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
/**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- * controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
+ * Correct the inability to style clickable types in iOS and Safari.
*/
button,
-html [type=button],
+[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
- /* 2 */
}
/**
@@ -323,12 +211,10 @@
}
/**
- * Change the border, margin, and padding in all browsers (opinionated).
+ * Correct the padding in Firefox.
*/
fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+ padding: 0.35em 0.75em 0.625em;
}
/**
@@ -338,48 +224,36 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
- * 1. Add the correct display in IE 9-.
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
- display: inline-block;
- /* 1 */
vertical-align: baseline;
- /* 2 */
}
/**
- * Remove the default vertical scrollbar in IE.
+ * Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
- * 1. Add the correct box sizing in IE 10-.
- * 2. Remove the padding in IE 10-.
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -395,16 +269,13 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ * Remove the inner padding in Chrome and Safari on macOS.
*/
-[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
@@ -414,20 +285,16 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
- * Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
+ * Add the correct display in Edge, IE 10+, and Firefox.
*/
-details,
-menu {
+details {
display: block;
}
@@ -438,31 +305,37 @@
display: list-item;
}
-/* Scripting
+/* Misc
========================================================================== */
/**
- * Add the correct display in IE 9-.
- */
-canvas {
- display: inline-block;
-}
-
-/**
- * Add the correct display in IE.
+ * Add the correct display in IE 10+.
*/
template {
display: none;
}
-/* Hidden
- ========================================================================== */
/**
- * Add the correct display in IE 10-.
+ * Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -634,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* @springernature/global-autocomplete
* Default skin settings
diff --git a/toolkits/global/packages/global-autocomplete/package.json b/toolkits/global/packages/global-autocomplete/package.json
index 78e78eaa8..1a63ae643 100644
--- a/toolkits/global/packages/global-autocomplete/package.json
+++ b/toolkits/global/packages/global-autocomplete/package.json
@@ -1,10 +1,10 @@
{
"name": "@springernature/global-autocomplete",
- "version": "6.1.0",
+ "version": "7.0.0",
"license": "MIT",
"description": "Autocomplete/suggest component",
"keywords": [],
"author": "Jon Stevens",
"main": "js/index.js",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
diff --git a/toolkits/global/packages/global-banner/HISTORY.md b/toolkits/global/packages/global-banner/HISTORY.md
index 31e8c2af8..1e940e79e 100644
--- a/toolkits/global/packages/global-banner/HISTORY.md
+++ b/toolkits/global/packages/global-banner/HISTORY.md
@@ -1,6 +1,9 @@
# History
-# 5.1.0 (2022-07-28)
+## 6.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
+## 5.1.0 (2022-07-28)
* Upgrade to brand-context v25.0.0
## 5.0.1 (2022-02-18)
diff --git a/toolkits/global/packages/global-banner/demo/dist/index.html b/toolkits/global/packages/global-banner/demo/dist/index.html
index 5db34c9cb..1f6de878b 100644
--- a/toolkits/global/packages/global-banner/demo/dist/index.html
+++ b/toolkits/global/packages/global-banner/demo/dist/index.html
@@ -20,10 +20,8 @@
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -58,12 +56,9 @@
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -71,10 +66,8 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -91,12 +84,9 @@
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -114,10 +104,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -167,14 +155,10 @@
optgroup,
select,
textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -182,8 +166,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -192,8 +175,7 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
@@ -242,18 +224,12 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -276,10 +252,8 @@
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -295,10 +269,8 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
@@ -313,10 +285,8 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -351,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -522,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* @springernature/global-banner
* Default skin settings
@@ -601,9 +625,6 @@
text-decoration: underline;
color: gray;
}
-.c-banner__link.hover, .c-banner__link:hover {
- text-decoration: none;
-}
.c-banner__link:visited, .c-banner__link:hover {
color: gray;
}
diff --git a/toolkits/global/packages/global-banner/package.json b/toolkits/global/packages/global-banner/package.json
index 66c9ee0d0..fe71eefe1 100644
--- a/toolkits/global/packages/global-banner/package.json
+++ b/toolkits/global/packages/global-banner/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-banner",
- "version": "5.1.0",
+ "version": "6.0.0",
"license": "MIT",
"description": "Full width banner used for displaying informational messages",
"keywords": [],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
\ No newline at end of file
diff --git a/toolkits/global/packages/global-breadcrumbs/HISTORY.md b/toolkits/global/packages/global-breadcrumbs/HISTORY.md
index 700a4a321..d5c397c99 100644
--- a/toolkits/global/packages/global-breadcrumbs/HISTORY.md
+++ b/toolkits/global/packages/global-breadcrumbs/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 5.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 4.0.5 (2022-10-12)
* Temporarily fix size of chevron to override default svg sizing from brand-context
diff --git a/toolkits/global/packages/global-breadcrumbs/demo/dist/index.html b/toolkits/global/packages/global-breadcrumbs/demo/dist/index.html
index aa5610f85..0e5802a82 100644
--- a/toolkits/global/packages/global-breadcrumbs/demo/dist/index.html
+++ b/toolkits/global/packages/global-breadcrumbs/demo/dist/index.html
@@ -321,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -492,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
.c-breadcrumbs {
list-style: none;
margin: 0;
@@ -511,9 +565,11 @@
color: #666666;
}
-.c-breadcrumbs__chevron {
+svg.c-breadcrumbs__chevron {
margin: 4px 4px 0;
fill: #666666;
+ width: 10px;
+ height: 10px;
}
diff --git a/toolkits/global/packages/global-breadcrumbs/package.json b/toolkits/global/packages/global-breadcrumbs/package.json
index f35552992..bf75818ed 100644
--- a/toolkits/global/packages/global-breadcrumbs/package.json
+++ b/toolkits/global/packages/global-breadcrumbs/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-breadcrumbs",
- "version": "4.0.5",
+ "version": "5.0.0",
"license": "MIT",
"description": "breadcrumbs",
"keywords": [],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
\ No newline at end of file
diff --git a/toolkits/global/packages/global-card/HISTORY.md b/toolkits/global/packages/global-card/HISTORY.md
index 15d6565fb..a8bc89ab9 100644
--- a/toolkits/global/packages/global-card/HISTORY.md
+++ b/toolkits/global/packages/global-card/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 9.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 8.3.2 (2022-09-13)
* `overflow: hidden`
diff --git a/toolkits/global/packages/global-card/demo/dist/index.html b/toolkits/global/packages/global-card/demo/dist/index.html
index 2a9cfe6fc..2e956aa66 100644
--- a/toolkits/global/packages/global-card/demo/dist/index.html
+++ b/toolkits/global/packages/global-card/demo/dist/index.html
@@ -17,6 +17,11 @@
* Sass tools, helper files, variables, functions, mixins and other config files
* These files don’t output any CSS when compiled
*/
+/**
+ * Abstracts
+ * Sass tools, helper files, variables, functions, mixins and other config files
+ * These files don’t output any CSS when compiled
+ */
/**
* Breakpoints
* Shared media query values
@@ -167,37 +172,16 @@
* Media query helper
* @group 30-mixins
*/
-h1 {
- font-size: 2rem;
- font-weight: 700;
-}
-
-.c-card--major .c-card__title, h2 {
+.c-card--major .c-card__title {
font-size: 1.5rem;
font-weight: 700;
}
-.c-card__title, h3 {
+.c-card__title {
font-size: 1.25rem;
font-weight: 700;
}
-h4 {
- font-size: 1.125rem;
- font-weight: 700;
-}
-
-h5,
-h6 {
- font-size: 1rem;
- font-weight: 700;
-}
-
-/**
- * Abstracts
- * Sass tools, helper files, variables, functions, mixins and other config files
- * These files don’t output any CSS when compiled
- */
/**
* Colour palette
*
@@ -247,97 +231,6 @@
* Remember to add aria
*
*/
-h1 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 2.25rem;
- font-size: min(max(1.75rem, 4vw), 2.25rem);
- font-family: Georgia, Palatino, serif;
- font-weight: 400;
-}
-h1 a {
- text-decoration: none;
-}
-h1 a.active, h1 a:active, h1 a.hover, h1 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-.c-card--major .c-card__title, h2 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.75rem;
- font-size: min(max(1.5rem, 3.5vw), 1.75rem);
- font-family: Georgia, Palatino, serif;
- font-weight: 400;
-}
-.c-card--major .c-card__title a, h2 a {
- text-decoration: none;
-}
-.c-card--major .c-card__title a.active, h2 a.active, .c-card--major .c-card__title a:active, h2 a:active, .c-card--major .c-card__title a.hover, h2 a.hover, .c-card--major .c-card__title a:hover, h2 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-.c-card__title, h3 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.5rem;
- font-size: min(max(1.25rem, 3vw), 1.5rem);
- font-family: Georgia, Palatino, serif;
- font-weight: 400;
-}
-.c-card__title a, h3 a {
- text-decoration: none;
-}
-.c-card__title a.active, h3 a.active, .c-card__title a:active, h3 a:active, .c-card__title a.hover, h3 a.hover, .c-card__title a:hover, h3 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-h4 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.25rem;
- font-size: min(max(1.125rem, 2.5vw), 1.25rem);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: 700;
-}
-h4 a {
- text-decoration: none;
-}
-h4 a.active, h4 a:active, h4 a.hover, h4 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-h5,
-h6 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.125rem;
- font-size: min(max(1rem, 2.5vw), 1.125rem);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: 700;
-}
-h5 a,
-h6 a {
- text-decoration: none;
-}
-h5 a.active,
-h6 a.active, h5 a:active,
-h6 a:active, h5 a.hover,
-h6 a.hover, h5 a:hover,
-h6 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
@@ -346,10 +239,8 @@
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -384,12 +275,9 @@
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -397,10 +285,8 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -417,12 +303,9 @@
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -440,10 +323,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -493,14 +374,10 @@
optgroup,
select,
textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -508,8 +385,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -518,8 +394,7 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
@@ -568,18 +443,12 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -602,10 +471,8 @@
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -621,10 +488,8 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
@@ -639,10 +504,8 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -677,27 +540,35 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Basic
* Some default CSS styles
*/
body {
font-size: 0.813rem;
- line-height: 1.5;
}
-a {
- text-decoration: none;
- color: #069;
-}
-
-a:hover,
-a:focus {
- text-decoration: underline;
+* {
+ margin: 0;
}
-button {
- cursor: pointer;
+a {
+ color: #069;
}
h1 {
@@ -724,40 +595,11 @@
text-decoration: none;
}
-img {
- border: 0;
- max-width: 100%;
- height: auto;
- vertical-align: middle;
-}
-
button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
border-radius: 0;
}
-/* accessible focus styles */
-h1:focus,
-h2:focus,
-h3:focus,
-h4:focus,
-h5:focus,
-p:focus,
-div:focus,
-ul:focus,
-ol:focus,
-li:focus,
-dl:focus,
-dt:focus,
-dd:focus,
-span:focus,
-i:focus,
-b:focus,
-em:focus,
-strong:focus {
- outline: none;
-}
-
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -767,6 +609,11 @@
* Sass tools, helper files, variables, functions, mixins and other config files
* These files don’t output any CSS when compiled
*/
+/**
+ * Abstracts
+ * Sass tools, helper files, variables, functions, mixins and other config files
+ * These files don’t output any CSS when compiled
+ */
/**
* Breakpoints
* Shared media query values
@@ -917,37 +764,16 @@
* Media query helper
* @group 30-mixins
*/
-h1 {
- font-size: 2rem;
- font-weight: 700;
-}
-
-.c-card--major .c-card__title, h2 {
+.c-card--major .c-card__title {
font-size: 1.5rem;
font-weight: 700;
}
-.c-card__title, h3 {
+.c-card__title {
font-size: 1.25rem;
font-weight: 700;
}
-h4 {
- font-size: 1.125rem;
- font-weight: 700;
-}
-
-h5,
-h6 {
- font-size: 1rem;
- font-weight: 700;
-}
-
-/**
- * Abstracts
- * Sass tools, helper files, variables, functions, mixins and other config files
- * These files don’t output any CSS when compiled
- */
/**
* Colour palette
*
@@ -997,97 +823,6 @@
* Remember to add aria
*
*/
-h1 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 2.25rem;
- font-size: min(max(1.75rem, 4vw), 2.25rem);
- font-family: Georgia, Palatino, serif;
- font-weight: 400;
-}
-h1 a {
- text-decoration: none;
-}
-h1 a.active, h1 a:active, h1 a.hover, h1 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-.c-card--major .c-card__title, h2 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.75rem;
- font-size: min(max(1.5rem, 3.5vw), 1.75rem);
- font-family: Georgia, Palatino, serif;
- font-weight: 400;
-}
-.c-card--major .c-card__title a, h2 a {
- text-decoration: none;
-}
-.c-card--major .c-card__title a.active, h2 a.active, .c-card--major .c-card__title a:active, h2 a:active, .c-card--major .c-card__title a.hover, h2 a.hover, .c-card--major .c-card__title a:hover, h2 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-.c-card__title, h3 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.5rem;
- font-size: min(max(1.25rem, 3vw), 1.5rem);
- font-family: Georgia, Palatino, serif;
- font-weight: 400;
-}
-.c-card__title a, h3 a {
- text-decoration: none;
-}
-.c-card__title a.active, h3 a.active, .c-card__title a:active, h3 a:active, .c-card__title a.hover, h3 a.hover, .c-card__title a:hover, h3 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-h4 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.25rem;
- font-size: min(max(1.125rem, 2.5vw), 1.25rem);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: 700;
-}
-h4 a {
- text-decoration: none;
-}
-h4 a.active, h4 a:active, h4 a.hover, h4 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
-h5,
-h6 {
- font-style: normal;
- margin-bottom: 1em;
- line-height: 1.4;
- font-size: 1.125rem;
- font-size: min(max(1rem, 2.5vw), 1.125rem);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: 700;
-}
-h5 a,
-h6 a {
- text-decoration: none;
-}
-h5 a.active,
-h6 a.active, h5 a:active,
-h6 a:active, h5 a.hover,
-h6 a.hover, h5 a:hover,
-h6 a:hover {
- text-decoration: underline;
- text-decoration-skip-ink: auto;
-}
-
button {
line-height: inherit;
}
@@ -1140,8 +875,7 @@
max-width: 100%;
min-height: 100%;
background: #fcfcfc;
- font-size: 1.125rem;
- /* fixes chrome rems bug - http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag */
+ font-size: 1.125rem; /* fixes chrome rems bug - http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag */
}
figure {
@@ -1187,7 +921,6 @@
}
a.hover, a:hover {
color: #0061a9;
- text-decoration: none;
}
a.active, a:active {
color: #003b84;
@@ -1219,19 +952,74 @@
text-align: left;
}
-h1,
-h2,
-h3,
+h1 {
+ font-style: normal;
+ line-height: 1.4;
+ font-size: 2.25rem;
+ font-size: min(max(1.75rem, 4vw), 2.25rem);
+ font-family: Georgia, Palatino, serif;
+ font-weight: 400;
+}
+h1 a.active, h1 a:active, h1 a.hover, h1 a:hover {
+ text-decoration: underline;
+ text-decoration-skip-ink: auto;
+}
+
+h2 {
+ font-style: normal;
+ line-height: 1.4;
+ font-size: 1.75rem;
+ font-size: min(max(1.5rem, 3.5vw), 1.75rem);
+ font-family: Georgia, Palatino, serif;
+ font-weight: 400;
+}
+h2 a.active, h2 a:active, h2 a.hover, h2 a:hover {
+ text-decoration: underline;
+ text-decoration-skip-ink: auto;
+}
+
+h3 {
+ font-style: normal;
+ line-height: 1.4;
+ font-size: 1.5rem;
+ font-size: min(max(1.25rem, 3vw), 1.5rem);
+ font-family: Georgia, Palatino, serif;
+ font-weight: 400;
+}
+h3 a.active, h3 a:active, h3 a.hover, h3 a:hover {
+ text-decoration: underline;
+ text-decoration-skip-ink: auto;
+}
+
h4 {
+ font-style: normal;
line-height: 1.4;
- margin-top: 0;
+ font-size: 1.25rem;
+ font-size: min(max(1.125rem, 2.5vw), 1.25rem);
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: 700;
+}
+h4 a.active, h4 a:active, h4 a.hover, h4 a:hover {
+ text-decoration: underline;
+ text-decoration-skip-ink: auto;
}
-p,
-ol,
-ul,
-dl {
- margin-top: 0;
+h5,
+h6 {
+ font-style: normal;
+ line-height: 1.4;
+ font-size: 1.125rem;
+ font-size: min(max(1rem, 2.5vw), 1.125rem);
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: 700;
+}
+h5 a.active, h5 a:active, h5 a.hover, h5 a:hover,
+h6 a.active,
+h6 a:active,
+h6 a.hover,
+h6 a:hover {
+ text-decoration: underline;
+ text-decoration-skip-ink: auto;
}
/* Basic lists should be aligned to the left */
@@ -1245,20 +1033,47 @@
margin: 0;
}
-p {
- margin-bottom: 1.5em;
+cite {
+ font-style: normal;
}
-p:last-child {
- margin-bottom: 0;
+* {
+ margin-block: 0;
}
-p:empty {
- display: none;
+h1, h2, h3, h4, h5 {
+ margin: 0;
}
-cite {
- font-style: normal;
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
}
/**
@@ -1283,6 +1098,7 @@
position: relative;
border: 1px solid #cccccc;
box-shadow: none;
+ overflow: hidden;
}
.c-card--no-shape {
diff --git a/toolkits/global/packages/global-card/package.json b/toolkits/global/packages/global-card/package.json
index d53e8513c..9159dcec8 100644
--- a/toolkits/global/packages/global-card/package.json
+++ b/toolkits/global/packages/global-card/package.json
@@ -1,11 +1,11 @@
{
"name": "@springernature/global-card",
- "version": "8.3.2",
+ "version": "9.0.0",
"license": "MIT",
"description": "card component",
"keywords": [
"card"
],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
diff --git a/toolkits/global/packages/global-corporate-footer/HISTORY.md b/toolkits/global/packages/global-corporate-footer/HISTORY.md
index e0d6a6768..20285784d 100644
--- a/toolkits/global/packages/global-corporate-footer/HISTORY.md
+++ b/toolkits/global/packages/global-corporate-footer/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 6.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 5.2.1 (2022-09-05)
* Use `this.url` for better compatibility
diff --git a/toolkits/global/packages/global-corporate-footer/demo/dist/index.html b/toolkits/global/packages/global-corporate-footer/demo/dist/index.html
index d9e594877..83c92bf4f 100644
--- a/toolkits/global/packages/global-corporate-footer/demo/dist/index.html
+++ b/toolkits/global/packages/global-corporate-footer/demo/dist/index.html
@@ -20,10 +20,8 @@
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -58,12 +56,9 @@
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -71,10 +66,8 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -91,12 +84,9 @@
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -114,10 +104,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -167,14 +155,10 @@
optgroup,
select,
textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -182,8 +166,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -192,8 +175,7 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
@@ -242,18 +224,12 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -276,10 +252,8 @@
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -295,10 +269,8 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
@@ -313,10 +285,8 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -351,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -522,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* @springernature/global-corporate-footer
* Default skin settings
@@ -586,9 +610,6 @@
padding: 0;
background: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-button.c-corporate-footer__link.hover, button.c-corporate-footer__link:hover {
- text-decoration: none;
}
diff --git a/toolkits/global/packages/global-corporate-footer/package.json b/toolkits/global/packages/global-corporate-footer/package.json
index 3964f0c46..536b1c14c 100644
--- a/toolkits/global/packages/global-corporate-footer/package.json
+++ b/toolkits/global/packages/global-corporate-footer/package.json
@@ -1,8 +1,8 @@
{
"name": "@springernature/global-corporate-footer",
- "version": "5.2.1",
+ "version": "6.0.0",
"description": "corporate footer",
"license": "MIT",
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
diff --git a/toolkits/global/packages/global-details/HISTORY.md b/toolkits/global/packages/global-details/HISTORY.md
index 81e089363..c10434d11 100644
--- a/toolkits/global/packages/global-details/HISTORY.md
+++ b/toolkits/global/packages/global-details/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 1.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 0.2.4 (2022-10-18)
* Tokenizes block spacing
diff --git a/toolkits/global/packages/global-details/demo/dist/index.html b/toolkits/global/packages/global-details/demo/dist/index.html
index 5e48668b2..ebaf11f5f 100644
--- a/toolkits/global/packages/global-details/demo/dist/index.html
+++ b/toolkits/global/packages/global-details/demo/dist/index.html
@@ -321,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -492,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
.c-details {
padding: 16px 0;
border-style: solid;
diff --git a/toolkits/global/packages/global-details/package.json b/toolkits/global/packages/global-details/package.json
index bd20c831f..b7f6d6a97 100644
--- a/toolkits/global/packages/global-details/package.json
+++ b/toolkits/global/packages/global-details/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-details",
- "version": "0.2.4",
+ "version": "1.0.0",
"license": "MIT",
"description": "A JS-independent, accessible disclosure component",
"keywords": [],
- "brandContext": "^25.0.0",
+ "brandContext": "^31.0.1",
"author": "SpringerNature"
}
\ No newline at end of file
diff --git a/toolkits/global/packages/global-dropdown/HISTORY.md b/toolkits/global/packages/global-dropdown/HISTORY.md
index 47f07b0ad..aea6edcdd 100644
--- a/toolkits/global/packages/global-dropdown/HISTORY.md
+++ b/toolkits/global/packages/global-dropdown/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 5.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 4.1.1 (2022-09-20)
* BUG: fixes SVGs not displaying correctly in demo
diff --git a/toolkits/global/packages/global-dropdown/demo/dist/index.html b/toolkits/global/packages/global-dropdown/demo/dist/index.html
index 6c3ad4ff6..bf1a607b9 100644
--- a/toolkits/global/packages/global-dropdown/demo/dist/index.html
+++ b/toolkits/global/packages/global-dropdown/demo/dist/index.html
@@ -321,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -492,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* @springernature/global-dropdown
* Default skin settings
@@ -551,9 +605,6 @@
text-decoration: underline;
font-size: 0.875rem;
}
-.c-dropdown__link.hover, .c-dropdown__link:hover {
- text-decoration: none;
-}
.js .c-dropdown__link {
color: black;
padding: 4px 16px;
diff --git a/toolkits/global/packages/global-dropdown/package.json b/toolkits/global/packages/global-dropdown/package.json
index 56a708949..93f38b559 100644
--- a/toolkits/global/packages/global-dropdown/package.json
+++ b/toolkits/global/packages/global-dropdown/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-dropdown",
- "version": "4.1.1",
+ "version": "5.0.0",
"license": "MIT",
"description": "Display a contextual list of links controlled by a toggle",
"keywords": [],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
diff --git a/toolkits/global/packages/global-facet/HISTORY.md b/toolkits/global/packages/global-facet/HISTORY.md
index 23fb317b5..830b484ee 100644
--- a/toolkits/global/packages/global-facet/HISTORY.md
+++ b/toolkits/global/packages/global-facet/HISTORY.md
@@ -1,6 +1,9 @@
# History
-# 2.1.0 (2022-07-28)
+## 3.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
+## 2.1.0 (2022-07-28)
* Upgrade to brand-context v25.0.0
## 2.0.0 (2022-04-07)
diff --git a/toolkits/global/packages/global-facet/package.json b/toolkits/global/packages/global-facet/package.json
index 0121ae26b..a36fe61e0 100644
--- a/toolkits/global/packages/global-facet/package.json
+++ b/toolkits/global/packages/global-facet/package.json
@@ -1,9 +1,9 @@
{
"name": "@springernature/global-facet",
- "version": "2.1.0",
+ "version": "3.0.0",
"license": "MIT",
"description": "",
"keywords": [],
"author": "Springer Nature",
- "brandContext": "^25.0.0"
+ "brandContext": "^31.0.1"
}
diff --git a/toolkits/global/packages/global-footer/HISTORY.md b/toolkits/global/packages/global-footer/HISTORY.md
index 76702690c..a4b1366a1 100644
--- a/toolkits/global/packages/global-footer/HISTORY.md
+++ b/toolkits/global/packages/global-footer/HISTORY.md
@@ -1,5 +1,8 @@
# History
+## 2.0.0 (2023-01-18)
+ * BREAKING: Upgrade to brand-context v31.0.1
+
## 1.0.1 (2022-11-24)
* adds a line-height for the c-footer and all within its cascade.
diff --git a/toolkits/global/packages/global-footer/demo/dist/index.html b/toolkits/global/packages/global-footer/demo/dist/index.html
index df9b6b342..35d99fa60 100644
--- a/toolkits/global/packages/global-footer/demo/dist/index.html
+++ b/toolkits/global/packages/global-footer/demo/dist/index.html
@@ -20,10 +20,8 @@
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
- line-height: 1.15;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
@@ -58,12 +56,9 @@
* 2. Show the overflow in Edge and IE.
*/
hr {
- box-sizing: content-box;
- /* 1 */
- height: 0;
- /* 1 */
- overflow: visible;
- /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
@@ -71,10 +66,8 @@
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/* Text-level semantics
@@ -91,12 +84,9 @@
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
- border-bottom: none;
- /* 1 */
- text-decoration: underline;
- /* 2 */
- text-decoration: underline dotted;
- /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
}
/**
@@ -114,10 +104,8 @@
code,
kbd,
samp {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
@@ -167,14 +155,10 @@
optgroup,
select,
textarea {
- font-family: inherit;
- /* 1 */
- font-size: 100%;
- /* 1 */
- line-height: 1.15;
- /* 1 */
- margin: 0;
- /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
}
/**
@@ -182,8 +166,7 @@
* 1. Show the overflow in Edge.
*/
button,
-input {
- /* 1 */
+input { /* 1 */
overflow: visible;
}
@@ -192,8 +175,7 @@
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
-select {
- /* 1 */
+select { /* 1 */
text-transform: none;
}
@@ -242,18 +224,12 @@
* `fieldset` elements in all browsers.
*/
legend {
- box-sizing: border-box;
- /* 1 */
- color: inherit;
- /* 2 */
- display: table;
- /* 1 */
- max-width: 100%;
- /* 1 */
- padding: 0;
- /* 3 */
- white-space: normal;
- /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
@@ -276,10 +252,8 @@
*/
[type=checkbox],
[type=radio] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
@@ -295,10 +269,8 @@
* 2. Correct the outline style in Safari.
*/
[type=search] {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
}
/**
@@ -313,10 +285,8 @@
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
}
/* Interactive
@@ -351,6 +321,21 @@
display: none;
}
+body {
+ line-height: 1.5;
+}
+
+button {
+ cursor: pointer;
+}
+
+img {
+ border: 0;
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+}
+
/**
* Enhanced
* Bootstrap the rest of the styles on cut the mustard
@@ -522,6 +507,45 @@
font-size: 1.125rem;
}
+* {
+ margin-block: 0;
+}
+
+h1, h2, h3, h4, h5 {
+ margin: 0;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) + :is(p, ol, ul, dl, figure, blockquote, form, pre, table, img, video, aside, section, article) {
+ margin-block-start: 1rem;
+}
+
+:is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) + div,
+div + :is(p, ol, ul, dl, figure, blockquote, pre, table, img, video) {
+ margin-block-start: 1rem;
+}
+
+* + :is(h2, h3, h4, h5) {
+ margin-block-start: 2rem;
+}
+
+:is(h3, h4, h5) + * {
+ margin-block-start: 0.5rem;
+}
+
+h2 + * {
+ margin-block-start: 1rem;
+}
+
+h1 + * {
+ margin-block-start: 3rem;
+}
+
+[hidden]:first-child + *,
+[style*="display:none"]:first-child + *,
+[style*="display: none"]:first-child + * {
+ margin-block-start: 0;
+}
+
/**
* @springernature/global-footer
* Default skin settings
@@ -533,6 +557,7 @@
padding-top: 32px;
padding-bottom: 32px;
color: #fff;
+ line-height: 1.15;
}
.c-footer__container {
@@ -591,9 +616,6 @@
background: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
-button.c-footer__link.hover, button.c-footer__link:hover {
- text-decoration: none;
-}
.c-footer__list {
list-style: none;
@@ -726,65 +748,65 @@
Footer with product and extended links