npm - @inera/ids-design - Versions diffs - 9.1.0 → 9.2.0 - Mend

@inera/ids-design 9.1.0 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

package/tokens/component-tokens.scss CHANGED Viewed

@@ -27,6 +27,7 @@
 @use "../components/footer-1177-admin/footer-1177-admin-tokens.scss";
 @use "../components/footer-1177-pro/footer-1177-pro-tokens.scss";
 @use "../components/footer-inera/footer-inera-tokens.scss";
+@use "../components/footer-inera-general/footer-inera-general-tokens.scss";
 @use "../components/footer-inera-admin/footer-inera-admin-tokens.scss";
 // Form
@@ -54,6 +55,7 @@
 @use "../components/header-1177-admin/header-1177-admin-tokens.scss";
 @use "../components/header-1177-pro/header-1177-pro-tokens.scss";
 @use "../components/header-inera/header-inera-tokens.scss";
+@use "../components/header-inera-general/header-inera-general-tokens.scss";
 @use "../components/header-inera-admin/header-inera-admin-tokens.scss";
 @use "../components/header-patient/header-patient-tokens.scss";
@@ -86,4 +88,5 @@
 @use "../components/table/table-tokens.scss";
 @use "../components/tabs/tabs-tokens.scss";
 @use "../components/tag/tag-tokens.scss";
+@use "../components/toolbar/toolbar-tokens.scss";
 @use "../components/tooltip/tooltip-tokens.scss";

package/tokens/themes/1177-admin-tokens.css CHANGED Viewed

@@ -235,6 +235,8 @@
   --ids-color-light-brand-text-on-primary: var(--ids-palette-neutral-100);
   --ids-color-light-brand-background-secondary: var(--ids-palette-secondary-95);
   --ids-color-light-brand-background-footer: var(--ids-palette-secondary-90);
+  --ids-color-light-brand-text-on-footer: var(--ids-palette-neutral-30);
+  --ids-color-light-brand-text-on-footer-link: var(--ids-palette-accent-40);
   --ids-color-light-brand-background-footer-bottom: var(--ids-palette-accent-40);
   --ids-color-light-brand-background-table-header: var(--ids-palette-neutral-99);
   --ids-color-light-brand-background-table-selected: var(--ids-palette-neutral-99);
@@ -360,6 +362,8 @@
   --ids-color-dark-brand-text-on-primary: var(--ids-palette-accent-90);
   --ids-color-dark-brand-background-secondary: var(--ids-palette-neutral-20);
   --ids-color-dark-brand-background-footer: var(--ids-palette-neutral-20);
+  --ids-color-dark-brand-text-on-footer: var(--ids-palette-neutral-90);
+  --ids-color-dark-brand-text-on-footer-link: var(--ids-palette-neutral-90);
   --ids-color-dark-brand-background-footer-bottom: var(--ids-palette-neutral-30);
   --ids-color-dark-brand-background-table-header: var(--ids-palette-neutral-20);
   --ids-color-dark-brand-background-table-selected: var(--ids-palette-neutral-20);
