@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1777278290 → 5.0.0-next-dev.1777279279

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 (6) hide show
  1. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +8 -0
  2. package/core.css +12 -0
  3. package/off-brand-theme.css +12 -0
  4. package/package.json +2 -2
  5. package/safety-theme.css +12 -0
  6. package/standard-theme.css +12 -0
package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss CHANGED
@@ -802,6 +802,10 @@ $theme: 'standard' !default;
802
802
  --sbb-color-4-negative: var(--sbb-color-cloud);
803
803
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
804
804
  --sbb-color-5: var(--sbb-color-smoke);
805
+ --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
806
+ --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
807
+ --sbb-color-6-negative: var(--sbb-color-platinum);
808
+ --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
805
809
 
806
810
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
807
811
  --sbb-border-color-1-inverted: light-dark(var(--sbb-color-white), var(--sbb-color-midnight));
@@ -820,6 +824,10 @@ $theme: 'standard' !default;
820
824
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
821
825
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
822
826
  --sbb-border-color-5: var(--sbb-color-smoke);
827
+ --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
828
+ --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
829
+ --sbb-border-color-6-negative: var(--sbb-color-platinum);
830
+ --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
823
831
 
824
832
  --sbb-shadow-color-soft-1: light-dark(
825
833
  color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
package/core.css CHANGED
@@ -984,6 +984,12 @@ slot[name=error]::slotted(*) {
984
984
  --sbb-color-4-negative: var(--sbb-color-cloud);
985
985
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
986
986
  --sbb-color-5: var(--sbb-color-smoke);
987
+ --sbb-color-6: var(--sbb-color-anthracite);
988
+ --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
989
+ --sbb-color-6-inverted: var(--sbb-color-platinum);
990
+ --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
991
+ --sbb-color-6-negative: var(--sbb-color-platinum);
992
+ --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
987
993
  --sbb-border-color-1: var(--sbb-color-midnight);
988
994
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
989
995
  --sbb-border-color-1-inverted: var(--sbb-color-white);
@@ -1009,6 +1015,12 @@ slot[name=error]::slotted(*) {
1009
1015
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
1010
1016
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
1011
1017
  --sbb-border-color-5: var(--sbb-color-smoke);
1018
+ --sbb-border-color-6: var(--sbb-color-anthracite);
1019
+ --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1020
+ --sbb-border-color-6-inverted: var(--sbb-color-platinum);
1021
+ --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1022
+ --sbb-border-color-6-negative: var(--sbb-color-platinum);
1023
+ --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
1012
1024
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
1013
1025
  --sbb-shadow-color-soft-1: light-dark(
1014
1026
  color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
package/off-brand-theme.css CHANGED
@@ -1088,6 +1088,12 @@ slot[name=error]::slotted(*) {
1088
1088
  --sbb-color-4-negative: var(--sbb-color-cloud);
1089
1089
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
1090
1090
  --sbb-color-5: var(--sbb-color-smoke);
1091
+ --sbb-color-6: var(--sbb-color-anthracite);
1092
+ --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1093
+ --sbb-color-6-inverted: var(--sbb-color-platinum);
1094
+ --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1095
+ --sbb-color-6-negative: var(--sbb-color-platinum);
1096
+ --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
1091
1097
  --sbb-border-color-1: var(--sbb-color-midnight);
1092
1098
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
1093
1099
  --sbb-border-color-1-inverted: var(--sbb-color-white);
@@ -1113,6 +1119,12 @@ slot[name=error]::slotted(*) {
1113
1119
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
1114
1120
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
1115
1121
  --sbb-border-color-5: var(--sbb-color-smoke);
1122
+ --sbb-border-color-6: var(--sbb-color-anthracite);
1123
+ --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1124
+ --sbb-border-color-6-inverted: var(--sbb-color-platinum);
1125
+ --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1126
+ --sbb-border-color-6-negative: var(--sbb-color-platinum);
1127
+ --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
1116
1128
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
1117
1129
  --sbb-shadow-color-soft-1: light-dark(
1118
1130
  color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next-dev.1777278290",
3
+ "version": "5.0.0-next-dev.1777279279",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/60cbc09482b1f7f0e20295813f4d1810240c92a3"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/d9a26893276803d7f6a1cfe109c4f2b3c4248aca"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -1088,6 +1088,12 @@ slot[name=error]::slotted(*) {
1088
1088
  --sbb-color-4-negative: var(--sbb-color-cloud);
1089
1089
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
1090
1090
  --sbb-color-5: var(--sbb-color-smoke);
1091
+ --sbb-color-6: var(--sbb-color-anthracite);
1092
+ --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1093
+ --sbb-color-6-inverted: var(--sbb-color-platinum);
1094
+ --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1095
+ --sbb-color-6-negative: var(--sbb-color-platinum);
1096
+ --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
1091
1097
  --sbb-border-color-1: var(--sbb-color-midnight);
1092
1098
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
1093
1099
  --sbb-border-color-1-inverted: var(--sbb-color-white);
@@ -1113,6 +1119,12 @@ slot[name=error]::slotted(*) {
1113
1119
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
1114
1120
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
1115
1121
  --sbb-border-color-5: var(--sbb-color-smoke);
1122
+ --sbb-border-color-6: var(--sbb-color-anthracite);
1123
+ --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1124
+ --sbb-border-color-6-inverted: var(--sbb-color-platinum);
1125
+ --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1126
+ --sbb-border-color-6-negative: var(--sbb-color-platinum);
1127
+ --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
1116
1128
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
1117
1129
  --sbb-shadow-color-soft-1: light-dark(
1118
1130
  color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),
package/standard-theme.css CHANGED
@@ -1088,6 +1088,12 @@ slot[name=error]::slotted(*) {
1088
1088
  --sbb-color-4-negative: var(--sbb-color-cloud);
1089
1089
  --sbb-color-4-negative-inverted: var(--sbb-color-iron);
1090
1090
  --sbb-color-5: var(--sbb-color-smoke);
1091
+ --sbb-color-6: var(--sbb-color-anthracite);
1092
+ --sbb-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1093
+ --sbb-color-6-inverted: var(--sbb-color-platinum);
1094
+ --sbb-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1095
+ --sbb-color-6-negative: var(--sbb-color-platinum);
1096
+ --sbb-color-6-negative-inverted: var(--sbb-color-anthracite);
1091
1097
  --sbb-border-color-1: var(--sbb-color-midnight);
1092
1098
  --sbb-border-color-1: light-dark(var(--sbb-color-midnight), var(--sbb-color-white));
1093
1099
  --sbb-border-color-1-inverted: var(--sbb-color-white);
@@ -1113,6 +1119,12 @@ slot[name=error]::slotted(*) {
1113
1119
  --sbb-border-color-4-negative: var(--sbb-color-cloud);
1114
1120
  --sbb-border-color-4-negative-inverted: var(--sbb-color-iron);
1115
1121
  --sbb-border-color-5: var(--sbb-color-smoke);
1122
+ --sbb-border-color-6: var(--sbb-color-anthracite);
1123
+ --sbb-border-color-6: light-dark(var(--sbb-color-anthracite), var(--sbb-color-platinum));
1124
+ --sbb-border-color-6-inverted: var(--sbb-color-platinum);
1125
+ --sbb-border-color-6-inverted: light-dark(var(--sbb-color-platinum), var(--sbb-color-anthracite));
1126
+ --sbb-border-color-6-negative: var(--sbb-color-platinum);
1127
+ --sbb-border-color-6-negative-inverted: var(--sbb-color-anthracite);
1116
1128
  --sbb-shadow-color-soft-1: color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent);
1117
1129
  --sbb-shadow-color-soft-1: light-dark(
1118
1130
  color-mix(in srgb, var(--sbb-color-smoke) 5%, transparent),