@designsystem-se/af 38.0.0 → 38.0.1-beta.1

package/dist/cjs/{typography-variation.enum-c0ef9190.js → typography-variation.enum-ad1b2403.js}

@@ -51,6 +51,23 @@ exports.DialogVariation = void 0;
     DialogVariation["SECONDARY"] = "secondary";
 })(exports.DialogVariation || (exports.DialogVariation = {}));
 
+exports.ExpandableFaqItemHeadingLevel = void 0;
+(function (ExpandableFaqItemHeadingLevel) {
+    ExpandableFaqItemHeadingLevel["H1"] = "h1";
+    ExpandableFaqItemHeadingLevel["H2"] = "h2";
+    ExpandableFaqItemHeadingLevel["H3"] = "h3";
+    ExpandableFaqItemHeadingLevel["H4"] = "h4";
+    ExpandableFaqItemHeadingLevel["H5"] = "h5";
+    ExpandableFaqItemHeadingLevel["H6"] = "h6";
+})(exports.ExpandableFaqItemHeadingLevel || (exports.ExpandableFaqItemHeadingLevel = {}));
+
+exports.ExpandableFaqItemVariation = void 0;
+(function (ExpandableFaqItemVariation) {
+    ExpandableFaqItemVariation["PRIMARY"] = "primary";
+    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
+    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
+})(exports.ExpandableFaqItemVariation || (exports.ExpandableFaqItemVariation = {}));
+
 exports.FooterCardVariation = void 0;
 (function (FooterCardVariation) {
     FooterCardVariation["NONE"] = "none";
@@ -64,6 +81,24 @@ exports.FooterVariation = void 0;
     FooterVariation["SMALL"] = "small";
 })(exports.FooterVariation || (exports.FooterVariation = {}));
 
