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

package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss

@@ -1,7 +1,7 @@
 @mixin digi-expandable-faq-item--variables() {
   --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--pop-out);
-  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary-elevated);
-  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary-elevated);
+  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
+  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
   --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
   --digi--expandable-faq-item--content--transition: ease-in-out var(--digi--animation--duration--base) height;
 

package/dist/collection/design-tokens/components/_form-checkbox.variables.scss

@@ -8,7 +8,7 @@
   --digi--form-checkbox--box-shadow--error: var(--digi--color--border--interactive--validation--error);
   --digi--form-checkbox--box-shadow--warning: var(--digi--color--border--interactive--validation--warning);
 
-  --digi--form-checkbox--background-color: var(--digi--color--background--interactive--default--input-elements);
+  --digi--form-checkbox--background-color: var(--digi--color--background--primary);
   --digi--form-checkbox--background-color--primary: var(--digi--color--background--interactive--selected--primary);
   --digi--form-checkbox--background-color--secondary: var(--digi--color--background--interactive--selected--secondary);
   --digi--form-checkbox--background-color--error: var(--digi--color--background--interactive--validation--error);

package/dist/collection/design-tokens/components/_form-file-upload.variables.scss

@@ -6,8 +6,6 @@
   --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);
   --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);
 
-  --digi--form-file-upload--color--background--uploaded-files: var(--digi--color--background--secondary-elevated);
-
   --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);
   --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);
   --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);

package/dist/collection/design-tokens/components/_form-filter.variables.scss

@@ -12,7 +12,7 @@
 
   --digi--form-filter--dropdown--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--form-filter--dropdown--border-radius: var(--digi--border--radius--primary);
-  --digi--form-filter--dropdown--background: var(--digi--color--background--dropdown);
+  --digi--form-filter--dropdown--background: var(--digi--color--background--primary);
   --digi--form-filter--dropdown--min-width: 18.75rem;
   --digi--form-filter--dropdown--margin-top: var(--digi--gutter--small);
   --digi--form-filter--dropdown--z-index: 999;

package/dist/collection/design-tokens/components/_form-select-filter.variables.scss

