@baloise/ds-tokens 20.0.0-next.6 → 20.0.0-next.7

package/dist/web/base.tokens.json

@@ -184,10 +184,11 @@
   "ds-alias-background-color-danger-dark": "#ea1800",
   "ds-alias-background-color-danger-darker": "#cb1501",
   "ds-alias-background-color-danger-darkest": "#a01100",
-  "ds-alias-background-color-grey-lighter": "#f0f0f0",
-  "ds-alias-background-color-grey-light": "#e0e0e0",
-  "ds-alias-background-color-grey": "#d0d0d0",
-  "ds-alias-background-color-grey-dark": "#b6b6b6",
+  "ds-alias-background-color-grey-lighter": "#fafafa",
+  "ds-alias-background-color-grey-light": "#f0f0f0",
+  "ds-alias-background-color-grey": "#e0e0e0",
+  "ds-alias-background-color-grey-dark": "#d0d0d0",
+  "ds-alias-background-color-grey-darker": "#b6b6b6",
   "ds-alias-background-color-primary-lighter": "#e5e7f0",
   "ds-alias-background-color-primary-light": "#656ea8",
   "ds-alias-background-color-primary": "#000d6e",
@@ -211,8 +212,8 @@
   "ds-alias-border-color-inverted": "#ffffff",
   "ds-alias-border-color-disabled": "#d0d0d0",
   "ds-alias-border-color-disabled-inverted": "#656ea8",
-  "ds-alias-border-color-grey-light": "#f0f0f0",
-  "ds-alias-border-color-grey": "#e0e0e0",
+  "ds-alias-border-color-grey-light": "#e0e0e0",
+  "ds-alias-border-color-grey": "#d0d0d0",
   "ds-alias-border-color-grey-dark": "#b6b6b6",
   "ds-alias-border-color-primary-light": "#656ea8",
   "ds-alias-border-color-primary": "#000d6e",
@@ -484,8 +485,8 @@
   "ds-badge-color-green-background": "#cbf2ec",
   "ds-badge-color-yellow-text": "#000d6e",
   "ds-badge-color-yellow-background": "#fff9e8",
-  "ds-badge-color-grey-text": "#313131",
-  "ds-badge-color-grey-background": "#d0d0d0",
+  "ds-badge-color-grey-text": "#747474",
+  "ds-badge-color-grey-background": "#f0f0f0",
   "ds-button-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
   "ds-button-weight": "700",
   "ds-button-line-height": 1.3,
@@ -631,8 +632,8 @@
   "ds-button-color-inverted-secondary-active-background": "#656ea8",
   "ds-button-color-inverted-secondary-active-border": "#0014aa",
   "ds-button-color-inverted-tertiary-base-text": "#000d6e",
-  "ds-button-color-inverted-tertiary-base-background": "#e0e0e0",
-  "ds-button-color-inverted-tertiary-base-border": "#e0e0e0",
+  "ds-button-color-inverted-tertiary-base-background": "#f0f0f0",
+  "ds-button-color-inverted-tertiary-base-border": "#f0f0f0",
   "ds-button-color-inverted-tertiary-hover-text": "#000d6e",
   "ds-button-color-inverted-tertiary-hover-background": "#e5f1fe",
   "ds-button-color-inverted-tertiary-hover-border": "#e5f1fe",
@@ -706,10 +707,10 @@
   "ds-card-shadow-hover": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
   "ds-card-color-base-text": "inherit",
   "ds-card-color-base-background": "#ffffff",
-  "ds-card-color-base-outline": "#e0e0e0",
+  "ds-card-color-base-outline": "#d0d0d0",
   "ds-card-color-white-text": "inherit",
   "ds-card-color-white-background": "#ffffff",
-  "ds-card-color-white-outline": "#e0e0e0",
+  "ds-card-color-white-outline": "#d0d0d0",
   "ds-card-color-primary-text": "#ffffff",
   "ds-card-color-primary-background": "#000d6e",
   "ds-card-color-info-text": "inherit",
@@ -721,10 +722,10 @@
   "ds-card-color-danger-text": "inherit",
   "ds-card-color-danger-background": "#f05d4d",
   "ds-card-color-grey-light-text": "inherit",
-  "ds-card-color-grey-light-background": "#e0e0e0",
+  "ds-card-color-grey-light-background": "#f0f0f0",
   "ds-card-color-grey-light-outline": "#b6b6b6",
   "ds-card-color-grey-text": "inherit",
-  "ds-card-color-grey-background": "#d0d0d0",
+  "ds-card-color-grey-background": "#e0e0e0",
   "ds-card-color-grey-outline": "#b6b6b6",
   "ds-card-color-red-lighter-text": "inherit",
   "ds-card-color-red-lighter-background": "#ffeef1",