+exports.FormCheckboxLayout = void 0;
+(function (FormCheckboxLayout) {
+    FormCheckboxLayout["INLINE"] = "inline";
+    FormCheckboxLayout["BLOCK"] = "block";
+})(exports.FormCheckboxLayout || (exports.FormCheckboxLayout = {}));
+
+exports.FormCheckboxValidation = void 0;
+(function (FormCheckboxValidation) {
+    FormCheckboxValidation["ERROR"] = "error";
+    FormCheckboxValidation["WARNING"] = "warning";
+})(exports.FormCheckboxValidation || (exports.FormCheckboxValidation = {}));
+
+exports.FormCheckboxVariation = void 0;
+(function (FormCheckboxVariation) {
+    FormCheckboxVariation["PRIMARY"] = "primary";
+    FormCheckboxVariation["SECONDARY"] = "secondary";
+})(exports.FormCheckboxVariation || (exports.FormCheckboxVariation = {}));
+
 exports.FormErrorListHeadingLevel = void 0;
 (function (FormErrorListHeadingLevel) {
     FormErrorListHeadingLevel["H1"] = "h1";
@@ -74,6 +109,57 @@ exports.FormErrorListHeadingLevel = void 0;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(exports.FormErrorListHeadingLevel || (exports.FormErrorListHeadingLevel = {}));
 
+exports.FormFileUploadHeadingLevel = void 0;
+(function (FormFileUploadHeadingLevel) {
+    FormFileUploadHeadingLevel["H1"] = "h1";
+    FormFileUploadHeadingLevel["H2"] = "h2";
+    FormFileUploadHeadingLevel["H3"] = "h3";
+    FormFileUploadHeadingLevel["H4"] = "h4";
+    FormFileUploadHeadingLevel["H5"] = "h5";
+    FormFileUploadHeadingLevel["H6"] = "h6";
+})(exports.FormFileUploadHeadingLevel || (exports.FormFileUploadHeadingLevel = {}));
+
+exports.FormFileUploadValidation = void 0;
+(function (FormFileUploadValidation) {
+    FormFileUploadValidation["ENABLED"] = "enabled";
+    FormFileUploadValidation["DISABLED"] = "disabled";
+})(exports.FormFileUploadValidation || (exports.FormFileUploadValidation = {}));
+
+exports.FormFileUploadVariation = void 0;
+(function (FormFileUploadVariation) {
+    FormFileUploadVariation["SMALL"] = "small";
+    FormFileUploadVariation["MEDIUM"] = "medium";
+    FormFileUploadVariation["LARGE"] = "large";
+})(exports.FormFileUploadVariation || (exports.FormFileUploadVariation = {}));
+
+exports.FormInputMode = void 0;
+(function (FormInputMode) {
+    FormInputMode["DEFAULT"] = "";
+    FormInputMode["NONE"] = "none";
+    FormInputMode["TEXT"] = "text";
+    FormInputMode["DECIMAL"] = "decimal";
+    FormInputMode["NUMERIC"] = "numeric";
+    FormInputMode["TEL"] = "tel";
+    FormInputMode["SEARCH"] = "search";
+    FormInputMode["EMAIL"] = "email";
+    FormInputMode["URL"] = "url";
+})(exports.FormInputMode || (exports.FormInputMode = {}));
+
+exports.FormInputValidation = void 0;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(exports.FormInputValidation || (exports.FormInputValidation = {}));
+
+exports.FormInputVariation = void 0;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(exports.FormInputVariation || (exports.FormInputVariation = {}));
+
 exports.FormFieldsetValidation = void 0;
 (function (FormFieldsetValidation) {
     FormFieldsetValidation["SUCCESS"] = "success";
@@ -129,6 +215,28 @@ exports.FormSelectFilterValidation = void 0;
     FormSelectFilterValidation["NEUTRAL"] = "neutral";
 })(exports.FormSelectFilterValidation || (exports.FormSelectFilterValidation = {}));
 
+exports.FormSelectValidation = void 0;
+(function (FormSelectValidation) {
+    FormSelectValidation["SUCCESS"] = "success";
+    FormSelectValidation["ERROR"] = "error";
+    FormSelectValidation["WARNING"] = "warning";
+    FormSelectValidation["NEUTRAL"] = "neutral";
+})(exports.FormSelectValidation || (exports.FormSelectValidation = {}));
+
+exports.FormSelectVariation = void 0;
+(function (FormSelectVariation) {
+    FormSelectVariation["SMALL"] = "small";
+    FormSelectVariation["MEDIUM"] = "medium";
+    FormSelectVariation["LARGE"] = "large";
+})(exports.FormSelectVariation || (exports.FormSelectVariation = {}));
+
+exports.FormValidationMessageVariation = void 0;
+(function (FormValidationMessageVariation) {
+    FormValidationMessageVariation["SUCCESS"] = "success";
+    FormValidationMessageVariation["ERROR"] = "error";
+    FormValidationMessageVariation["WARNING"] = "warning";
+})(exports.FormValidationMessageVariation || (exports.FormValidationMessageVariation = {}));
+
 exports.HeaderCenterContentWidth = void 0;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -163,12 +271,25 @@ exports.InfoCardMultiHeadingLevel = void 0;
     InfoCardMultiHeadingLevel["H6"] = "h6";
 })(exports.InfoCardMultiHeadingLevel || (exports.InfoCardMultiHeadingLevel = {}));
 
+exports.InfoCardMultiType = void 0;
+(function (InfoCardMultiType) {
+    InfoCardMultiType["MEDIA"] = "media";
+    InfoCardMultiType["RELATED"] = "related";
+    InfoCardMultiType["ENTRY"] = "entry";
+})(exports.InfoCardMultiType || (exports.InfoCardMultiType = {}));
+
 exports.InfoCardMultiVariation = void 0;
 (function (InfoCardMultiVariation) {
     InfoCardMultiVariation["PRIMARY"] = "primary";
     InfoCardMultiVariation["SECONDARY"] = "secondary";
 })(exports.InfoCardMultiVariation || (exports.InfoCardMultiVariation = {}));
 
+exports.InfoCardBorderPosition = void 0;
+(function (InfoCardBorderPosition) {
+    InfoCardBorderPosition["TOP"] = "top";
+    InfoCardBorderPosition["LEFT"] = "left";
+})(exports.InfoCardBorderPosition || (exports.InfoCardBorderPosition = {}));
+
 exports.InfoCardHeadingLevel = void 0;
 (function (InfoCardHeadingLevel) {
     InfoCardHeadingLevel["H1"] = "h1";
@@ -179,6 +300,23 @@ exports.InfoCardHeadingLevel = void 0;
     InfoCardHeadingLevel["H6"] = "h6";
 })(exports.InfoCardHeadingLevel || (exports.InfoCardHeadingLevel = {}));
 