@@ -1,5 +1,5 @@
 @mixin digi-form-select-filter--variables() {
-  --digi--form-select-filter--footer--background: var(--digi--color--background--secondary-accent);
+  --digi--form-select-filter--footer--background: var(--digi--color--background--secondary);
   --digi--form-select-filter--scroll--max-height: 10.625rem;
 
   --digi--form-select-filter--scroll--padding: var(--digi--padding--small);
@@ -11,7 +11,7 @@
   --digi--form-select-filter--toggle-icon--transition: ease-in-out 0.2s all;
 
   --digi--form-select-filter--dropdown--border-radius: var(--digi--border-radius--input);
-  --digi--form-select-filter--dropdown--background: var(--digi--color--background--dropdown);
+  --digi--form-select-filter--dropdown--background: var(--digi--color--background--interactive--default--input-elements);
   --digi--form-select-filter--dropdown--min-width: 18.75rem;
   --digi--form-select-filter--dropdown--margin-top: var(--digi--gutter--small);
   --digi--form-select-filter--dropdown--z-index: 999;

package/dist/collection/design-tokens/components/_form-select.variables.scss

@@ -1,6 +1,6 @@
 @mixin digi-form-select--variables() {
-  --digi--form-select--background--empty: var(--digi--color--background--interactive--default--input-elements);
-  --digi--form-select--background--neutral: var(--digi--color--background--interactive--default--input-elements);
+  --digi--form-select--background--empty: var(--digi--color--background--interactive--default--secondary);
+  --digi--form-select--background--neutral: var(--digi--color--background--interactive--default--secondary);
   --digi--form-select--background--success: var(--digi--color--background--interactive--validation--success);
   --digi--form-select--background--warning: var(--digi--color--background--interactive--validation--warning);
   --digi--form-select--background--error: var(--digi--color--background--interactive--validation--error);

package/dist/collection/design-tokens/components/_info-card-multi.variables.scss

@@ -13,5 +13,5 @@
   --digi--info-card-multi--related-heading--font-size--desktop: var(--digi--typography--heading-3--font-size--desktop);
   --digi--info-card-multi--entry-heading--font-size--mobile: var(--digi--typography--heading-2--font-size--mobile);
   --digi--info-card-multi--entry-heading--font-size--desktop: var(--digi--typography--heading-2--font-size--desktop);
-  --digi--info-card--background-color: var(--digi--color--background--primary-elevated);
+  --digi--info-card--background-color: var(--digi--color--background--primary);
 }

package/dist/collection/design-tokens/components/_info-card.variables.scss

@@ -1,7 +1,7 @@
 @mixin digi-info-card--variables() {
   --digi--info-card--background-color--primary: var(--digi--color--background--pop-out);
-  --digi--info-card--background-color--secondary: var(--digi--color--background--secondary-elevated);
-  --digi--info-card--background-color--related: var(--digi--color--background--primary-elevated);
+  --digi--info-card--background-color--secondary: var(--digi--color--background--secondary);
+  --digi--info-card--background-color--related: var(--digi--color--background--primary);
   --digi--info-card--color--heading: var(--digi--color--text--primary);
   --digi--info-card--color--heading--multi: var(--digi--color--text--interactive--primary);
   --digi--info-card--border: var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);

package/dist/collection/design-tokens/components/_logo.variables.scss

@@ -1,20 +1,16 @@
-@use '../../../../../../styles/src/digi-styles.utils' as *;
-
-@mixin digi-logo--variables() {
-  --digi--logo--img--min-width: #{rem(256)};
-  --digi--logo--img--max-width:#{rem(292)};
-  --digi--logo--img--max-width--large: #{rem(368)};
-  --digi--logo--img--max-width--system: #{rem(44)};
-
-  --digi--logo--padding: 1.375rem;
-  --digi--logo--padding--wide: var(--digi--gutter--larger);
-  --digi--logo--padding--large: var(--digi--gutter--medium);
-  --digi--logo--padding--large--wide: var(--digi--gutter--larger);
-
-  --digi--logo--primary--symbol: var(--digi--color--logotype--primary--symbol);
-  --digi--logo--secondary--symbol: var(--digi--color--logotype--secondary--symbol);
-  --digi--logo--primary--text: var(--digi--color--logotype--primary--text);
-  --digi--logo--secondary--text: var(--digi--color--logotype--secondary--text);
-}g: 1.375rem;
+@mixin digi-title-logo--variables() {
+  --digi--title-logo-text-color: var(--digi--color--text--primary);
+  --digi--title-logo-font-weight: var(--digi--global--typography--font-weight--bold);
+  --digi--title-logo-font-size: var(--digi--typography--title-logo--font-size--mobile);
+  --digi--title-logo-font-size-small: var(--digi--global--typography--font-size--large);
+  --digi--title-logo-line-height-small: 1.25rem;
+  --digi--title-logo-symbol-color: var(--digi--color--logotype--primary--symbol);
+  --digi--title-logo-symbol-width: 36px;
+  --digi--title-logo-symbol-height: 36px;
+  --digi--title-logo-symbol-width-mobile: 44px;
+  --digi--title-logo-symbol-height-mobile: 44px;
+  --digi--title-logo-text-height: 40px;
+  --digi--title-logo-border-width: var(--digi--global--border-width--base);
+  --digi--title-logo-vertical-padding: 1.375rem;
   --digi--title-logo-gap: 9px;
 }

package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss

@@ -16,5 +16,5 @@
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--interactive--selected--tertiary);
   --digi--navigation-context-menu--item--display: flex;
   --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--interactive--tertiary);
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
 }

package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss

@@ -2,9 +2,9 @@
   --digi--navigation-vertical-menu-item--toggle-icon--character: "+";
   --digi--navigation-vertical-menu-item--toggle-icon--character--active: "-";
 
-  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--icon--cta);
-  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--icon--secondary);
-  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--icon--cta);
+  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--text--interactive--primary);
+  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--text--interactive--secondary);
+  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--text--interactive--primary);
 
   --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--interactive--default--tertiary);
   --digi--navigation-vertical-menu-item--toggle-icon--background--hover: var(--digi--color--background--interactive--hover--tertiary);