@@ -478,7 +482,17 @@
 	/*Light tokens*/
 .ids--1177-admin.ids--light {
-	--ids-border-width-general: 0.1875rem;
+	--ids-color-chart-1: #1e65e6;
+  --ids-color-chart-2: #d67900;
+  --ids-color-chart-3: #035c00;
+  --ids-color-chart-4: #dc748b;
+  --ids-color-chart-5: #343941;
+  --ids-color-chart-6: #9b89cd;
+  --ids-color-chart-7: #812861;
+  --ids-color-chart-8: #09a5a5;
+  --ids-color-chart-9: #b2492e;
+  --ids-color-chart-10: #87989c;
+  --ids-border-width-general: 0.1875rem;
   --ids-border-width-invalid: 0.1875rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-1: -5.75rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-2: -3.75rem;
@@ -537,6 +551,8 @@
   --ids-color-brand-background-secondary: var(--ids-palette-secondary-95);
   --ids-color-brand-background-footer: var(--ids-palette-secondary-90);
   --ids-color-brand-background-footer-bottom: var(--ids-palette-accent-40);
+  --ids-color-brand-text-on-footer: var(--ids-palette-neutral-30);
+  --ids-color-brand-text-on-footer-link: var(--ids-palette-accent-40);
   --ids-color-brand-background-table-header: var(--ids-palette-neutral-99);
   --ids-color-brand-background-table-selected: var(--ids-palette-neutral-99);
   --ids-color-brand-text-secondary: var(--ids-palette-accent-30);
@@ -646,7 +662,17 @@
 	/*Dark tokens*/
 .ids--1177-admin.ids--dark {
-	--ids-border-width-general: 0.1875rem;
+	--ids-color-chart-1: #2f6fe4;
+  --ids-color-chart-2: #f5ae3d;
+  --ids-color-chart-3: #26733d;
+  --ids-color-chart-4: #e3abb7;
+  --ids-color-chart-5: #666f7f;
+  --ids-color-chart-6: #b0a2d7;
+  --ids-color-chart-7: #b3478c;
+  --ids-color-chart-8: #74d0dc;
+  --ids-color-chart-9: #ce593b;
+  --ids-color-chart-10: #b9c3c6;
+  --ids-border-width-general: 0.1875rem;
   --ids-border-width-invalid: 0.1875rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-1: -5.75rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-2: -3.75rem;
@@ -705,6 +731,8 @@
   --ids-color-brand-background-secondary: var(--ids-palette-neutral-20);
   --ids-color-brand-background-footer: var(--ids-palette-neutral-20);
   --ids-color-brand-background-footer-bottom: var(--ids-palette-neutral-30);
+  --ids-color-brand-text-on-footer: var(--ids-palette-neutral-90);
+  --ids-color-brand-text-on-footer-link: var(--ids-palette-neutral-90);
   --ids-color-brand-background-table-header: var(--ids-palette-neutral-20);
   --ids-color-brand-background-table-selected: var(--ids-palette-neutral-20);
   --ids-color-brand-text-secondary: var(--ids-palette-accent-90);
@@ -814,16 +842,8 @@
 	/*Desktop tokens*/
 .ids--1177-admin.ids--light, .ids--1177-admin.ids--dark {
-	--ids-device-min-width: 90rem;
-  --ids-device-min-height: 64rem;
-  --ids-components-carousel-image-height: 25.8125rem;
-  --ids-components-header-logotype-width: 6.439374923706055rem;
-  --ids-components-header-avatar-max-width: 37.5rem;
-  --ids-components-card-padding-horizontal: 1.25rem;
-  --ids-components-card-padding-vertical: 1.5rem;
-  --ids-main-padding-horizontal: 5.5rem;
-  --ids-main-padding-top: 1.25rem;
-  --ids-main-padding-bottom: 9.5rem;
+	--ids-card-padding-horizontal: 0.75rem;
+  --ids-card-padding-vertical: 0.75rem;
   --ids-font-size-heading-xxl: 3rem;
   --ids-font-size-heading-xl: 2.25rem;
   --ids-font-size-heading-l: 1.75rem;
@@ -873,30 +893,13 @@
   --ids-font-letter-spacing-button-l: 0;
   --ids-font-letter-spacing-button-m: 0;
   --ids-font-letter-spacing-button-s: 0;
-  --ids-font-paragraph-spacing-heading-xxl: 0;
-  --ids-font-paragraph-spacing-heading-xl: 0;
-  --ids-font-paragraph-spacing-heading-l: 0;
-  --ids-font-paragraph-spacing-heading-m: 0;
-  --ids-font-paragraph-spacing-heading-s: 0;
-  --ids-font-paragraph-spacing-heading-xs: 0;
-  --ids-font-paragraph-spacing-preamble: 0;
-  --ids-font-paragraph-spacing-body-text: 1rem;
-  --ids-font-paragraph-spacing-small-text: 1rem;
 }
 	/*Mobile tokens*/
 @media only screen and (max-width: 1024px) {
 	.ids--1177-admin.ids--light, .ids--1177-admin.ids--dark {
-	--ids-device-min-width: 20rem;
-  --ids-device-min-height: 35.5rem;
-  --ids-components-carousel-image-height: 11.6875rem;
-  --ids-components-header-logotype-width: 2.575624942779541rem;
-  --ids-components-header-avatar-max-width: 6rem;
-  --ids-components-card-padding-horizontal: 1rem;
-  --ids-components-card-padding-vertical: 1.25rem;
-  --ids-main-padding-horizontal: 1.25rem;
-  --ids-main-padding-top: 1.25rem;
-  --ids-main-padding-bottom: 6rem;
+	--ids-card-padding-horizontal: 0.75rem;
+  --ids-card-padding-vertical: 0.75rem;
   --ids-font-size-heading-xxl: 2rem;
   --ids-font-size-heading-xl: 1.625rem;
   --ids-font-size-heading-l: 1.5rem;
@@ -927,7 +930,7 @@
   --ids-font-line-height-small-text: 1.25rem;
   --ids-font-line-height-header-admin-title: 0.875rem;
   --ids-font-line-height-header-admin-title-extra: 0.875rem;
-  --ids-font-line-height-header-profession-title: 1.5rem;
+  --ids-font-line-height-header-profession-title: 1.25rem;
   --ids-font-line-height-button-l: 1.25rem;
   --ids-font-line-height-button-m: 1.25rem;
   --ids-font-line-height-button-s: 1rem;
@@ -942,18 +945,9 @@
   --ids-font-letter-spacing-small-text: 0;
   --ids-font-letter-spacing-header-admin-title: -0.015625rem;
   --ids-font-letter-spacing-header-admin-title-extra: -0.015625rem;
-  --ids-font-letter-spacing-header-profession-title: -0.02500000037252903rem;
+  --ids-font-letter-spacing-header-profession-title: 0;
   --ids-font-letter-spacing-button-l: 0;
   --ids-font-letter-spacing-button-m: 0;
   --ids-font-letter-spacing-button-s: 0;
-  --ids-font-paragraph-spacing-heading-xxl: 0;
-  --ids-font-paragraph-spacing-heading-xl: 0;
-  --ids-font-paragraph-spacing-heading-l: 0;
-  --ids-font-paragraph-spacing-heading-m: 0;
-  --ids-font-paragraph-spacing-heading-s: 0;
-  --ids-font-paragraph-spacing-heading-xs: 0;
-  --ids-font-paragraph-spacing-preamble: 0;
-  --ids-font-paragraph-spacing-body-text: 1rem;
-  --ids-font-paragraph-spacing-small-text: 1rem;
 	}
 }

package/tokens/themes/1177-pro-tokens.css CHANGED Viewed

@@ -235,6 +235,8 @@
   --ids-color-light-brand-text-on-primary: var(--ids-palette-neutral-100);
   --ids-color-light-brand-background-secondary: var(--ids-palette-secondary-95);
   --ids-color-light-brand-background-footer: var(--ids-palette-secondary-95);
+  --ids-color-light-brand-text-on-footer: var(--ids-palette-neutral-30);
+  --ids-color-light-brand-text-on-footer-link: var(--ids-palette-accent-40);
   --ids-color-light-brand-background-footer-bottom: var(--ids-palette-accent-40);
   --ids-color-light-brand-background-table-header: var(--ids-palette-neutral-99);
   --ids-color-light-brand-background-table-selected: var(--ids-palette-neutral-99);
@@ -360,6 +362,8 @@
   --ids-color-dark-brand-text-on-primary: var(--ids-palette-accent-90);
   --ids-color-dark-brand-background-secondary: var(--ids-palette-neutral-20);
   --ids-color-dark-brand-background-footer: var(--ids-palette-neutral-20);
+  --ids-color-dark-brand-text-on-footer: var(--ids-palette-neutral-90);
+  --ids-color-dark-brand-text-on-footer-link: var(--ids-palette-neutral-90);
   --ids-color-dark-brand-background-footer-bottom: var(--ids-palette-neutral-30);
   --ids-color-dark-brand-background-table-header: var(--ids-palette-neutral-20);
   --ids-color-dark-brand-background-table-selected: var(--ids-palette-neutral-20);
@@ -478,7 +482,17 @@
 	/*Light tokens*/
 .ids--1177-pro.ids--light {
-	--ids-border-width-general: 0.1875rem;
+	--ids-color-chart-1: #1e65e6;
+  --ids-color-chart-2: #d67900;
+  --ids-color-chart-3: #035c00;
+  --ids-color-chart-4: #dc748b;
+  --ids-color-chart-5: #343941;
+  --ids-color-chart-6: #9b89cd;
+  --ids-color-chart-7: #812861;
+  --ids-color-chart-8: #09a5a5;
+  --ids-color-chart-9: #b2492e;
+  --ids-color-chart-10: #87989c;
+  --ids-border-width-general: 0.1875rem;
   --ids-border-width-invalid: 0.1875rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-1: -5.75rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-2: -3.75rem;
@@ -537,6 +551,8 @@
   --ids-color-brand-background-secondary: var(--ids-palette-secondary-95);
   --ids-color-brand-background-footer: var(--ids-palette-secondary-95);
   --ids-color-brand-background-footer-bottom: var(--ids-palette-accent-40);
+  --ids-color-brand-text-on-footer: var(--ids-palette-neutral-30);
+  --ids-color-brand-text-on-footer-link: var(--ids-palette-accent-40);
   --ids-color-brand-background-table-header: var(--ids-palette-neutral-99);
   --ids-color-brand-background-table-selected: var(--ids-palette-neutral-99);
   --ids-color-brand-text-secondary: var(--ids-palette-accent-30);
@@ -646,7 +662,17 @@
 	/*Dark tokens*/
 .ids--1177-pro.ids--dark {
-	--ids-border-width-general: 0.1875rem;
+	--ids-color-chart-1: #2f6fe4;
+  --ids-color-chart-2: #f5ae3d;
+  --ids-color-chart-3: #26733d;
+  --ids-color-chart-4: #e3abb7;
+  --ids-color-chart-5: #666f7f;
+  --ids-color-chart-6: #b0a2d7;
+  --ids-color-chart-7: #b3478c;
+  --ids-color-chart-8: #74d0dc;
+  --ids-color-chart-9: #ce593b;
+  --ids-color-chart-10: #b9c3c6;
+  --ids-border-width-general: 0.1875rem;
   --ids-border-width-invalid: 0.1875rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-1: -5.75rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-2: -3.75rem;
@@ -705,6 +731,8 @@
   --ids-color-brand-background-secondary: var(--ids-palette-neutral-20);
   --ids-color-brand-background-footer: var(--ids-palette-neutral-20);
   --ids-color-brand-background-footer-bottom: var(--ids-palette-neutral-30);
+  --ids-color-brand-text-on-footer: var(--ids-palette-neutral-90);
+  --ids-color-brand-text-on-footer-link: var(--ids-palette-neutral-90);
   --ids-color-brand-background-table-header: var(--ids-palette-neutral-20);
   --ids-color-brand-background-table-selected: var(--ids-palette-neutral-20);
   --ids-color-brand-text-secondary: var(--ids-palette-accent-90);
@@ -814,16 +842,8 @@
 	/*Desktop tokens*/
 .ids--1177-pro.ids--light, .ids--1177-pro.ids--dark {
-	--ids-device-min-width: 90rem;
-  --ids-device-min-height: 64rem;
-  --ids-components-carousel-image-height: 25.8125rem;
-  --ids-components-header-logotype-width: 6.439374923706055rem;
-  --ids-components-header-avatar-max-width: 37.5rem;
-  --ids-components-card-padding-horizontal: 1.25rem;
-  --ids-components-card-padding-vertical: 1.5rem;
-  --ids-main-padding-horizontal: 5.5rem;
-  --ids-main-padding-top: 1.25rem;
-  --ids-main-padding-bottom: 9.5rem;
+	--ids-card-padding-horizontal: 1.25rem;
+  --ids-card-padding-vertical: 1.5rem;
   --ids-font-size-heading-xxl: 3rem;
   --ids-font-size-heading-xl: 2.25rem;
   --ids-font-size-heading-l: 1.75rem;
@@ -873,30 +893,13 @@
   --ids-font-letter-spacing-button-l: 0;
   --ids-font-letter-spacing-button-m: 0;
   --ids-font-letter-spacing-button-s: 0;
-  --ids-font-paragraph-spacing-heading-xxl: 0;
-  --ids-font-paragraph-spacing-heading-xl: 0;
-  --ids-font-paragraph-spacing-heading-l: 0;
-  --ids-font-paragraph-spacing-heading-m: 0;
-  --ids-font-paragraph-spacing-heading-s: 0;
-  --ids-font-paragraph-spacing-heading-xs: 0;
-  --ids-font-paragraph-spacing-preamble: 0;
-  --ids-font-paragraph-spacing-body-text: 1rem;
-  --ids-font-paragraph-spacing-small-text: 1rem;
 }
 	/*Mobile tokens*/
 @media only screen and (max-width: 1024px) {
 	.ids--1177-pro.ids--light, .ids--1177-pro.ids--dark {
-	--ids-device-min-width: 20rem;
-  --ids-device-min-height: 35.5rem;
-  --ids-components-carousel-image-height: 11.6875rem;
-  --ids-components-header-logotype-width: 2.575624942779541rem;
-  --ids-components-header-avatar-max-width: 6rem;
-  --ids-components-card-padding-horizontal: 1rem;
-  --ids-components-card-padding-vertical: 1.25rem;
-  --ids-main-padding-horizontal: 1.25rem;
-  --ids-main-padding-top: 1.25rem;
-  --ids-main-padding-bottom: 6rem;
+	--ids-card-padding-horizontal: 1rem;
+  --ids-card-padding-vertical: 1.25rem;
   --ids-font-size-heading-xxl: 2rem;
   --ids-font-size-heading-xl: 1.625rem;
   --ids-font-size-heading-l: 1.5rem;
@@ -927,7 +930,7 @@
   --ids-font-line-height-small-text: 1.25rem;
   --ids-font-line-height-header-admin-title: 0.875rem;
   --ids-font-line-height-header-admin-title-extra: 0.875rem;
-  --ids-font-line-height-header-profession-title: 1.5rem;
+  --ids-font-line-height-header-profession-title: 1.25rem;
   --ids-font-line-height-button-l: 1.25rem;
   --ids-font-line-height-button-m: 1.25rem;
   --ids-font-line-height-button-s: 1rem;
@@ -942,18 +945,9 @@
   --ids-font-letter-spacing-small-text: 0;
   --ids-font-letter-spacing-header-admin-title: -0.015625rem;
   --ids-font-letter-spacing-header-admin-title-extra: -0.015625rem;
-  --ids-font-letter-spacing-header-profession-title: -0.02500000037252903rem;
+  --ids-font-letter-spacing-header-profession-title: 0;
   --ids-font-letter-spacing-button-l: 0;
   --ids-font-letter-spacing-button-m: 0;
   --ids-font-letter-spacing-button-s: 0;
-  --ids-font-paragraph-spacing-heading-xxl: 0;
-  --ids-font-paragraph-spacing-heading-xl: 0;
-  --ids-font-paragraph-spacing-heading-l: 0;
-  --ids-font-paragraph-spacing-heading-m: 0;
-  --ids-font-paragraph-spacing-heading-s: 0;
-  --ids-font-paragraph-spacing-heading-xs: 0;
-  --ids-font-paragraph-spacing-preamble: 0;
-  --ids-font-paragraph-spacing-body-text: 1rem;
-  --ids-font-paragraph-spacing-small-text: 1rem;
 	}
 }

package/tokens/themes/1177-tokens.css CHANGED Viewed

@@ -235,6 +235,8 @@
   --ids-color-light-brand-text-on-primary: var(--ids-palette-neutral-100);
   --ids-color-light-brand-background-secondary: var(--ids-palette-primary-90);
   --ids-color-light-brand-background-footer: var(--ids-palette-primary-90);
+  --ids-color-light-brand-text-on-footer: var(--ids-palette-neutral-30);
+  --ids-color-light-brand-text-on-footer-link: var(--ids-palette-primary-30);
   --ids-color-light-brand-background-footer-bottom: var(--ids-palette-primary-40);
   --ids-color-light-brand-background-table-header: var(--ids-palette-neutral-99);
   --ids-color-light-brand-background-table-selected: var(--ids-palette-neutral-99);
@@ -360,6 +362,8 @@
   --ids-color-dark-brand-text-on-primary: var(--ids-palette-primary-50);
   --ids-color-dark-brand-background-secondary: var(--ids-palette-neutral-20);
   --ids-color-dark-brand-background-footer: var(--ids-palette-neutral-20);
+  --ids-color-dark-brand-text-on-footer: var(--ids-palette-neutral-90);
+  --ids-color-dark-brand-text-on-footer-link: var(--ids-palette-neutral-90);
   --ids-color-dark-brand-background-footer-bottom: var(--ids-palette-neutral-30);
   --ids-color-dark-brand-background-table-header: var(--ids-palette-neutral-20);
   --ids-color-dark-brand-background-table-selected: var(--ids-palette-neutral-20);
@@ -478,7 +482,17 @@
 	/*Light tokens*/
 .ids--1177.ids--light {
-	--ids-border-width-general: 0.1875rem;
+	--ids-color-chart-1: #1e65e6;
+  --ids-color-chart-2: #d67900;
+  --ids-color-chart-3: #035c00;
+  --ids-color-chart-4: #dc748b;
+  --ids-color-chart-5: #343941;
+  --ids-color-chart-6: #9b89cd;
+  --ids-color-chart-7: #812861;
+  --ids-color-chart-8: #09a5a5;
+  --ids-color-chart-9: #b2492e;
+  --ids-color-chart-10: #87989c;
+  --ids-border-width-general: 0.1875rem;
   --ids-border-width-invalid: 0.1875rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-1: -5.75rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-2: -3.75rem;
@@ -537,6 +551,8 @@
   --ids-color-brand-background-secondary: var(--ids-palette-primary-90);
   --ids-color-brand-background-footer: var(--ids-palette-primary-90);
   --ids-color-brand-background-footer-bottom: var(--ids-palette-primary-40);
+  --ids-color-brand-text-on-footer: var(--ids-palette-neutral-30);
+  --ids-color-brand-text-on-footer-link: var(--ids-palette-primary-30);
   --ids-color-brand-background-table-header: var(--ids-palette-neutral-99);
   --ids-color-brand-background-table-selected: var(--ids-palette-neutral-99);
   --ids-color-brand-text-secondary: var(--ids-palette-primary-20);
@@ -646,7 +662,17 @@
 	/*Dark tokens*/
 .ids--1177.ids--dark {
-	--ids-border-width-general: 0.1875rem;
+	--ids-color-chart-1: #2f6fe4;
+  --ids-color-chart-2: #f5ae3d;
+  --ids-color-chart-3: #26733d;
+  --ids-color-chart-4: #e3abb7;
+  --ids-color-chart-5: #666f7f;
+  --ids-color-chart-6: #b0a2d7;
+  --ids-color-chart-7: #b3478c;
+  --ids-color-chart-8: #74d0dc;
+  --ids-color-chart-9: #ce593b;
+  --ids-color-chart-10: #b9c3c6;
+  --ids-border-width-general: 0.1875rem;
   --ids-border-width-invalid: 0.1875rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-1: -5.75rem;
   --ids-box-shadow-position-x-elevated-2-left-effect-2: -3.75rem;
@@ -705,6 +731,8 @@
   --ids-color-brand-background-secondary: var(--ids-palette-neutral-20);
   --ids-color-brand-background-footer: var(--ids-palette-neutral-20);
   --ids-color-brand-background-footer-bottom: var(--ids-palette-neutral-30);
+  --ids-color-brand-text-on-footer: var(--ids-palette-neutral-90);
+  --ids-color-brand-text-on-footer-link: var(--ids-palette-neutral-90);
   --ids-color-brand-background-table-header: var(--ids-palette-neutral-20);
   --ids-color-brand-background-table-selected: var(--ids-palette-neutral-20);
   --ids-color-brand-text-secondary: var(--ids-palette-primary-90);
@@ -814,16 +842,8 @@
 	/*Desktop tokens*/
 .ids--1177.ids--light, .ids--1177.ids--dark {
-	--ids-device-min-width: 90rem;
-  --ids-device-min-height: 64rem;
-  --ids-components-carousel-image-height: 25.8125rem;
-  --ids-components-header-logotype-width: 6.439374923706055rem;
-  --ids-components-header-avatar-max-width: 37.5rem;
-  --ids-components-card-padding-horizontal: 1.25rem;
-  --ids-components-card-padding-vertical: 1.5rem;
-  --ids-main-padding-horizontal: 5.5rem;
-  --ids-main-padding-top: 1.25rem;
-  --ids-main-padding-bottom: 9.5rem;
+	--ids-card-padding-horizontal: 1.25rem;
+  --ids-card-padding-vertical: 1.5rem;
   --ids-font-size-heading-xxl: 3rem;
   --ids-font-size-heading-xl: 2.25rem;
   --ids-font-size-heading-l: 1.75rem;
@@ -873,30 +893,13 @@
   --ids-font-letter-spacing-button-l: 0;
   --ids-font-letter-spacing-button-m: 0;
   --ids-font-letter-spacing-button-s: 0;
-  --ids-font-paragraph-spacing-heading-xxl: 0;
-  --ids-font-paragraph-spacing-heading-xl: 0;
-  --ids-font-paragraph-spacing-heading-l: 0;
-  --ids-font-paragraph-spacing-heading-m: 0;
-  --ids-font-paragraph-spacing-heading-s: 0;
-  --ids-font-paragraph-spacing-heading-xs: 0;
-  --ids-font-paragraph-spacing-preamble: 0;
-  --ids-font-paragraph-spacing-body-text: 1rem;
-  --ids-font-paragraph-spacing-small-text: 1rem;
 }
 	/*Mobile tokens*/
 @media only screen and (max-width: 1024px) {
 	.ids--1177.ids--light, .ids--1177.ids--dark {
-	--ids-device-min-width: 20rem;
-  --ids-device-min-height: 35.5rem;
-  --ids-components-carousel-image-height: 11.6875rem;
-  --ids-components-header-logotype-width: 2.575624942779541rem;
-  --ids-components-header-avatar-max-width: 6rem;
-  --ids-components-card-padding-horizontal: 1rem;
-  --ids-components-card-padding-vertical: 1.25rem;
-  --ids-main-padding-horizontal: 1.25rem;
-  --ids-main-padding-top: 1.25rem;
-  --ids-main-padding-bottom: 6rem;
+	--ids-card-padding-horizontal: 1rem;
+  --ids-card-padding-vertical: 1.25rem;
   --ids-font-size-heading-xxl: 2rem;
   --ids-font-size-heading-xl: 1.625rem;
   --ids-font-size-heading-l: 1.5rem;
@@ -927,7 +930,7 @@
   --ids-font-line-height-small-text: 1.25rem;
   --ids-font-line-height-header-admin-title: 0.875rem;
   --ids-font-line-height-header-admin-title-extra: 0.875rem;
-  --ids-font-line-height-header-profession-title: 1.5rem;
+  --ids-font-line-height-header-profession-title: 1.25rem;
   --ids-font-line-height-button-l: 1.25rem;
   --ids-font-line-height-button-m: 1.25rem;
   --ids-font-line-height-button-s: 1rem;
@@ -942,18 +945,9 @@
   --ids-font-letter-spacing-small-text: 0;
   --ids-font-letter-spacing-header-admin-title: -0.015625rem;
   --ids-font-letter-spacing-header-admin-title-extra: -0.015625rem;
-  --ids-font-letter-spacing-header-profession-title: -0.02500000037252903rem;
+  --ids-font-letter-spacing-header-profession-title: 0;
   --ids-font-letter-spacing-button-l: 0;
   --ids-font-letter-spacing-button-m: 0;
   --ids-font-letter-spacing-button-s: 0;
-  --ids-font-paragraph-spacing-heading-xxl: 0;
-  --ids-font-paragraph-spacing-heading-xl: 0;
-  --ids-font-paragraph-spacing-heading-l: 0;
-  --ids-font-paragraph-spacing-heading-m: 0;
-  --ids-font-paragraph-spacing-heading-s: 0;
-  --ids-font-paragraph-spacing-heading-xs: 0;
-  --ids-font-paragraph-spacing-preamble: 0;
-  --ids-font-paragraph-spacing-body-text: 1rem;
-  --ids-font-paragraph-spacing-small-text: 1rem;
 	}
 }