+exports.InfoCardSize = void 0;
+(function (InfoCardSize) {
+    InfoCardSize["STANDARD"] = "standard";
+})(exports.InfoCardSize || (exports.InfoCardSize = {}));
+
+exports.InfoCardType = void 0;
+(function (InfoCardType) {
+    InfoCardType["TIP"] = "tip";
+    InfoCardType["RELATED"] = "related";
+})(exports.InfoCardType || (exports.InfoCardType = {}));
+
+exports.InfoCardVariation = void 0;
+(function (InfoCardVariation) {
+    InfoCardVariation["PRIMARY"] = "primary";
+    InfoCardVariation["SECONDARY"] = "secondary";
+})(exports.InfoCardVariation || (exports.InfoCardVariation = {}));
+
 exports.LayoutBlockContainer = void 0;
 (function (LayoutBlockContainer) {
     LayoutBlockContainer["STATIC"] = "static";
@@ -186,6 +324,28 @@ exports.LayoutBlockContainer = void 0;
     LayoutBlockContainer["NONE"] = "none";
 })(exports.LayoutBlockContainer || (exports.LayoutBlockContainer = {}));
 
+exports.LayoutColumnsGap = void 0;
+(function (LayoutColumnsGap) {
+    LayoutColumnsGap["DEFAULT"] = "default";
+    LayoutColumnsGap["GAP_32"] = "32";
+})(exports.LayoutColumnsGap || (exports.LayoutColumnsGap = {}));
+
+exports.LayoutColumnsElement = void 0;
+(function (LayoutColumnsElement) {
+    LayoutColumnsElement["DIV"] = "div";
+    LayoutColumnsElement["UL"] = "ul";
+    LayoutColumnsElement["OL"] = "ol";
+})(exports.LayoutColumnsElement || (exports.LayoutColumnsElement = {}));
+
+exports.LayoutColumnsVariation = void 0;
+(function (LayoutColumnsVariation) {
+    LayoutColumnsVariation["FOUR"] = "four";
+    LayoutColumnsVariation["THREE"] = "three";
+    LayoutColumnsVariation["TWO"] = "two";
+    LayoutColumnsVariation["ONE"] = "one";
+    LayoutColumnsVariation["NONE"] = "none";
+})(exports.LayoutColumnsVariation || (exports.LayoutColumnsVariation = {}));
+
 exports.LayoutContainerVariation = void 0;
 (function (LayoutContainerVariation) {
     LayoutContainerVariation["STATIC"] = "static";
@@ -199,12 +359,32 @@ exports.LayoutContainerMaxWidth = void 0;
     LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
 })(exports.LayoutContainerMaxWidth || (exports.LayoutContainerMaxWidth = {}));
 
+exports.LinkButtonVariation = void 0;
+(function (LinkButtonVariation) {
+    LinkButtonVariation["PRIMARY"] = "primary";
+    LinkButtonVariation["SECONDARY"] = "secondary";
+    LinkButtonVariation["PRIMARY_ALT"] = "primary-alt";
+    LinkButtonVariation["SECONDARY_ALT"] = "secondary-alt";
+})(exports.LinkButtonVariation || (exports.LinkButtonVariation = {}));
+
 exports.LogoColor = void 0;
 (function (LogoColor) {
     LogoColor["PRIMARY"] = "primary";
     LogoColor["SECONDARY"] = "secondary";
 })(exports.LogoColor || (exports.LogoColor = {}));
 
+exports.NavigationVerticalMenuActiveIndicatorSize = void 0;
+(function (NavigationVerticalMenuActiveIndicatorSize) {
+    NavigationVerticalMenuActiveIndicatorSize["PRIMARY"] = "primary";
+    NavigationVerticalMenuActiveIndicatorSize["SECONDARY"] = "secondary";
+})(exports.NavigationVerticalMenuActiveIndicatorSize || (exports.NavigationVerticalMenuActiveIndicatorSize = {}));
+
+exports.NavigationVerticalMenuVariation = void 0;
+(function (NavigationVerticalMenuVariation) {
+    NavigationVerticalMenuVariation["PRIMARY"] = "primary";
+    NavigationVerticalMenuVariation["SECONDARY"] = "secondary";
+})(exports.NavigationVerticalMenuVariation || (exports.NavigationVerticalMenuVariation = {}));
+
 exports.NotificationAlertHeadingLevel = void 0;
 (function (NotificationAlertHeadingLevel) {
     NotificationAlertHeadingLevel["H1"] = "h1";
@@ -242,6 +422,28 @@ exports.ErrorPageStatusCodes = void 0;
     ErrorPageStatusCodes["BLOCKED"] = "blocked";
 })(exports.ErrorPageStatusCodes || (exports.ErrorPageStatusCodes = {}));
 