package/dist/collection/design-tokens/components/_quote.variables.scss

@@ -1,5 +1,5 @@
 @mixin digi-quote--variables() {
-  --digi--quote--background--primary: var(--digi--color--background--primary-elevated);
+  --digi--quote--background--primary: var(--digi--color--background--primary);
   --digi--quote--background--secondary: var(--digi--color--background--pop-out);
-  --digi--quote--background--tertiary: var(--digi--color--background--secondary-elevated);
+  --digi--quote--background--tertiary: var(--digi--color--background--secondary);
 }

package/dist/collection/design-tokens/components/_tools-feedback.variables.scss

@@ -1,6 +1,6 @@
 @mixin digi-tools-feedback--variables {
 	--digi--tools-feedback--background-color--primary: var(--digi--color--background--pop-out);
-	--digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary-elevated);
+	--digi--tools-feedback--background-color--secondary: var(--digi--color--background--primary);
 	--digi--tools-feedback--padding: var(--digi--padding--large);
 	--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);
 	--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);

package/dist/collection/enums.js

@@ -7,8 +7,12 @@ export * from './components/_button/button/button-size.enum';
 export * from './components/_button/button/button-type.enum';
 export * from './components/_button/button/button-variation.enum';
 export * from './components/_calendar/calendar-datepicker/calendar-datepicker-validation.enum';
+export * from './components/_calendar/calendar-datepicker/calendar-datepicker.types';
 export * from './components/_calendar/week-view/calendar-week-view-heading-level.enum';
 export * from './components/_chart/bar-chart/bar-chart-variation.enum';
+export * from './components/_chart/interfaces/bar-chart-data.interface';
+export * from './components/_chart/interfaces/chart-data-series.interface';
+export * from './components/_chart/interfaces/line-chart-data.interface';
 export * from './components/_code/code-block/code-block-language.enum';
 export * from './components/_code/code-block/code-block-variation.enum';
 export * from './components/_code/code-example/code-example-language.enum';
@@ -29,7 +33,9 @@ export * from './components/_form/form-checkbox/form-checkbox-layout.enum';
 export * from './components/_form/form-checkbox/form-checkbox-validation.enum';
 export * from './components/_form/form-checkbox/form-checkbox-variation.enum';
 export * from './components/_form/form-error-list/form-error-list-heading-level.enum';
+export * from './components/_form/form-error-list/form-error-list.types';
 export * from './components/_form/form-file-upload/form-file-upload-heading-level.enum';
+export * from './components/_form/form-file-upload/form-file-upload-error-messages.type';
 export * from './components/_form/form-file-upload/form-file-upload-validation.enum';
 export * from './components/_form/form-file-upload/form-file-upload-variation.enum';
 export * from './components/_form/form-input-search/form-input-search-variation.enum';
@@ -89,6 +95,7 @@ export * from './components/_notification/notification-alert/notification-alert-
 export * from './components/_notification/notification-alert/notification-alert-size.enum';
 export * from './components/_notification/notification-alert/notification-alert-variation.enum';
 export * from './components/_notification/notification-error-page/notification-error-page-httpstatus.enum';
+export * from './components/_progress/progress-circle/progress-circle-role.enum';
 export * from './components/_progress/progress-indicator/progress-indicator-role.enum';
 export * from './components/_progress/progress-indicator/progress-indicator-variation.enum';
 export * from './components/_progress/progress-list-item/progress-list-item-heading-level.enum';
@@ -118,7 +125,6 @@ export * from './components/_tools/tools-feedback/tools-feedback-heading-level.e
 export * from './components/_tools/tools-feedback/tools-feedback-type.enum';
 export * from './components/_tools/tools-feedback/tools-feedback-variation.enum';
 export * from './components/_tools/tools-theme-provider/tools-theme-provider.brand.enum';
-export * from './components/_tools/tools-theme-provider/tools-theme-provider.theme.enum';
 export * from './components/_typography/typography-heading-jumbo/typography-heading-jumbo-level.enum';
 export * from './components/_typography/typography-heading-jumbo/typography-heading-jumbo-variation.enum';
 export * from './components/_typography/typography-meta/typography-meta-variation.enum';