@brightspace-ui/core 1.242.2 → 1.243.0

package/components/button/button-icon.js

@@ -60,7 +60,7 @@ class ButtonIcon extends ThemeMixin(ButtonMixin(VisibleOnAncestorMixin(RtlMixin(
 					--d2l-button-icon-min-height: calc(2rem + 2px);
 					--d2l-button-icon-min-width: calc(2rem + 2px);
 					--d2l-button-icon-h-align: calc(((2rem + 2px - 0.9rem) / 2) * -1);
-					--d2l-icon-fill-color: var(--d2l-button-icon-fill-color, var(--d2l-color-ferrite));
+					--d2l-icon-fill-color: var(--d2l-button-icon-fill-color, var(--d2l-color-tungsten));
 					display: inline-block;
 				}
 				:host([hidden]) {
@@ -75,7 +75,7 @@ class ButtonIcon extends ThemeMixin(ButtonMixin(VisibleOnAncestorMixin(RtlMixin(
 				}
 				:host([theme="dark"]) {
 					--d2l-button-icon-background-color: transparent;
-					--d2l-button-icon-background-color-hover: rgba(51, 53, 54, 0.9); /* ferrite @70% @90% */
+					--d2l-button-icon-background-color-hover: rgba(51, 53, 54, 0.9); /* tungsten @70% @90% */
 					--d2l-button-icon-focus-box-shadow: 0 0 0 2px black, 0 0 0 4px var(--d2l-color-celestine-plus-1);
 					--d2l-icon-fill-color: var(--d2l-color-sylvite);
 					--d2l-button-icon-fill-color-hover: var(--d2l-color-sylvite);
@@ -112,7 +112,7 @@ class ButtonIcon extends ThemeMixin(ButtonMixin(VisibleOnAncestorMixin(RtlMixin(
 				button:hover,
 				button:focus,
 				:host([active]) button {
-					--d2l-icon-fill-color: var(--d2l-button-icon-fill-color-hover, var(--d2l-color-ferrite));
+					--d2l-icon-fill-color: var(--d2l-button-icon-fill-color-hover, var(--d2l-color-tungsten));
 					background-color: var(--d2l-button-icon-background-color-hover);
 				}
 				button.focus-visible {

package/components/button/floating-buttons.js

@@ -61,7 +61,7 @@ class FloatingButtons extends RtlMixin(LitElement) {
 				background-color: #ffffff;
 				background-color: rgba(255, 255, 255, 0.88);
 				border-top-color: var(--d2l-color-mica);
-				box-shadow: 0 -2px 4px rgba(73, 76, 78, 0.2); /* ferrite */
+				box-shadow: 0 -2px 4px rgba(32, 33, 34, 0.2); /* ferrite */
 			}
 
 			:host([_floating]:not([always-float])) .d2l-floating-buttons-container {

package/components/card/demo/card.html

@@ -31,7 +31,7 @@
 			}
 			.badge > img {
 				background-color: white;
-				border: 1px solid #494c4e;
+				border: 1px solid #202122; /* ferrite */
 				border-radius: 6px;
 				height: 70px;
 				object-fit: cover;

package/components/colors/colors.js

@@ -8,11 +8,11 @@ if (!document.head.querySelector('#d2l-colors')) {
 			--d2l-color-sylvite: #f1f5fb;
 			--d2l-color-gypsum: #e3e9f1;
 			--d2l-color-mica: #cdd5dc;
-			--d2l-color-corundum: #b5bdc2;
-			--d2l-color-chromite: #9ea5a9;
-			--d2l-color-galena: #868c8f;
-			--d2l-color-tungsten: #6e7376;
-			--d2l-color-ferrite: #494c4e;
+			--d2l-color-corundum: #b1b9be;
+			--d2l-color-chromite: #90989d;
+			--d2l-color-galena: #6e7477;
+			--d2l-color-tungsten: #494c4e;
+			--d2l-color-ferrite: #202122;
 
 			/* zircon */
 			--d2l-color-zircon-plus-2: #e0feff;

package/components/colors/colors.scss

@@ -3,11 +3,11 @@ $d2l-color-regolith: #f9fbff !default;
 $d2l-color-sylvite: #f1f5fb !default;
 $d2l-color-gypsum: #e3e9f1 !default;
 $d2l-color-mica: #cdd5dc !default;
-$d2l-color-corundum: #b5bdc2 !default;
-$d2l-color-chromite: #9ea5a9 !default;
-$d2l-color-galena: #868c8f !default;
-$d2l-color-tungsten: #6e7376 !default;
-$d2l-color-ferrite: #494c4e !default;
+$d2l-color-corundum: #b1b9be !default;
+$d2l-color-chromite: #90989d !default;
+$d2l-color-galena: #6e7477 !default;
+$d2l-color-tungsten: #494c4e !default;
+$d2l-color-ferrite: #202122 !default;
 
 // zircon
 $d2l-color-zircon-plus-2: #e0feff !default;

package/components/dropdown/dropdown-content-styles.js

@@ -24,8 +24,8 @@ export const dropdownContentStyles = css`
 	:host([theme="dark"]) {
 		--d2l-dropdown-above-animation-name: d2l-dropdown-above-animation-dark;
 		--d2l-dropdown-animation-name: d2l-dropdown-animation-dark;
-		--d2l-dropdown-background-color: #333536; /* ferrite @ 70% */
-		--d2l-dropdown-border-color: var(--d2l-color-ferrite);
+		--d2l-dropdown-background-color: #333536; /* tungsten @ 70% */
+		--d2l-dropdown-border-color: var(--d2l-color-tungsten);
 		--d2l-dropdown-foreground-color: var(--d2l-color-sylvite);
 		--d2l-dropdown-shadow-color: rgba(0, 0, 0, 1);
 		opacity: 0.9;
@@ -66,7 +66,7 @@ export const dropdownContentStyles = css`
 		background-color: var(--d2l-dropdown-background-color);
 		border: 1px solid var(--d2l-dropdown-border-color);
 		border-radius: 0.1rem;
-		box-shadow: -4px -4px 12px -5px rgba(73, 76, 78, 0.2); /* ferrite */
+		box-shadow: -4px -4px 12px -5px rgba(32, 33, 34, 0.2); /* ferrite */
 		height: 16px;
 		-webkit-transform: rotate(45deg);
 		transform: rotate(45deg);
@@ -80,7 +80,7 @@ export const dropdownContentStyles = css`
 	}
 
 	:host([opened-above]) .d2l-dropdown-content-pointer > div {
-		box-shadow: 4px 4px 12px -5px rgba(73, 76, 78, 0.2); /* ferrite */
+		box-shadow: 4px 4px 12px -5px rgba(32, 33, 34, 0.2); /* ferrite */
 	}
 
 	:host([no-pointer]) .d2l-dropdown-content-pointer {

package/components/html-block/html-block.js

@@ -96,7 +96,7 @@ export const htmlBlockContentStyles = css`
 		a:visited,
 		a:link,
 		a:active {
-			color: var(--d2l-color-ferrite, #494c4e);
+			color: var(--d2l-color-ferrite, #202122);
 		}
 	}
 	mjx-assistive-mml math {

package/components/icons/README.md

@@ -80,7 +80,7 @@ When contributing changes to icons, the SVG files should be properly formatted.
   - not contain negative values
 - there should be no `<title>` element
 - there should be no inline `<style>` -- all style for line fills should be applied directly to the SVG elements
-- color of SVG elements should be "ferrite" (`#494c4e`)
+- color of SVG elements should be "tungsten" (`#494c4e`)
 
 The best way to have most of these rules applied for you automatically is to put the icon through [SVGOMG](https://jakearchibald.github.io/svgomg/) with these options selected:
 * `Prettify code` - ON

package/components/icons/icon-styles.js

@@ -5,7 +5,7 @@ export const iconStyles = css`
 	:host {
 		-webkit-align-items: center;
 		align-items: center;
-		color: var(--d2l-color-ferrite);
+		color: var(--d2l-color-tungsten);
 		display: -ms-inline-flexbox;
 		display: -webkit-inline-flex;
 		display: inline-flex;

package/components/icons/images/tier2/check-box-unchecked.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <rect fill="#f9fbff" stroke-width="1" stroke="#868c8f" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
+  <rect fill="#f9fbff" stroke-width="1" stroke="#6e7477" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
 </svg>

package/components/icons/images/tier2/check-box.svg

@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <rect fill="#f9fbff" stroke-width="1" stroke="#868c8f" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
+  <rect fill="#f9fbff" stroke-width="1" stroke="#6e7477" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
   <path fill="#494c4e" d="M19.707,7.293a1,1,0,0,0-1.414,0L10,15.586,6.707,12.293a1,1,0,0,0-1.414,1.414l4,4a1,1,0,0,0,1.414,0l9-9A1,1,0,0,0,19.707,7.293Z"/>
 </svg>

package/components/inputs/input-select-styles.js

@@ -33,7 +33,7 @@ export const selectStyles = css`
 		background-color: #ffffff;
 		border-color: var(--d2l-color-galena);
 		border-width: 1px;
-		box-shadow: inset 0 2px 0 0 rgba(181, 189, 194, 0.2); /* corundum */
+		box-shadow: inset 0 2px 0 0 rgba(177, 185, 190, 0.2); /* corundum */
 		padding: 0.4rem 0.75rem;
 	}
 	.d2l-input-select,

package/components/inputs/input-styles.js

@@ -6,7 +6,7 @@ export const inputStyles = css`
 		background-color: var(--d2l-input-background-color, #ffffff);
 		border-radius: var(--d2l-input-border-radius, 0.3rem);
 		border-style: solid;
-		box-shadow: inset 0 2px 0 0 rgba(181, 189, 194, 0.2); /* corundum */
+		box-shadow: inset 0 2px 0 0 rgba(177, 185, 190, 0.2); /* corundum */
 		box-sizing: border-box;
 		color: var(--d2l-color-ferrite);
 		display: inline-block;

package/components/inputs/sass/select.scss

@@ -27,7 +27,7 @@
 		background-color: #ffffff;
 		border-color: $d2l-color-galena;
 		border-width: 1px;
-		box-shadow: inset 0 2px 0 0 rgba(181, 189, 194, .2); /* corundum */
+		box-shadow: inset 0 2px 0 0 rgba(177, 185, 190, 0.2); /* corundum */
 		padding: 0.4rem 0.75rem;
 	}
 	&,

package/components/inputs/sass/text.scss

@@ -10,7 +10,7 @@
 	border-radius: 0.3rem;
 	border-style: solid;
 	border-width: 1px;
-	box-shadow: inset 0 2px 0 0 rgba(181, 189, 194, .2), /* corundum */;
+	box-shadow: inset 0 2px 0 0 rgba(177, 185, 190, 0.2), /* corundum */;
 	box-sizing: border-box;
 	color: $d2l-color-ferrite;
 	display: inline-block;

package/components/menu/menu.js

@@ -65,12 +65,12 @@ class Menu extends ThemeMixin(HierarchicalViewMixin(LitElement)) {
 			}
 
 			:host([theme="dark"]) {
-				--d2l-menu-background-color: #333536; /* ferrite @ 70% */
+				--d2l-menu-background-color: #333536; /* tungsten @ 70% */
 				--d2l-menu-background-color-hover: #123559; /* celestine-1 @ 50% */
-				--d2l-menu-border-color: var(--d2l-color-ferrite);
+				--d2l-menu-border-color: var(--d2l-color-tungsten);
 				--d2l-menu-foreground-color: var(--d2l-color-sylvite);
 				--d2l-menu-foreground-color-hover: #ffffff;
-				--d2l-menu-separator-color: var(--d2l-color-tungsten);
+				--d2l-menu-separator-color: var(--d2l-color-galena);
 				--d2l-icon-fill-color: var(--d2l-color-mica);
 				background-color: var(--d2l-menu-background-color); /* so that opacity on disabled items works */
 			}

package/components/status-indicator/status-indicator.js

@@ -68,8 +68,8 @@ class StatusIndicator extends LitElement {
 			}
 			:host([state="none"]),
 			:host([state="null"]) {
-				border-color: var(--d2l-color-ferrite);
-				color: var(--d2l-color-ferrite);
+				border-color: var(--d2l-color-tungsten);
+				color: var(--d2l-color-tungsten);
 			}
 
 			:host([bold]) {
@@ -84,7 +84,7 @@ class StatusIndicator extends LitElement {
 			}
 			:host([bold][state="none"]),
 			:host([bold][state="null"]) {
-				background-color: var(--d2l-color-ferrite);
+				background-color: var(--d2l-color-tungsten);
 			}
 		`;
 	}

package/custom-elements.json

@@ -4905,7 +4905,8 @@
           "type": "number"
         },
         {
-          "name": "trailingZeroes"
+          "name": "trailingZeroes",
+          "type": "boolean"
         },
         {
           "name": "value",
@@ -8296,7 +8297,7 @@
     {
       "name": "d2l-overflow-group",
       "path": "./components/overflow-group/overflow-group.js",
-      "description": "A component that can be used to display a set of buttons, links or menus that will be put into a dropdown menu when they no longer fit on the first line of their container",
+      "description": "\nA component that can be used to display a set of buttons, links or menus that will be put into a dropdown menu when they no longer fit on the first line of their container",
       "attributes": [
         {
           "name": "auto-show",
@@ -8423,7 +8424,7 @@
     {
       "name": "d2l-scroll-wrapper",
       "path": "./components/scroll-wrapper/scroll-wrapper.js",
-      "description": "Wraps content which may overflow its horizontal boundaries, providing left/right scroll buttons.",
+      "description": "\nWraps content which may overflow its horizontal boundaries, providing left/right scroll buttons.",
       "attributes": [
         {
           "name": "hide-actions",

package/generated/icons/tier2/check-box-unchecked.js

@@ -1,5 +1,5 @@
 // auto-generated
 export const val = `<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <rect fill="#f9fbff" stroke-width="1" stroke="#868c8f" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
+  <rect fill="#f9fbff" stroke-width="1" stroke="#6e7477" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
 </svg>
 `;

package/generated/icons/tier2/check-box.js

@@ -1,6 +1,6 @@
 // auto-generated
 export const val = `<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <rect fill="#f9fbff" stroke-width="1" stroke="#868c8f" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
+  <rect fill="#f9fbff" stroke-width="1" stroke="#6e7477" x="0.5" y="0.5" width="23" height="23" rx="5.5"/>
   <path fill="#494c4e" d="M19.707,7.293a1,1,0,0,0-1.414,0L10,15.586,6.707,12.293a1,1,0,0,0-1.414,1.414l4,4a1,1,0,0,0,1.414,0l9-9A1,1,0,0,0,19.707,7.293Z"/>
 </svg>
 `;

package/lang/cy.js

@@ -18,10 +18,10 @@ export default {
 	"components.filter.clearDescription": "Wrthi’n clirio hidlwyd ar gyfer: {filterName}",
 	"components.filter.clearDescriptionSingle": "Clirio Hidlwyr",
 	"components.filter.loading": "Wrthi’n llwytho hidlyddion",
-	"components.filter.filterCountDescription": "{number, plural, zero {Ni chymhwyswyd hidlwyr.} one {1 hidlydd wedi'i gymhwyso.} other {{number} hidlydd wedi'u cymhwyso.}}",
+	"components.filter.filterCountDescription": "{number, plural, zero {Dim hildwyr wedi'u gweithredu.} one {1 hidlydd wedi'i weithredu.} other {{number} hidlydd wedi'u gweithredu.}}",
 	"components.filter.filters": "Hidlyddion",
 	"components.filter.noFilters": "Dim hidlyddion ar gael",
-	"components.filter.searchResults": "{number, plural, zero {Dim canlyniadau chwilio} one {1 canlyniad chwilio} other {{number} o ganlyniadau chwilio}}",
+	"components.filter.searchResults": "{number, plural, zero {Dim canlyniadau chwilio} one {1 canlyniad chwilio} other {{number} canlyniad chwilio}}",
 	"components.filter.singleDimensionDescription": "Hidlo yn ôl: {filterName}",
 	"components.form-element.defaultError": "Mae {label} yn annilys.",
 	"components.form-element.defaultFieldLabel": "Maes",

package/lang/da.js

@@ -21,7 +21,7 @@ export default {
 	"components.filter.filterCountDescription": "{number, plural, =0 {Ingen filtre anvendt.} one {1 filter anvendt.} other {{number} filtre anvendt.}}",
 	"components.filter.filters": "Filtre",
 	"components.filter.noFilters": "Ingen tilgængelige filtre",
-	"components.filter.searchResults": "{number, plural, =0 {No search results} one {1 search result} other {{number} search results}}",
+	"components.filter.searchResults": "{number, plural, =0 {Ingen søgeresultater} one {1 søgeresultat} other {{number} søgeresultater}}",
 	"components.filter.singleDimensionDescription": "Filtrer efter: {filterName}",
 	"components.form-element.defaultError": "{label} er ugyldigt.",
 	"components.form-element.defaultFieldLabel": "Felt",

package/lang/de.js

@@ -18,10 +18,10 @@ export default {
 	"components.filter.clearDescription": "Filter für {filterName} löschen",
 	"components.filter.clearDescriptionSingle": "Filter löschen",
 	"components.filter.loading": "Filter werden geladen",
-	"components.filter.filterCountDescription": "{number, plural, =0 {Keine Filter angewendet.} one {1 Filter angewendet.} other {{number} Filter angewendet.}}",
+	"components.filter.filterCountDescription": "{number, plural, =0 {Keine Filter angewendet.} one {1 Filter angewendet.} other {{number} Filter angewendet.}}",
 	"components.filter.filters": "Filter",
 	"components.filter.noFilters": "Keine verfügbaren Filter",
-	"components.filter.searchResults": "{number, plural, =0 {Keine Suchergebnisse} one {1 Suchergebnis} other {{number} Suchergebnisse}}",
+	"components.filter.searchResults": "{number, plural, =0 {Keine Suchergebnisse} one {1 Suchergebnis} other {{number} Suchergebnisse}}",
 	"components.filter.singleDimensionDescription": "Filtern nach: {filterName}",
 	"components.form-element.defaultError": "{label} ist ungültig.",
 	"components.form-element.defaultFieldLabel": "Feld",

package/lang/fr-fr.js

@@ -21,7 +21,7 @@ export default {
 	"components.filter.filterCountDescription": "{number, plural, =0 {Aucun filtre appliqué.} one {1 filtre appliqué.} other {{number} filtres appliqués.}}",
 	"components.filter.filters": "Filtres",
 	"components.filter.noFilters": "Aucun filtre disponible",
-	"components.filter.searchResults": "{number, plural, =0 {aucun résultat de recherche} one {1 résultat de recherche} other {{number} résultats de recherche}}",
+	"components.filter.searchResults": "{number, plural, =0 {Aucun résultat de recherche} one {1 résultat de recherche} other {{number} résultats de recherche}}",
 	"components.filter.singleDimensionDescription": "Filtrer par : {filterName}",
 	"components.form-element.defaultError": "{label} n'est pas valide.",
 	"components.form-element.defaultFieldLabel": "Champ",

package/lang/hi.js

@@ -70,9 +70,9 @@ export default {
 	"components.list-item-tooltip.up-down-key": "ऊपर/नीचे",
 	"components.list-item-tooltip.up-down-desc": "सूची के आइटम के बीच फोकस ले जाएँ।",
 	"components.list-item-tooltip.left-right-key": "बायाँ/दायाँ",
-	"components.list-item-tooltip.left-right-desc": "मौजूदा आइटम में फ़ोकस को इधर से उधर ले जाएँ।",
+	"components.list-item-tooltip.left-right-desc": "मौजूदा आइटम में फ़ोकस को इधर से उधर ले जाएँ।",
 	"components.list-item-tooltip.page-up-down-key": "पेज ऊपर/नीचे",
-	"components.list-item-tooltip.page-up-down-desc": "एक बार में पाँच आइटम पर फ़ोकस ले जाएँ।",
+	"components.list-item-tooltip.page-up-down-desc": "एक बार में पाँच आइटम पर फ़ोकस ले जाएँ।",
 	"components.list-item-drag-handle-tooltip.title": "क्रम बदलने के लिए कीबोर्ड नियंत्रण:",
 	"components.list-item-drag-handle-tooltip.enter-key": "डालें",
 	"components.list-item-drag-handle-tooltip.enter-desc": "कीबोर्ड का क्रम बदलना मोड को टॉगल करें।",

package/lang/ko.js

@@ -18,7 +18,7 @@ export default {
 	"components.filter.clearDescription": "{filterName}에 대한 필터를 지웁니다.",
 	"components.filter.clearDescriptionSingle": "필터 지우기",
 	"components.filter.loading": "필터 로드 중",
-	"components.filter.filterCountDescription": "{number, plural, =0 {적용된 필터 없음.} other {{number}개 필터 적용.}}",
+	"components.filter.filterCountDescription": "{number, plural, =0 {적용된 필터 없음.} other {{number}개 필터 적용됨.}}",
 	"components.filter.filters": "개 필터",
 	"components.filter.noFilters": "사용 가능한 필터가 없습니다",
 	"components.filter.searchResults": "{number, plural, =0 {검색 결과 없음} other {{number}개 검색 결과}}",

package/lang/nl.js

@@ -18,7 +18,7 @@ export default {
 	"components.filter.clearDescription": "Filters wissen voor {filterName}",
 	"components.filter.clearDescriptionSingle": "Filters wissen",
 	"components.filter.loading": "Laden van filters",
-	"components.filter.filterCountDescription": "{number, plural, =0 {No filters applied.} one {1 filter applied.} other {{number} filters applied.}}",
+	"components.filter.filterCountDescription": "{number, plural, =0 {Geen filters toegepast.} one {1 filter toegepast.} other {{number} filters toegepast.}}",
 	"components.filter.filters": "Filters",
 	"components.filter.noFilters": "Geen beschikbare filters",
 	"components.filter.searchResults": "{number, plural, =0 {Geen zoekresultaten} one {1 zoekresultaat} other {{number} zoekresultaten}}",

package/lang/pt.js

@@ -18,7 +18,7 @@ export default {
 	"components.filter.clearDescription": "Limpar filtros para: {filterName}",
 	"components.filter.clearDescriptionSingle": "Limpar filtros",
 	"components.filter.loading": "Carregar filtros",
-	"components.filter.filterCountDescription": "{number, plural, =0 {Nenhum filtro aplicado.} one {Um filtro aplicado.} other {{number} filtros aplicados.}}",
+	"components.filter.filterCountDescription": "{number, plural, =0 {Nenhum filtro aplicado.} one {1 filtro aplicado.} other {{number} filtros aplicados.}}",
 	"components.filter.filters": "Filtros",
 	"components.filter.noFilters": "Não há filtros disponíveis",
 	"components.filter.searchResults": "{number, plural, =0 {Sem resultados para a pesquisa} one {1 resultado para a pesquisa} other {{number} resultados para a pesquisa}}",

package/lang/sv.js

@@ -21,7 +21,7 @@ export default {
 	"components.filter.filterCountDescription": "{number, plural, =0 {Inga filter tillämpade.} one {1 filter tillämpat.} other {{number} filter tillämpade.}}",
 	"components.filter.filters": "Filter",
 	"components.filter.noFilters": "Inga tillgängliga filter",
-	"components.filter.searchResults": "{number, plural, =0 {No search results} one {1 search result} other {{number} search results}}",
+	"components.filter.searchResults": "{number, plural, =0 {Inga sökresultat} one {1 sökresultat} other {{number} sökresultat}}",
 	"components.filter.singleDimensionDescription": "Filtrera efter: {filterName}",
 	"components.form-element.defaultError": "{label} är ogiltig.",
 	"components.form-element.defaultFieldLabel": "Fält",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "1.242.2",
+  "version": "1.243.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",

package/templates/primary-secondary/primary-secondary.js

@@ -674,7 +674,7 @@ class TemplatePrimarySecondary extends FocusVisiblePolyfillMixin(RtlMixin(Locali
 
 			footer {
 				background-color: white;
-				box-shadow: 0 -2px 4px rgba(73, 76, 78, 0.2); /* ferrite */
+				box-shadow: 0 -2px 4px rgba(32, 33, 34, 0.2); /* ferrite */
 				padding: 0.75rem 1rem;
 				z-index: 1; /* ensures the footer box-shadow is over main areas with background colours set */
 			}