+exports.ProgressIndicatorRole = void 0;
+(function (ProgressIndicatorRole) {
+    ProgressIndicatorRole["NONE"] = "";
+    ProgressIndicatorRole["STATUS"] = "status";
+})(exports.ProgressIndicatorRole || (exports.ProgressIndicatorRole = {}));
+
+exports.ProgressIndicatorVariation = void 0;
+(function (ProgressIndicatorVariation) {
+    ProgressIndicatorVariation["PRIMARY"] = "primary";
+    ProgressIndicatorVariation["SECONDARY"] = "secondary";
+})(exports.ProgressIndicatorVariation || (exports.ProgressIndicatorVariation = {}));
+
+exports.TagMediaIcon = void 0;
+(function (TagMediaIcon) {
+    TagMediaIcon["NEWS"] = "news";
+    TagMediaIcon["PLAYLIST"] = "playlist";
+    TagMediaIcon["PODCAST"] = "podcast";
+    TagMediaIcon["FILM"] = "film";
+    TagMediaIcon["WEBTV"] = "webtv";
+    TagMediaIcon["WEBINAR"] = "webinar";
+})(exports.TagMediaIcon || (exports.TagMediaIcon = {}));
+
 exports.ToolsFeedbackHeadingLevel = void 0;
 (function (ToolsFeedbackHeadingLevel) {
     ToolsFeedbackHeadingLevel["H1"] = "h1";
@@ -264,6 +466,34 @@ exports.FeedbackVariation = void 0;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(exports.FeedbackVariation || (exports.FeedbackVariation = {}));
 
+exports.ToolsThemeProviderBrandEnum = void 0;
+(function (ToolsThemeProviderBrandEnum) {
+    ToolsThemeProviderBrandEnum["AF25"] = "AF25";
+    ToolsThemeProviderBrandEnum["AF18"] = "AF18";
+})(exports.ToolsThemeProviderBrandEnum || (exports.ToolsThemeProviderBrandEnum = {}));
+
+exports.ToolsThemeProviderThemeEnum = void 0;
+(function (ToolsThemeProviderThemeEnum) {
+    ToolsThemeProviderThemeEnum["LIGHT"] = "light";
+    ToolsThemeProviderThemeEnum["DARK"] = "dark";
+})(exports.ToolsThemeProviderThemeEnum || (exports.ToolsThemeProviderThemeEnum = {}));
+
+exports.TypographyHeadingJumboLevel = void 0;
+(function (TypographyHeadingJumboLevel) {
+    TypographyHeadingJumboLevel["H1"] = "h1";
+    TypographyHeadingJumboLevel["H2"] = "h2";
+    TypographyHeadingJumboLevel["H3"] = "h3";
+    TypographyHeadingJumboLevel["H4"] = "h4";
+    TypographyHeadingJumboLevel["H5"] = "h5";
+    TypographyHeadingJumboLevel["H6"] = "h6";
+})(exports.TypographyHeadingJumboLevel || (exports.TypographyHeadingJumboLevel = {}));
+
+exports.TypographyHeadingJumboVariation = void 0;
+(function (TypographyHeadingJumboVariation) {
+    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
+    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
+})(exports.TypographyHeadingJumboVariation || (exports.TypographyHeadingJumboVariation = {}));
+
 exports.TypographyVariation = void 0;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";

package/dist/collection/components/_button/button/button.css

@@ -12,9 +12,9 @@ License: none (public domain)
   --digi--button--color--background--secondary--focus: var(--digi--color--background--interactive--hover--secondary);
   --digi--button--color--background--secondary--active: var(--digi--color--background--interactive--hover--secondary);
   --digi--button--color--background--function--default: transparent;
-  --digi--button--color--background--function--hover: transparent;
-  --digi--button--color--background--function--focus: transparent;
-  --digi--button--color--background--function--active: transparent;
+  --digi--button--color--background--function--hover: var(--digi--color--background--interactive--hover--quinary);
+  --digi--button--color--background--function--focus: var(--digi--color--background--interactive--hover--quinary);
+  --digi--button--color--background--function--active: var(--digi--color--background--interactive--hover--quinary);
   --digi--button--color--text--primary--default: var(--digi--color--text--interactive--secondary);
   --digi--button--color--text--primary--hover: var(--digi--color--text--interactive--secondary);
   --digi--button--color--text--primary--focus: var(--digi--color--text--interactive--secondary);
@@ -27,10 +27,10 @@ License: none (public domain)
   --digi--button--color--text--function--hover: var(--digi--color--text--interactive--primary);
   --digi--button--color--text--function--focus: var(--digi--color--text--interactive--primary);
   --digi--button--color--text--function--active: var(--digi--color--text--interactive--primary);
-  --digi--button--color--border--primary--default: var(--digi--color--background--interactive--default--primary);
-  --digi--button--color--border--primary--hover: var(--digi--color--background--interactive--hover--primary);
-  --digi--button--color--border--primary--focus: var(--digi--color--background--interactive--default--primary);
-  --digi--button--color--border--primary--active: var(--digi--color--background--interactive--default--primary);
+  --digi--button--color--border--primary--default: var(--digi--color--border--interactive--default--primary);
+  --digi--button--color--border--primary--hover: var(--digi--color--border--interactive--hover--primary);
+  --digi--button--color--border--primary--focus: var(--digi--color--border--interactive--default--primary);
+  --digi--button--color--border--primary--active: var(--digi--color--border--interactive--default--primary);
   --digi--button--color--border--secondary--default: var(--digi--color--border--interactive--default--primary);
   --digi--button--color--border--secondary--hover: var(--digi--color--border--interactive--hover--secondary);
   --digi--button--color--border--secondary--focus: var(--digi--color--border--interactive--default--primary);
@@ -78,9 +78,9 @@ License: none (public domain)
   --digi--button--border-radius--secondary--focus: var(--digi--border-radius--secondary);
   --digi--button--border-radius--secondary--active: var(--digi--border-radius--secondary);
   --digi--button--border-radius--function--default: initial;
-  --digi--button--border-radius--function--hover: initial;
-  --digi--button--border-radius--function--focus: initial;
-  --digi--button--border-radius--function--active: initial;
+  --digi--button--border-radius--function--hover: var(--digi--border-radius--secondary);
+  --digi--button--border-radius--function--focus: var(--digi--border-radius--secondary);
+  --digi--button--border-radius--function--active: var(--digi--border-radius--secondary);
   --digi--button--padding--small: var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);
   --digi--button--padding--medium: var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);
   --digi--button--font-size--small: var(--digi--global--typography--font-size--interaction-small);