@@ -781,7 +782,7 @@
   "ds-close-color-background-active": "rgba(0, 7, 57, 0.3)",
   "ds-close-color-background-inverted-hover": "rgba(255, 255, 255, 0.3)",
   "ds-close-color-background-inverted-active": "rgba(255, 255, 255, 0.5)",
-  "ds-close-color-background-disabled": "#d0d0d0",
+  "ds-close-color-background-disabled": "#e0e0e0",
   "ds-close-color-icon-base": "#000d6e",
   "ds-close-color-icon-inverted": "#ffffff",
   "ds-close-color-icon-disabled": "#747474",
@@ -789,7 +790,7 @@
   "ds-date-calendar-weight": "700",
   "ds-date-calendar-radius": "0.25rem",
   "ds-date-calendar-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
-  "ds-date-calendar-color-inner-border": "#e0e0e0",
+  "ds-date-calendar-color-inner-border": "#d0d0d0",
   "ds-date-calendar-color-current-date": "#000d6e",
   "ds-date-calendar-color-text": "#000d6e",
   "ds-date-calendar-color-disabled": "#747474",
@@ -819,13 +820,13 @@
   "ds-description-list-detail-weight": "400",
   "ds-divider-radius": "9999px",
   "ds-divider-width": "0.125rem",
-  "ds-divider-color-base": "#e0e0e0",
+  "ds-divider-color-base": "#d0d0d0",
   "ds-divider-color-primary-light": "#656ea8",
   "ds-divider-color-primary": "#000d6e",
   "ds-divider-color-light-blue": "#0014aa",
   "ds-divider-color-primary-dark": "#000739",
-  "ds-divider-color-grey-light": "#f0f0f0",
-  "ds-divider-color-grey": "#e0e0e0",
+  "ds-divider-color-grey-light": "#e0e0e0",
+  "ds-divider-color-grey": "#d0d0d0",
   "ds-divider-color-grey-dark": "#b6b6b6",
   "ds-divider-color-warning": "#ffbe19",
   "ds-divider-color-success": "#168741",
@@ -864,9 +865,9 @@
   "ds-form-container-radius": "0.25rem",
   "ds-form-container-border-width": "0.125rem",
   "ds-form-container-color-base-background": "#ffffff",
-  "ds-form-container-color-base-border": "#e0e0e0",
+  "ds-form-container-color-base-border": "#d0d0d0",
   "ds-form-container-color-hover-background": "#fafafa",
-  "ds-form-container-color-hover-border": "#e0e0e0",
+  "ds-form-container-color-hover-border": "#d0d0d0",
   "ds-form-container-color-active-background": "#fafafa",
   "ds-form-container-color-active-border": "#000d6e",
   "ds-form-container-color-focus-background": "#fafafa",
@@ -929,9 +930,9 @@
   "ds-select-container-radius": "0.25rem",
   "ds-select-container-border-width": "0.125rem",
   "ds-select-container-color-base-background": "#ffffff",
-  "ds-select-container-color-base-border": "#e0e0e0",
+  "ds-select-container-color-base-border": "#d0d0d0",
   "ds-select-container-color-hover-background": "#fafafa",
-  "ds-select-container-color-hover-border": "#e0e0e0",
+  "ds-select-container-color-hover-border": "#d0d0d0",
   "ds-select-container-color-active-background": "#fafafa",
   "ds-select-container-color-active-border": "#000d6e",
   "ds-select-container-color-focus-background": "#fafafa",
@@ -977,7 +978,7 @@
   "ds-select-description-size-tablet": "0.75rem",
   "ds-select-description-size-desktop": "0.75rem",
   "ds-select-chip-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
-  "ds-select-chip-color-base-background": "#d0d0d0",
+  "ds-select-chip-color-base-background": "#e0e0e0",
   "ds-select-chip-color-base-text": "#000d6e",
   "ds-select-color-disabled": "#747474",
   "ds-select-color-success": "#168741",
@@ -986,7 +987,7 @@
   "ds-select-color-text-base": "#000d6e",
   "ds-select-color-primary-base": "#000d6e",
   "ds-select-color-placeholder-base": "#b3b6d4",
-  "ds-select-color-border-base": "#f0f0f0",
+  "ds-select-color-border-base": "#e0e0e0",
   "ds-select-color-highlight-base": "#ffecbc",
   "ds-select-color-focus-base": "#fafafa",
   "ds-select-color-focus-ring-base": "#6c2273",
@@ -998,7 +999,7 @@
   "ds-select-option-color-text-selected": "#000d6e",
   "ds-select-option-color-text-highlight": "#000d6e",
   "ds-select-option-color-text-disabled": "#747474",
-  "ds-select-option-color-border-base": "#f0f0f0",
+  "ds-select-option-color-border-base": "#e0e0e0",
   "ds-select-option-color-icon-selected": "#000d6e",
   "ds-select-option-color-background-base": "rgba(255, 255, 255, 0)",
   "ds-select-option-color-background-selected": "#b3b6d4",
@@ -1007,7 +1008,7 @@
   "ds-select-option-color-background-disabled": "#e0e0e0",
   "ds-select-option-weight-selected": "700",
   "ds-select-optgroup-weight": "700",
-  "ds-select-optgroup-color-background-base": "#e0e0e0",
+  "ds-select-optgroup-color-background-base": "#f0f0f0",
   "ds-select-optgroup-color-text-base": "#000d6e",
   "ds-select-icon-color-base": "#000d6e",
   "ds-select-icon-color-hover": "#0014aa",
@@ -1016,8 +1017,8 @@
   "ds-select-checkbox-color-border-selected": "#000d6e",
   "ds-select-checkbox-color-background-selected": "#000d6e",
   "ds-notification-radius": "0.75rem",
-  "ds-notification-color-base-background": "#e0e0e0",
-  "ds-notification-color-base-border": "#e0e0e0",
+  "ds-notification-color-base-background": "#f0f0f0",
+  "ds-notification-color-base-border": "#f0f0f0",
   "ds-notification-color-base-text": "#000d6e",
   "ds-notification-color-base-icon": "url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')",
   "ds-notification-color-info-background": "#a4c9ed",
@@ -1109,7 +1110,7 @@
   "ds-list-marker-danger": "#ea1800",
   "ds-list-marker-radius": "9999px",
   "ds-list-item-disabled": "#747474",
-  "ds-list-item-border-color": "#e0e0e0",
+  "ds-list-item-border-color": "#d0d0d0",
   "ds-modal-width": "640px",
   "ds-modal-color-base-background": "#ffffff",
   "ds-modal-radius-base": "0.75rem",
@@ -1157,7 +1158,7 @@
   "ds-navbar-base-sidebar-item-color-active": "#000d6e",
   "ds-navbar-base-sidebar-item-background-active": "#e5e7f0",
   "ds-navbar-base-sidebar-item-background-hover": "#e5e7f0",
-  "ds-navbar-base-sidebar-item-divider-color": "#e0e0e0",
+  "ds-navbar-base-sidebar-item-divider-color": "#d0d0d0",
   "ds-navbar-base-sidebar-item-divider-color-active": "#000d6e",
   "ds-navbar-base-sidebar-item-chevron-color": "#000d6e",
   "ds-navbar-base-sidebar-item-chevron-size": "1rem",
@@ -1206,8 +1207,8 @@
   "ds-navbar-light-focus-color-start": "#ffffff",
   "ds-navbar-light-focus-color-end": "#6c2273",
   "ds-snackbar-radius": "0.25rem",
-  "ds-snackbar-default-color-bg-base": "#e0e0e0",
-  "ds-snackbar-default-color-border-base": "#e0e0e0",
+  "ds-snackbar-default-color-bg-base": "#f0f0f0",
+  "ds-snackbar-default-color-border-base": "#f0f0f0",
   "ds-snackbar-default-color-text-base": "#000d6e",
   "ds-snackbar-default-color-progress-bar-base": "#000d6e",
   "ds-snackbar-default-color-progress-bg-base": "#b3b6d4",
@@ -1234,13 +1235,13 @@
   "ds-spinner-size": "3rem",
   "ds-spinner-circle-border-width": "0.25rem",
   "ds-spinner-circle-size": "1.5rem",
-  "ds-spinner-circle-color-background": "#d0d0d0",
+  "ds-spinner-circle-color-background": "#e0e0e0",
   "ds-spinner-circle-color-progress": "#000d6e",
   "ds-spinner-circle-color-inverted-background": "#ffffff",
   "ds-spinner-circle-color-inverted-progress": "#000d6e",
   "ds-toast-radius": "0.25rem",
-  "ds-toast-default-color-bg-base": "#e0e0e0",
-  "ds-toast-default-color-border-base": "#e0e0e0",
+  "ds-toast-default-color-bg-base": "#f0f0f0",
+  "ds-toast-default-color-border-base": "#f0f0f0",
   "ds-toast-default-color-text-base": "#000d6e",
   "ds-toast-default-color-progress-bar-base": "#000d6e",
   "ds-toast-default-color-progress-bg-base": "#b3b6d4",