@@ -103,26 +103,6 @@ License: none (public domain)
 }
 :host .digi-button {
   /* Variations and sizes */
-  /* Attributes */
-  font-family: var(--digi--button--font-family);
-  background: var(--COLOR--BACKGROUND--DEFAULT);
-  color: var(--COLOR--TEXT--DEFAULT);
-  padding: var(--PADDING);
-  border-radius: var(--BORDER-RADIUS--DEFAULT);
-  border-width: var(--BORDER-WIDTH--DEFAULT);
-  border-style: var(--BORDER-STYLE--DEFAULT);
-  border-color: var(--COLOR--BORDER--DEFAULT);
-  font-weight: var(--FONT-WEIGHT);
-  font-size: var(--FONT-SIZE);
-  outline: var(--digi--button--outline--default);
-  text-align: var(--digi--button--text-align--default);
-  width: var(--digi--button--width);
-  display: var(--digi--button--display);
-  justify-content: var(--digi--button--justify-content--default);
-  cursor: var(--digi--button--cursor);
-  min-height: var(--MIN-HEIGHT);
-  align-items: var(--digi--button--align-items);
-  white-space: nowrap;
 }
 :host .digi-button--variation-primary {
   --COLOR--BACKGROUND--DEFAULT: var(--digi--button--color--background--primary--default);
@@ -236,6 +216,28 @@ License: none (public domain)
   --digi--icon--color: var(--COLOR--ICON--DEFAULT);
   min-height: 0;
 }