@@ -1288,7 +1289,7 @@
   "ds-tag-primary-color-text-base": "#ffffff",
   "ds-tag-primary-color-bg-base": "#000d6e",
   "ds-tag-grey-color-text-base": "#000d6e",
-  "ds-tag-grey-color-bg-base": "#b6b6b6",
+  "ds-tag-grey-color-bg-base": "#d0d0d0",
   "ds-tag-info-color-text-base": "#ffffff",
   "ds-tag-info-color-bg-base": "#1c77d2",
   "ds-tag-success-color-text-base": "#ffffff",
@@ -1322,12 +1323,12 @@
   "ds-tag-yellow-dark-color-text-base": "#ffffff",
   "ds-tag-yellow-dark-color-bg-base": "#b24a00",
   "ds-tag-default-color-text-base": "#000d6e",
-  "ds-tag-default-color-bg-base": "#d0d0d0",
+  "ds-tag-default-color-bg-base": "#e0e0e0",
   "ds-segment-radius": "0.25rem",
-  "ds-segment-background": "#e0e0e0",
+  "ds-segment-background": "#f0f0f0",
   "ds-segment-gap": "0.25rem",
   "ds-segment-padding": "0.25rem",
-  "ds-segment-divider-color": "#e0e0e0",
+  "ds-segment-divider-color": "#d0d0d0",
   "ds-segment-focus-color": "#6c2273",
   "ds-segment-description-font-size": "0.875rem",
   "ds-segment-description-font-weight": "400",
@@ -1353,7 +1354,7 @@
   "ds-checkbox-focus-color": "#6c2273",
   "ds-checkbox-tile-radius": "0.25rem",
   "ds-checkbox-tile-border-width": "0.125rem",
-  "ds-checkbox-tile-color-base-border": "#e0e0e0",
+  "ds-checkbox-tile-color-base-border": "#d0d0d0",
   "ds-checkbox-tile-color-hover-background": "#fafafa",
   "ds-checkbox-tile-color-hover-border": "#0014aa",
   "ds-checkbox-tile-color-active-background": "#fafafa",
@@ -1379,7 +1380,7 @@
   "ds-radio-focus-color": "#6c2273",
   "ds-radio-tile-radius": "0.25rem",
   "ds-radio-tile-border-width": "0.125rem",
-  "ds-radio-tile-color-base-border": "#e0e0e0",
+  "ds-radio-tile-color-base-border": "#d0d0d0",
   "ds-radio-tile-color-hover-background": "#fafafa",
   "ds-radio-tile-color-hover-border": "#0014aa",
   "ds-radio-tile-color-active-background": "#fafafa",
@@ -1396,7 +1397,7 @@
   "ds-radio-checked-color-hover-border": "#0014aa",
   "ds-radio-checked-color-active-background": "#000739",
   "ds-radio-checked-color-active-border": "#000739",
-  "ds-pagination-dots-background": "#e0e0e0",
+  "ds-pagination-dots-background": "#f0f0f0",
   "ds-pagination-dots-radius": "0.25rem",
   "ds-pagination-dots-active-color": "#000d6e",
   "ds-pagination-dots-inactive-color": "#ffffff",
@@ -1404,7 +1405,7 @@
   "ds-pagination-text-weight": "700",
   "ds-pagination-elevation-sticky": "18.75rem",
   "ds-progress-bar-background-light": "#ffffff",
-  "ds-progress-bar-background-dark": "#e0e0e0",
+  "ds-progress-bar-background-dark": "#f0f0f0",
   "ds-progress-bar-background-purple": "#e1d9ff",
   "ds-progress-bar-background-yellow": "#ffecbc",
   "ds-progress-bar-background-red": "#ffd7d7",
@@ -1426,7 +1427,7 @@
   "ds-accordion-summary-color-active": "#000739",
   "ds-accordion-radius-base": "0.25rem",
   "ds-tabs-gap": "0.125rem",
-  "ds-tabs-border-color": "#e0e0e0",
+  "ds-tabs-border-color": "#d0d0d0",
   "ds-tabs-indicator-height": "0.125rem",
   "ds-tabs-panel-padding": "1rem 0",
   "ds-tabs-vertical-gap": "1.5rem",
@@ -1451,16 +1452,16 @@
   "ds-tabs-color-red-hover": "#d9304c",
   "ds-tabs-color-yellow": "#fae052",
   "ds-tabs-color-yellow-hover": "#fa9319",