+:host .digi-button {
+  /* Attributes */
+  font-family: var(--digi--button--font-family);
+  background: var(--COLOR--BACKGROUND--DEFAULT);
+  color: var(--COLOR--TEXT--DEFAULT);
+  padding: var(--PADDING);
+  border-radius: var(--BORDER-RADIUS--DEFAULT);
+  border-width: var(--BORDER-WIDTH--DEFAULT);
+  border-style: var(--BORDER-STYLE--DEFAULT);
+  border-color: var(--COLOR--BORDER--DEFAULT);
+  font-weight: var(--FONT-WEIGHT);
+  font-size: var(--FONT-SIZE);
+  outline: var(--digi--button--outline--default);
+  text-align: var(--digi--button--text-align--default);
+  width: var(--digi--button--width);
+  display: var(--digi--button--display);
+  justify-content: var(--digi--button--justify-content--default);
+  cursor: var(--digi--button--cursor);
+  min-height: var(--MIN-HEIGHT);
+  align-items: var(--digi--button--align-items);
+  white-space: nowrap;
+}
 @media (any-hover: hover) {
   :host .digi-button:hover {
     background: var(--COLOR--BACKGROUND--HOVER);

package/dist/collection/components/_calendar/calendar/calendar.css

@@ -6,6 +6,7 @@ License: none (public domain)
   --digi--calendar--display: inline-block;
   --digi--calendar--header--font-family: var(--digi--global--typography--font-family--default);
   --digi--calendar--header--font-weight: var(--digi--global--typography--font-weight--semibold);
+  --digi--calendar--header--font-color: var(--digi--color--text--primary);
   --digi--calendar--header--display: flex;
   --digi--calendar--header--align-items: center;
   --digi--calendar--header--justify-content: space-between;
@@ -29,8 +30,8 @@ License: none (public domain)
   --digi--calendar--date--focused--background-color: var(--digi--color--background--interactive--hover--secondary);
   --digi--calendar--date--today--circle-border: 2px solid var(--digi--color--marking--indication--secondary);
   --digi--calendar--date--today--circle-margin: 10%;
-  --digi--calendar--date--selected--color: var(--digi--color--text--interactive--secondary);
-  --digi--calendar--date--selected--background-color: var(--digi--color--background--interactive--selected--primary);
+  --digi--calendar--date--selected--color: var(--digi--color--text--interactive--secondary-discreet);
+  --digi--calendar--date--selected--background-color: var(--digi--color--background--interactive--selected--primary-stay);
   --digi--calendar--date--not-selectable-strike--color: var(--digi--color--marking--indication--tertiary);
   --digi--calendar--week--font-style: italic;
   --digi--calendar--week--font-size: var(--digi--global--typography--font-size--small);
@@ -55,6 +56,7 @@ License: none (public domain)
   font-size: var(--digi--global--typography--font-size--base);
   font-family: var(--digi--calendar--header--font-family);
   font-weight: var(--digi--calendar--header--font-weight);
+  color: var(--digi--calendar--header--font-color);
 }
 :host .digi-calendar__header--year-select {
   display: inherit;
@@ -128,11 +130,13 @@ License: none (public domain)
   font-style: italic;
   padding: var(--digi--calendar--table-header--padding);
   font-weight: var(--digi--calendar--table-header--font-weight-normal);
+  color: var(--digi--calendar--header--font-color);
   width: 50px;
 }
 :host .digi-calendar__table-header {
   padding: var(--digi--calendar--table-header--padding);
   font-weight: var(--digi--calendar--table--font-weight);
+  color: var(--digi--calendar--header--font-color);
   width: 46px;
 }
 :host .digi-calendar__td-week {
@@ -144,6 +148,7 @@ License: none (public domain)
 :host .digi-calendar__date--week-number {
   font-style: var(--digi--calendar--week--font-style);
   font-size: var(--digi--calendar--week--font-size);
+  color: var(--digi--calendar--header--font-color);
   display: table-cell;
   text-align: center;
 }