-  "ds-steps-connector-color": "#e0e0e0",
+  "ds-steps-connector-color": "#d0d0d0",
   "ds-steps-connector-color-filled": "#000d6e",
   "ds-steps-connector-height": "0.125rem",
   "ds-steps-circle-size": "2rem",
   "ds-steps-circle-size-sm": "1.5rem",
-  "ds-steps-circle-color-bg": "#d0d0d0",
+  "ds-steps-circle-color-bg": "#e0e0e0",
   "ds-steps-circle-color-bg-selected": "#000d6e",
   "ds-steps-circle-color-bg-done": "#000d6e",
   "ds-steps-circle-color-bg-invalid": "#f05d4d",
-  "ds-steps-circle-color-bg-disabled": "#d0d0d0",
+  "ds-steps-circle-color-bg-disabled": "#e0e0e0",
   "ds-steps-circle-color-text": "#000d6e",
   "ds-steps-circle-color-text-selected": "#ffffff",
   "ds-steps-circle-color-text-done": "#ffffff",
@@ -1479,10 +1480,11 @@
   "ds-steps-color-red": "#ffaca6",
   "ds-steps-color-yellow": "#fae052",
   "ds-step-panel-padding": "1rem 0",
+  "ds-carousel-gap": "1rem",
   "ds-carousel-scroll-fade-bg": "#ffffff",
   "ds-carousel-dot-size": "8px",
   "ds-carousel-dot-size-active": "10px",
-  "ds-carousel-dot-color": "#e0e0e0",
+  "ds-carousel-dot-color": "#d0d0d0",
   "ds-carousel-dot-color-active": "#000d6e",
   "ds-carousel-control-color": "#000d6e",
   "ds-carousel-scroll-btn-background-active": "#000d6e",
@@ -1503,7 +1505,7 @@
   "ds-table-background-color": "#ffffff",
   "ds-table-body-background-color": "rgba(255, 255, 255, 0)",
   "ds-table-cell-padding": "0.5em 0.75em",
-  "ds-table-cell-border-color": "#d0d0d0",
+  "ds-table-cell-border-color": "#e0e0e0",
   "ds-table-cell-border-width": "0 0 2px",
   "ds-table-cell-heading-color": "#000d6e",
   "ds-table-head-cell-color": "#000d6e",
@@ -1515,11 +1517,11 @@
   "ds-table-foot-cell-color": "#000d6e",
   "ds-table-foot-cell-border-width": "0 0 0",
   "ds-table-foot-background-color": "rgba(255, 255, 255, 0)",
-  "ds-table-row-background-color-hover": "#fafafa",
-  "ds-table-row-background-color-active": "#b3b6d4",
+  "ds-table-row-background-color-hover": "#f0f0f0",
+  "ds-table-row-background-color-active": "#f0f0f0",
   "ds-table-row-color-active": "#000d6e",
-  "ds-table-striped-row-even-background-color-base": "#e5e7f0",
-  "ds-table-striped-row-even-background-color-hover": "#fafafa",
+  "ds-table-striped-row-even-background-color-base": "#fafafa",
+  "ds-table-striped-row-even-background-color-hover": "#f0f0f0",
   "ds-popup-background": "#ffffff",
   "ds-popup-radius": "0.25rem",
   "ds-popup-shadow": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
@@ -1539,7 +1541,7 @@
   "ds-file-upload-label-text-size": "1rem",
   "ds-file-upload-label-text-line-height": 1.5,
   "ds-file-upload-label-text-color": "#000d6e",
-  "ds-file-upload-drop-zone-border-color-base": "#e0e0e0",
+  "ds-file-upload-drop-zone-border-color-base": "#d0d0d0",
   "ds-file-upload-drop-zone-border-color-hover": "#000d6e",
   "ds-file-upload-drop-zone-border-color-active": "#000d6e",
   "ds-file-upload-drop-zone-border-color-focus": "#000d6e",
@@ -1553,7 +1555,7 @@
   "ds-file-upload-drop-zone-text-color-hover": "#0014aa",
   "ds-file-upload-drop-zone-text-color-active": "#000739",
   "ds-file-upload-drop-zone-text-color-disabled": "#747474",
-  "ds-file-upload-file-list-background-color": "#e0e0e0",
+  "ds-file-upload-file-list-background-color": "#f0f0f0",
   "ds-file-upload-file-name-text-color": "#000d6e",
   "ds-file-upload-file-size-text-color": "#656ea8",
   "ds-file-upload-icon-color-disabled": "#747474",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-tokens",
-  "version": "20.0.0-next.6",
+  "version": "20.0.0-next.7",
   "description": "The Helvetia Design System is an open source project for styling awesome web applications that follow the Helvetia corporate styling guidelines.",
   "repository": {
     "type": "git",