@oicl/openbridge-webcomponents 2.1.0-next.10 → 2.1.0-next.11

package/dist/openbridge.css

@@ -11387,8 +11387,8 @@
   --primitive-blue-600: rgb(24, 58, 97);
   --primitive-blue-650: rgb(17, 44, 77);
   --primitive-blue-700: rgb(10, 31, 57);
-  --primitive-neutral-transparent-050: rgb(0, 0, 0, 0.0313725508749485);
-  --primitive-neutral-transparent-100: rgb(0, 0, 0, 0.10196078568696976);
+  --primitive-neutral-transparent-050: rgb(0, 0, 0, 0.029999999329447746);
+  --primitive-neutral-transparent-100: rgb(0, 0, 0, 0.10000000149011612);
   --primitive-blue-050: rgb(230, 240, 253);
   --primitive-blue-550: rgb(31, 69, 115);
   --primitive-blue-100: rgb(201, 223, 251);
@@ -11408,7 +11408,7 @@
   --primitive-caution-200: rgb(232, 179, 0);
   --primitive-orange-400: rgb(160, 95, 27);
   --primitive-orange-100: rgb(244, 215, 191);
-  --primitive-neutral-transparent-150: rgb(0, 0, 0, 0.16862745583057404);
+  --primitive-neutral-transparent-150: rgb(0, 0, 0, 0.17000000178813934);
   --primitive-caution-400: rgb(141, 105, 0);
   --primitive-warning-500: rgb(139, 57, 0);
   --primitive-alarm-050: rgb(255, 234, 231);
@@ -11510,23 +11510,23 @@
   --primitive-neutral-inverted-000: rgb(0, 0, 0);
   --primitive-neutral-inverted-800: rgb(255, 255, 255);
   --primitive-neutral-inverted-350: rgb(106, 106, 106);
-  --primitive-neutral-transparent-250: rgb(0, 0, 0, 0.3294117748737335);
+  --primitive-neutral-transparent-250: rgb(0, 0, 0, 0.33000001311302185);
   --primitive-neutral-inverted-transparent-100: rgb(
     255,
     255,
     255,
     0.10000000149011612
   );
-  --primitive-neutral-transparent-400: rgb(0, 0, 0, 0.5411764979362488);
-  --primitive-neutral-transparent-600: rgb(0, 0, 0, 0.7607843279838562);
-  --primitive-neutral-transparent-500: rgb(0, 0, 0, 0.658823549747467);
+  --primitive-neutral-transparent-400: rgb(0, 0, 0, 0.5400000214576721);
+  --primitive-neutral-transparent-600: rgb(0, 0, 0, 0.7599999904632568);
+  --primitive-neutral-transparent-500: rgb(0, 0, 0, 0.6600000262260437);
   --primitive-neutral-inverted-transparent-550: rgb(
     255,
     255,
     255,
     0.6700000166893005
   );
-  --primitive-neutral-transparent-200: rgb(0, 0, 0, 0.23137255012989044);
+  --primitive-neutral-transparent-200: rgb(0, 0, 0, 0.23000000417232513);
   --primitive-neutral-inverted-transparent-150: rgb(
     255,
     255,
@@ -11539,13 +11539,6 @@
   --primitive-neutral-inverted-050: rgb(18, 18, 18);
   --primitive-red-450: rgb(152, 72, 80);
   --primitive-warning-100: rgb(255, 213, 175);
-  --primitive-neutral-150: rgb(204, 204, 205);
-  --primitive-neutral-inverted-transparent-300: rgb(
-    255,
-    255,
-    255,
-    0.3400000035762787
-  );
   --primitive-warning-150: rgb(255, 191, 134);
   --primitive-caution-500: rgb(105, 77, 0);
   --primitive-neutral-inverted-450: rgb(137, 137, 137);
@@ -11557,25 +11550,25 @@
   --primitive-indigo-350: rgb(126, 117, 197);
   --primitive-red-350: rgb(192, 99, 108);
   --primitive-warning-200: rgb(255, 166, 91);
-  --primitive-blue-050-tint: rgb(0, 132, 255, 0.05882352963089943);
-  --primitive-cyan-050-tint: rgb(0, 147, 255, 0.07058823853731155);
-  --primitive-teal-050-tint: rgb(0, 164, 164, 0.05882352963089943);
-  --primitive-mint-050-tint: rgb(0, 174, 43, 0.07058823853731155);
-  --primitive-yellow-050-tint: rgb(160, 160, 0, 0.0784313753247261);
-  --primitive-orange-050-tint: rgb(255, 81, 0, 0.07058823853731155);
-  --primitive-red-050-tint: rgb(255, 8, 25, 0.05882352963089943);
-  --primitive-purple-050-tint: rgb(202, 0, 202, 0.03921568766236305);
-  --primitive-indigo-050-tint: rgb(165, 156, 255, 0.10980392247438431);
-  --primitive-running-050-tint: rgb(0, 170, 0, 0.05882352963089943);
-  --primitive-alarm-100-tint: rgb(255, 29, 0, 0.16862745583057404);
-  --primitive-warning-050-tint: rgb(255, 145, 0, 0.12156862765550613);
-  --primitive-caution-050-tint: rgb(255, 231, 0, 0.43921568989753723);
+  --primitive-blue-050-tint: rgb(0, 132, 255, 0.05999999865889549);
+  --primitive-cyan-050-tint: rgb(0, 147, 255, 0.07000000029802322);
+  --primitive-teal-050-tint: rgb(0, 164, 164, 0.05999999865889549);
+  --primitive-mint-050-tint: rgb(0, 174, 43, 0.07000000029802322);
+  --primitive-yellow-050-tint: rgb(160, 160, 0, 0.07999999821186066);
+  --primitive-orange-050-tint: rgb(255, 81, 0, 0.07000000029802322);
+  --primitive-red-050-tint: rgb(255, 8, 25, 0.05999999865889549);
+  --primitive-purple-050-tint: rgb(202, 0, 202, 0.03999999910593033);
+  --primitive-indigo-050-tint: rgb(165, 156, 255, 0.10999999940395355);
+  --primitive-running-050-tint: rgb(0, 170, 0, 0.05999999865889549);
+  --primitive-alarm-100-tint: rgb(255, 29, 0, 0.17000000178813934);
+  --primitive-warning-050-tint: rgb(255, 145, 0, 0.11999999731779099);
+  --primitive-caution-050-tint: rgb(255, 231, 0, 0.4399999976158142);
   --primitive-neutral-inverted-550: rgb(174, 174, 174);
   --primitive-alarm-250: rgb(255, 123, 110);
   --primitive-enhanced-400: rgb(61, 112, 176);
   --primitive-enhanced-500: rgb(40, 83, 136);
   --primitive-critical-400: rgb(189, 37, 190);
-  --primitive-critical-100-tint: rgb(254, 0, 240, 0.1411764770746231);
+  --primitive-critical-100-tint: rgb(254, 0, 240, 0.14000000059604645);
   --primitive-critical-050: rgb(251, 232, 250);
   --primitive-critical-200: rgb(237, 161, 235);
   --primitive-enhanced-600: rgb(24, 58, 97);
@@ -12299,54 +12292,32 @@
   --alert-caution-container-background-color: var(--primitive-caution-050);
   --alert-alarm-container-background-color: var(--primitive-alarm-100);
   --alert-warning-container-background-color: var(--primitive-warning-100);
-  --shadow-elevation-level-1-layer-1-color: var(--primitive-neutral-300);
-  --shadow-elevation-level-1-layer-1-x: 0px;
-  --shadow-elevation-level-1-layer-1-y: 0px;
-  --shadow-elevation-level-1-layer-1-blur: 1px;
-  --shadow-elevation-level-1-layer-1-spread: 0px;
-  --shadow-elevation-level-1-layer-2-color: var(--primitive-neutral-150);
-  --shadow-elevation-level-1-layer-2-x: 0px;
-  --shadow-elevation-level-1-layer-2-y: 1px;
-  --shadow-elevation-level-1-layer-2-blur: 2px;
-  --shadow-elevation-level-1-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-1-x: 0px;
-  --shadow-elevation-level-2-layer-1-y: 1px;
-  --shadow-elevation-level-2-layer-1-blur: 2px;
-  --shadow-elevation-level-2-layer-1-spread: 0px;
-  --shadow-elevation-level-2-layer-1-color: var(--primitive-neutral-150);
-  --shadow-elevation-level-2-layer-2-x: 0px;
-  --shadow-elevation-level-2-layer-2-y: 2px;
-  --shadow-elevation-level-2-layer-2-blur: 8px;
-  --shadow-elevation-level-2-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-2-color: var(
-    --primitive-neutral-transparent-100
-  );
-  --shadow-elevation-button-1-highlight-x: 0px;
-  --shadow-elevation-button-1-highlight-y: 1px;
-  --shadow-elevation-button-1-highlight-blur: 0px;
-  --shadow-elevation-button-1-highlight-spread: 0px;
-  --shadow-elevation-button-1-highlight-color: var(
-    --primitive-neutral-inverted-transparent-300
+  --shadow-elevation-level-1-key-color: var(
+    --primitive-neutral-transparent-200
   );
-  --shadow-elevation-button-1-layer-2-x: 0px;
-  --shadow-elevation-button-1-layer-2-y: 2px;
-  --shadow-elevation-button-1-layer-2-blur: 8px;
-  --shadow-elevation-button-1-layer-2-spread: 0px;
-  --shadow-elevation-button-1-layer-2-color: var(
+  --shadow-elevation-level-1-key-x: 0px;
+  --shadow-elevation-level-1-key-y: 1px;
+  --shadow-elevation-level-1-key-blur: 2px;
+  --shadow-elevation-level-1-key-spread: 0px;
+  --shadow-elevation-level-1-ambient-color: var(
     --primitive-neutral-transparent-100
   );
-  --shadow-elevation-button-1-layer-1-x: 0px;
-  --shadow-elevation-button-1-layer-1-y: 1px;
-  --shadow-elevation-button-1-layer-1-blur: 2px;
-  --shadow-elevation-button-1-layer-1-spread: 0px;
-  --shadow-elevation-button-1-layer-1-color: var(
-    --primitive-neutral-transparent-150
+  --shadow-elevation-level-1-ambient-x: 0px;
+  --shadow-elevation-level-1-ambient-y: 1px;
+  --shadow-elevation-level-1-ambient-blur: 4px;
+  --shadow-elevation-level-1-ambient-spread: 0px;
+  --shadow-elevation-level-2-key-x: 0px;
+  --shadow-elevation-level-2-key-y: 2px;
+  --shadow-elevation-level-2-key-blur: 4px;
+  --shadow-elevation-level-2-key-spread: 0px;
+  --shadow-elevation-level-2-key-color: var(
+    --primitive-neutral-transparent-200
   );
-  --shadow-elevation-button-1-core-x: 0px;
-  --shadow-elevation-button-1-core-y: -1px;
-  --shadow-elevation-button-1-core-blur: 0px;
-  --shadow-elevation-button-1-core-spread: 0px;
-  --shadow-elevation-button-1-core-color: var(
+  --shadow-elevation-level-2-ambient-x: 0px;
+  --shadow-elevation-level-2-ambient-y: 2px;
+  --shadow-elevation-level-2-ambient-blur: 8px;
+  --shadow-elevation-level-2-ambient-spread: 0px;
+  --shadow-elevation-level-2-ambient-color: var(
     --primitive-neutral-transparent-100
   );
   --alert-running-container-background-color: var(--primitive-running-100);
@@ -12654,6 +12625,48 @@
   --automation-button-medium-border-color: var(--primitive-running-500);
   --automation-symbol-medium-background-color: var(--primitive-enhanced-500);
   --automation-symbol-medium-border-color: var(--primitive-enhanced-600);
+  --shadow-elevation-level-3-key-x: 0px;
+  --shadow-elevation-level-3-key-y: 4px;
+  --shadow-elevation-level-3-key-blur: 8px;
+  --shadow-elevation-level-3-key-spread: 0px;
+  --shadow-elevation-level-3-key-color: var(
+    --primitive-neutral-transparent-200
+  );
+  --shadow-elevation-level-3-ambient-x: 0px;
+  --shadow-elevation-level-3-ambient-y: 4px;
+  --shadow-elevation-level-3-ambient-blur: 16px;
+  --shadow-elevation-level-3-ambient-spread: 0px;
+  --shadow-elevation-level-3-ambient-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-4-key-x: 0px;
+  --shadow-elevation-level-4-key-y: 8px;
+  --shadow-elevation-level-4-key-blur: 16px;
+  --shadow-elevation-level-4-key-spread: 0px;
+  --shadow-elevation-level-4-key-color: var(
+    --primitive-neutral-transparent-200
+  );
+  --shadow-elevation-level-4-ambient-x: 0px;
+  --shadow-elevation-level-4-ambient-y: 8px;
+  --shadow-elevation-level-4-ambient-blur: 32px;
+  --shadow-elevation-level-4-ambient-spread: 0px;
+  --shadow-elevation-level-4-ambient-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-5-key-x: 0px;
+  --shadow-elevation-level-5-key-y: 16px;
+  --shadow-elevation-level-5-key-blur: 32px;
+  --shadow-elevation-level-5-key-spread: 0px;
+  --shadow-elevation-level-5-key-color: var(
+    --primitive-neutral-transparent-200
+  );
+  --shadow-elevation-level-5-ambient-x: 0px;
+  --shadow-elevation-level-5-ambient-y: 16px;
+  --shadow-elevation-level-5-ambient-blur: 64px;
+  --shadow-elevation-level-5-ambient-spread: 0px;
+  --shadow-elevation-level-5-ambient-color: var(
+    --primitive-neutral-transparent-100
+  );
 }
 
 :root[data-obc-theme="dusk"] {
@@ -12698,13 +12711,13 @@
   --primitive-blue-600: rgb(172, 212, 255);
   --primitive-blue-650: rgb(195, 225, 255);
   --primitive-neutral-550: rgb(190, 190, 190);
-  --primitive-neutral-transparent-050: rgb(255, 255, 255, 0.05882352963089943);
-  --primitive-neutral-transparent-100: rgb(255, 255, 255, 0.10980392247438431);
+  --primitive-neutral-transparent-050: rgb(255, 255, 255, 0.05999999865889549);
+  --primitive-neutral-transparent-100: rgb(255, 255, 255, 0.10999999940395355);
   --primitive-blue-050: rgb(25, 37, 52);
   --primitive-blue-100: rgb(34, 49, 67);
   --primitive-blue-300: rgb(78, 112, 154);
   --primitive-blue-350: rgb(90, 127, 175);
-  --primitive-neutral-transparent-200: rgb(255, 255, 255, 0.23137255012989044);
+  --primitive-neutral-transparent-200: rgb(255, 255, 255, 0.23000000417232513);
   --primitive-blue-150: rgb(45, 64, 87);
   --primitive-mint-300: rgb(61, 121, 96);
   --primitive-red-300: rgb(151, 94, 97);
@@ -12723,7 +12736,7 @@
     0,
     0,
     0,
-    0.43921568989753723
+    0.4399999976158142
   );
   --primitive-caution-200: rgb(95, 72, 0);
   --primitive-neutral-050: rgb(36, 36, 36);
@@ -12759,7 +12772,6 @@
   --primitive-teal-300: rgb(45, 120, 120);
   --primitive-teal-500: rgb(80, 191, 190);
   --primitive-teal-600: rgb(138, 222, 221);
-  --primitive-neutral-450: rgb(155, 155, 155);
   --primitive-running-350: rgb(50, 143, 32);
   --primitive-running-250: rgb(0, 108, 0);
   --primitive-purple-300: rgb(135, 97, 137);
@@ -12794,28 +12806,28 @@
   --primitive-alarm-600: rgb(255, 193, 184);
   --primitive-critical-100: rgb(81, 24, 81);
   --primitive-alarm-050: rgb(72, 14, 14);
-  --primitive-neutral-transparent-500: rgb(255, 255, 255, 0.6509804129600525);
-  --primitive-neutral-transparent-400: rgb(255, 255, 255, 0.501960813999176);
-  --primitive-neutral-transparent-150: rgb(255, 255, 255, 0.16862745583057404);
-  --primitive-neutral-transparent-250: rgb(255, 255, 255, 0.3019607961177826);
+  --primitive-neutral-transparent-500: rgb(255, 255, 255, 0.6499999761581421);
+  --primitive-neutral-transparent-400: rgb(255, 255, 255, 0.5);
+  --primitive-neutral-transparent-150: rgb(255, 255, 255, 0.17000000178813934);
+  --primitive-neutral-transparent-250: rgb(255, 255, 255, 0.30000001192092896);
   --primitive-neutral-000: rgb(0, 0, 0);
   --primitive-neutral-inverted-650: rgb(23, 23, 23);
   --primitive-neutral-inverted-150: rgb(172, 172, 172);
-  --primitive-neutral-transparent-300: rgb(255, 255, 255, 0.3686274588108063);
+  --primitive-neutral-transparent-300: rgb(255, 255, 255, 0.3700000047683716);
   --primitive-neutral-inverted-transparent-500: rgb(
     0,
     0,
     0,
-    0.7098039388656616
+    0.7099999785423279
   );
   --primitive-neutral-010: rgb(15, 15, 15);
   --primitive-neutral-inverted-transparent-400: rgb(
     0,
     0,
     0,
-    0.5803921818733215
+    0.5799999833106995
   );
-  --primitive-neutral-inverted-transparent-200: rgb(0, 0, 0, 0.250980406999588);
+  --primitive-neutral-inverted-transparent-200: rgb(0, 0, 0, 0.25);
   --primitive-caution-050: rgb(47, 35, 1);
   --primitive-neutral-inverted-300: rgb(116, 116, 116);
   --primitive-day-neutral-inverted-1000: rgb(255, 255, 255);
@@ -12830,22 +12842,22 @@
   --primitive-neutral-inverted-550: rgb(49, 49, 49);
   --primitive-orange-150: rgb(80, 58, 38);
   --primitive-mint-150: rgb(36, 68, 55);
-  --primitive-blue-050-tint: rgb(60, 157, 255, 0.12156862765550613);
-  --primitive-cyan-050-tint: rgb(0, 206, 255, 0.10196078568696976);
-  --primitive-teal-050-tint: rgb(6, 255, 255, 0.07058823853731155);
-  --primitive-mint-050-tint: rgb(34, 255, 185, 0.07058823853731155);
-  --primitive-yellow-050-tint: rgb(255, 255, 0, 0.05882352963089943);
-  --primitive-orange-050-tint: rgb(255, 154, 41, 0.10196078568696976);
-  --primitive-red-050-tint: rgb(255, 127, 137, 0.10196078568696976);
-  --primitive-purple-050-tint: rgb(255, 138, 255, 0.10196078568696976);
-  --primitive-indigo-050-tint: rgb(141, 134, 255, 0.12941177189350128);
-  --primitive-running-050-tint: rgb(8, 255, 0, 0.0784313753247261);
-  --primitive-alarm-050-tint: rgb(255, 0, 0, 0.21176470816135406);
-  --primitive-warning-050-tint: rgb(99, 31, 0, 0.529411792755127);
-  --primitive-caution-050-tint: rgb(67, 46, 0, 0.5803921818733215);
+  --primitive-blue-050-tint: rgb(60, 157, 255, 0.11999999731779099);
+  --primitive-cyan-050-tint: rgb(0, 206, 255, 0.10000000149011612);
+  --primitive-teal-050-tint: rgb(6, 255, 255, 0.07000000029802322);
+  --primitive-mint-050-tint: rgb(34, 255, 185, 0.07000000029802322);
+  --primitive-yellow-050-tint: rgb(255, 255, 0, 0.05999999865889549);
+  --primitive-orange-050-tint: rgb(255, 154, 41, 0.10000000149011612);
+  --primitive-red-050-tint: rgb(255, 127, 137, 0.10000000149011612);
+  --primitive-purple-050-tint: rgb(255, 138, 255, 0.10000000149011612);
+  --primitive-indigo-050-tint: rgb(141, 134, 255, 0.12999999523162842);
+  --primitive-running-050-tint: rgb(8, 255, 0, 0.07999999821186066);
+  --primitive-alarm-050-tint: rgb(255, 0, 0, 0.20999999344348907);
+  --primitive-warning-050-tint: rgb(99, 31, 0, 0.5299999713897705);
+  --primitive-caution-050-tint: rgb(67, 46, 0, 0.5799999833106995);
   --primitive-enhanced-400: rgb(106, 142, 189);
   --primitive-enhanced-450: rgb(118, 158, 210);
-  --primitive-critical-050-tint: rgb(255, 14, 255, 0.16862745583057404);
+  --primitive-critical-050-tint: rgb(255, 14, 255, 0.17000000178813934);
   --primitive-enhanced-500: rgb(132, 178, 235);
   --element-active-color: var(--primitive-neutral-700);
   --element-neutral-color: var(--primitive-neutral-500);
@@ -13001,7 +13013,7 @@
   --data-weather-rain-primary-color: var(--primitive-blue-400);
   --data-weather-lightning-primary-color: var(--primitive-orange-400);
   --data-weather-moon-primary-color: var(--primitive-neutral-400);
-  --indent-enabled-background-color: var(--primitive-neutral-transparent-100);
+  --indent-enabled-background-color: var(--primitive-neutral-transparent-050);
   --indent-enabled-border-color: var(--primitive-neutral-transparent-100);
   --indent-hover-background-color: var(--primitive-neutral-transparent-050);
   --indent-hover-border-color: var(--primitive-neutral-transparent-050);
@@ -13031,7 +13043,7 @@
   --data-weather-cloud-secondary-color: var(--primitive-neutral-100);
   --data-weather-cloud-primary-color: var(--primitive-neutral-300);
   --data-weather-moon-secondary-color: var(--primitive-neutral-300);
-  --automation-symbol-on-background-color: var(--primitive-neutral-700);
+  --automation-symbol-on-background-color: var(--primitive-neutral-1000);
   --automation-symbol-static-background-color: var(--primitive-neutral-400);
   --automation-symbol-on-border-color: var(--primitive-neutral-inverted-1000);
   --automation-symbol-off-background-color: var(--primitive-neutral-050);
@@ -13092,8 +13104,8 @@
   --base-teal-500: var(--primitive-teal-500);
   --base-teal-600: var(--primitive-teal-600);
   --border-focus-color: var(--primitive-blue-500);
-  --automation-connector-on-background-color: var(--primitive-neutral-400);
-  --automation-connector-on-border-color: var(--primitive-neutral-450);
+  --automation-connector-on-background-color: var(--primitive-neutral-500);
+  --automation-connector-on-border-color: var(--primitive-neutral-550);
   --automation-connector-off-background-color: var(--primitive-neutral-300);
   --thumb-enabled-background-color: var(--primitive-neutral-200);
   --thumb-enabled-border-color: var(--primitive-neutral-250);
@@ -13522,50 +13534,34 @@
   --alert-caution-container-background-color: var(--primitive-caution-050);
   --alert-alarm-container-background-color: var(--primitive-alarm-050);
   --alert-warning-container-background-color: var(--primitive-warning-050);
-  --shadow-elevation-level-1-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-level-1-layer-1-x: 0px;
-  --shadow-elevation-level-1-layer-1-y: 0px;
-  --shadow-elevation-level-1-layer-1-blur: 1px;
-  --shadow-elevation-level-1-layer-1-spread: 0px;
-  --shadow-elevation-level-1-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-level-1-layer-2-x: 0px;
-  --shadow-elevation-level-1-layer-2-y: 0px;
-  --shadow-elevation-level-1-layer-2-blur: 1px;
-  --shadow-elevation-level-1-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-1-x: 0px;
-  --shadow-elevation-level-2-layer-1-y: 0px;
-  --shadow-elevation-level-2-layer-1-blur: 1px;
-  --shadow-elevation-level-2-layer-1-spread: 0px;
-  --shadow-elevation-level-2-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-level-2-layer-2-x: 0px;
-  --shadow-elevation-level-2-layer-2-y: 0px;
-  --shadow-elevation-level-2-layer-2-blur: 1px;
-  --shadow-elevation-level-2-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-highlight-x: 0px;
-  --shadow-elevation-button-1-highlight-y: 1px;
-  --shadow-elevation-button-1-highlight-blur: 0px;
-  --shadow-elevation-button-1-highlight-spread: 0px;
-  --shadow-elevation-button-1-highlight-color: var(--primitive-neutral-300);
-  --shadow-elevation-button-1-layer-2-x: 0px;
-  --shadow-elevation-button-1-layer-2-y: 2px;
-  --shadow-elevation-button-1-layer-2-blur: 8px;
-  --shadow-elevation-button-1-layer-2-spread: 0px;
-  --shadow-elevation-button-1-layer-2-color: var(
-    --primitive-neutral-inverted-transparent-400
+  --shadow-elevation-level-1-key-color: var(
+    --primitive-neutral-inverted-transparent-300
   );
-  --shadow-elevation-button-1-layer-1-x: 0px;
-  --shadow-elevation-button-1-layer-1-y: 1px;
-  --shadow-elevation-button-1-layer-1-blur: 2px;
-  --shadow-elevation-button-1-layer-1-spread: 0px;
-  --shadow-elevation-button-1-layer-1-color: var(
-    --primitive-neutral-inverted-transparent-500
+  --shadow-elevation-level-1-key-x: 0px;
+  --shadow-elevation-level-1-key-y: 1px;
+  --shadow-elevation-level-1-key-blur: 2px;
+  --shadow-elevation-level-1-key-spread: 0px;
+  --shadow-elevation-level-1-ambient-color: var(
+    --primitive-neutral-inverted-transparent-200
+  );
+  --shadow-elevation-level-1-ambient-x: 0px;
+  --shadow-elevation-level-1-ambient-y: 1px;
+  --shadow-elevation-level-1-ambient-blur: 4px;
+  --shadow-elevation-level-1-ambient-spread: 0px;
+  --shadow-elevation-level-2-key-x: 0px;
+  --shadow-elevation-level-2-key-y: 2px;
+  --shadow-elevation-level-2-key-blur: 4px;
+  --shadow-elevation-level-2-key-spread: 0px;
+  --shadow-elevation-level-2-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-2-ambient-x: 0px;
+  --shadow-elevation-level-2-ambient-y: 2px;
+  --shadow-elevation-level-2-ambient-blur: 8px;
+  --shadow-elevation-level-2-ambient-spread: 0px;
+  --shadow-elevation-level-2-ambient-color: var(
+    --primitive-neutral-inverted-transparent-200
   );
-  --shadow-elevation-button-1-core-x: 0px;
-  --shadow-elevation-button-1-core-y: -1px;
-  --shadow-elevation-button-1-core-blur: 0px;
-  --shadow-elevation-button-1-core-spread: 0px;
-  --shadow-elevation-button-1-core-color: var(--primitive-neutral-200);
   --alert-running-container-background-color: var(--primitive-running-050);
   --alert-running-container-border-color: var(--primitive-running-150);
   --alert-caution-container-border-color: var(--primitive-caution-100);
@@ -13774,8 +13770,8 @@
   --pui-beta-alert-alarm-color: rgb(255, 255, 255);
   --pui-beta-alert-alarm-outline-color: rgb(255, 255, 255);
   --pui-beta-container-cutout-color: rgb(0, 0, 0);
-  --automation-button-on-background-color: var(--primitive-neutral-400);
-  --automation-button-on-border-color: var(--primitive-neutral-450);
+  --automation-button-on-background-color: var(--primitive-neutral-500);
+  --automation-button-on-border-color: var(--primitive-neutral-550);
   --automation-button-enhanced-background-color: var(--primitive-enhanced-400);
   --automation-button-enhanced-border-color: var(--primitive-enhanced-450);
   --automation-button-running-background-color: var(--primitive-running-300);
@@ -13856,6 +13852,48 @@
   --automation-button-medium-border-color: var(--primitive-running-200);
   --automation-symbol-medium-background-color: var(--primitive-enhanced-500);
   --automation-symbol-medium-border-color: var(--primitive-enhanced-400);
+  --shadow-elevation-level-3-key-x: 0px;
+  --shadow-elevation-level-3-key-y: 4px;
+  --shadow-elevation-level-3-key-blur: 8px;
+  --shadow-elevation-level-3-key-spread: 0px;
+  --shadow-elevation-level-3-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-3-ambient-x: 0px;
+  --shadow-elevation-level-3-ambient-y: 4px;
+  --shadow-elevation-level-3-ambient-blur: 16px;
+  --shadow-elevation-level-3-ambient-spread: 0px;
+  --shadow-elevation-level-3-ambient-color: var(
+    --primitive-neutral-inverted-transparent-200
+  );
+  --shadow-elevation-level-4-key-x: 0px;
+  --shadow-elevation-level-4-key-y: 8px;
+  --shadow-elevation-level-4-key-blur: 16px;
+  --shadow-elevation-level-4-key-spread: 0px;
+  --shadow-elevation-level-4-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-4-ambient-x: 0px;
+  --shadow-elevation-level-4-ambient-y: 8px;
+  --shadow-elevation-level-4-ambient-blur: 32px;
+  --shadow-elevation-level-4-ambient-spread: 0px;
+  --shadow-elevation-level-4-ambient-color: var(
+    --primitive-neutral-inverted-transparent-200
+  );
+  --shadow-elevation-level-5-key-x: 0px;
+  --shadow-elevation-level-5-key-y: 16px;
+  --shadow-elevation-level-5-key-blur: 32px;
+  --shadow-elevation-level-5-key-spread: 0px;
+  --shadow-elevation-level-5-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-5-ambient-x: 0px;
+  --shadow-elevation-level-5-ambient-y: 16px;
+  --shadow-elevation-level-5-ambient-blur: 64px;
+  --shadow-elevation-level-5-ambient-spread: 0px;
+  --shadow-elevation-level-5-ambient-color: var(
+    --primitive-neutral-inverted-transparent-200
+  );
 }
 
 :root[data-obc-theme="night"] {
@@ -13881,10 +13919,10 @@
   --primitive-warning-300: rgb(150, 63, 0);
   --primitive-caution-300: rgb(117, 83, 0);
   --primitive-neutral-inverted-transparent-1000: rgb(0, 0, 0);
-  --primitive-neutral-inverted-600: rgb(0, 0, 0);
-  --primitive-neutral-inverted-500: rgb(54, 39, 28);
-  --primitive-neutral-inverted-400: rgb(89, 64, 46);
-  --primitive-neutral-inverted-200: rgb(163, 118, 84);
+  --primitive-neutral-inverted-600: rgb(48, 40, 33);
+  --primitive-neutral-inverted-500: rgb(78, 64, 54);
+  --primitive-neutral-inverted-400: rgb(109, 89, 75);
+  --primitive-neutral-inverted-200: rgb(183, 150, 126);
   --primitive-running-300: rgb(0, 104, 0);
   --primitive-blue-300: rgb(64, 91, 125);
   --primitive-orange-300: rgb(115, 82, 53);
@@ -13893,8 +13931,8 @@
   --primitive-neutral-250: rgb(100, 68, 49);
   --primitive-neutral-inverted-transparent-000: rgb(0, 0, 0, 0);
   --primitive-neutral-transparent-000: rgb(34, 22, 15, 0);
-  --primitive-neutral-transparent-200: rgb(255, 174, 127, 0.32156863808631897);
-  --primitive-neutral-transparent-250: rgb(255, 173, 125, 0.3921568691730499);
+  --primitive-neutral-transparent-200: rgb(255, 179, 131, 0.3100000023841858);
+  --primitive-neutral-transparent-250: rgb(255, 177, 128, 0.3799999952316284);
   --primitive-enhanced-400: rgb(73, 130, 106);
   --primitive-enhanced-300: rgb(54, 97, 79);
   --primitive-enhanced-150: rgb(28, 53, 42);
@@ -13924,16 +13962,16 @@
     0,
     0,
     0,
-    0.7686274647712708
+    0.6899999976158142
   );
   --primitive-neutral-inverted-transparent-200: rgb(
     0,
     0,
     0,
-    0.2980392277240753
+    0.2800000011920929
   );
   --primitive-neutral-700: rgb(255, 209, 176);
-  --primitive-neutral-transparent-050: rgb(255, 165, 113, 0.13333334028720856);
+  --primitive-neutral-transparent-050: rgb(255, 175, 120, 0.12999999523162842);
   --primitive-blue-050: rgb(16, 25, 36);
   --primitive-blue-600: rgb(138, 185, 245);
   --primitive-blue-100: rgb(25, 37, 52);
@@ -14011,15 +14049,15 @@
   --primitive-alarm-100: rgb(73, 14, 14);
   --primitive-primitives-night-red-500: rgb(206, 129, 134);
   --primitive-cyan-350: rgb(49, 111, 134);
-  --primitive-neutral-transparent-500: rgb(255, 177, 120, 0.772549033164978);
-  --primitive-neutral-transparent-400: rgb(255, 174, 119, 0.6196078658103943);
-  --primitive-neutral-inverted-150: rgb(183, 132, 94);
-  --primitive-neutral-inverted-250: rgb(145, 104, 74);
-  --primitive-neutral-inverted-300: rgb(126, 91, 65);
-  --primitive-neutral-inverted-350: rgb(107, 77, 55);
-  --primitive-neutral-transparent-300: rgb(255, 175, 123, 0.4627451002597809);
+  --primitive-neutral-transparent-500: rgb(255, 179, 122, 0.7599999904632568);
+  --primitive-neutral-transparent-400: rgb(255, 177, 121, 0.6100000143051147);
+  --primitive-neutral-inverted-150: rgb(203, 167, 140);
+  --primitive-neutral-inverted-250: rgb(164, 134, 113);
+  --primitive-neutral-inverted-300: rgb(145, 119, 100);
+  --primitive-neutral-inverted-350: rgb(126, 103, 87);
+  --primitive-neutral-transparent-300: rgb(255, 178, 125, 0.44999998807907104);
   --primitive-surface-000: rgb(0, 0, 0);
-  --primitive-neutral-inverted-050: rgb(214, 155, 110);
+  --primitive-neutral-inverted-050: rgb(236, 193, 163);
   --primitive-gray-050: rgb(24, 24, 24);
   --primitive-gray-500: rgb(150, 150, 150);
   --primitive-gray-600: rgb(182, 182, 182);
@@ -14027,14 +14065,31 @@
     0,
     0,
     0,
-    0.21176470816135406
+    0.20000000298023224
+  );
+  --primitive-neutral-transparent-600: rgb(255, 185, 132, 0.9100000262260437);
+  --primitive-neutral-inverted-transparent-400: rgb(
+    0,
+    0,
+    0,
+    0.5699999928474426
   );
-  --primitive-neutral-transparent-600: rgb(255, 184, 131, 0.9137254953384399);
-  --primitive-neutral-inverted-transparent-400: rgb(0, 0, 0, 0.615686297416687);
   --primitive-caution-050: rgb(35, 22, 1);
   --primitive-dusk-alarm-050: rgb(72, 14, 14);
   --primitive-alarm-050: rgb(52, 9, 8);
   --primitive-warning-050: rgb(46, 15, 0);
+  --primitive-neutral-inverted-transparent-300: rgb(
+    0,
+    0,
+    0,
+    0.4300000071525574
+  );
+  --primitive-neutral-inverted-transparent-100: rgb(
+    0,
+    0,
+    0,
+    0.12999999523162842
+  );
   --primitive-caution-100: rgb(50, 33, 1);
   --primitive-warning-100: rgb(64, 24, 1);
   --primitive-caution-200: rgb(82, 58, 0);
@@ -14045,19 +14100,19 @@
   --primitive-gray-150: rgb(48, 48, 48);
   --primitive-indigo-150: rgb(47, 46, 67);
   --primitive-primitives-night-red-200: rgb(85, 54, 55);
-  --primitive-gray-050-tint: rgb(255, 255, 255, 0.0941176488995552);
-  --primitive-blue-050-tint: rgb(113, 177, 255, 0.1411764770746231);
-  --primitive-cyan-050-tint: rgb(82, 214, 255, 0.12156862765550613);
-  --primitive-teal-050-tint: rgb(118, 255, 255, 0.10196078568696976);
-  --primitive-mint-050-tint: rgb(118, 255, 191, 0.10980392247438431);
-  --primitive-red-050-tint: rgb(255, 149, 156, 0.1411764770746231);
-  --primitive-purple-050-tint: rgb(247, 167, 255, 0.125490203499794);
-  --primitive-indigo-050-tint: rgb(170, 163, 255, 0.1411764770746231);
-  --primitive-running-050-tint: rgb(109, 255, 100, 0.10980392247438431);
-  --primitive-alarm-050-tint: rgb(255, 44, 39, 0.20392157137393951);
-  --primitive-warning-050-tint: rgb(255, 83, 0, 0.18039216101169586);
-  --primitive-caution-050-tint: rgb(255, 160, 7, 0.13725490868091583);
-  --primitive-critical-050-tint: rgb(255, 65, 255, 0.16862745583057404);
+  --primitive-gray-050-tint: rgb(255, 255, 255, 0.09000000357627869);
+  --primitive-blue-050-tint: rgb(120, 188, 255, 0.12999999523162842);
+  --primitive-cyan-050-tint: rgb(88, 229, 255, 0.10999999940395355);
+  --primitive-teal-050-tint: rgb(128, 255, 255, 0.09000000357627869);
+  --primitive-mint-050-tint: rgb(128, 255, 206, 0.10000000149011612);
+  --primitive-red-050-tint: rgb(255, 158, 165, 0.12999999523162842);
+  --primitive-purple-050-tint: rgb(255, 185, 255, 0.10999999940395355);
+  --primitive-indigo-050-tint: rgb(180, 173, 255, 0.12999999523162842);
+  --primitive-running-050-tint: rgb(118, 255, 108, 0.10000000149011612);
+  --primitive-alarm-050-tint: rgb(255, 48, 43, 0.1899999976158142);
+  --primitive-warning-050-tint: rgb(255, 87, 0, 0.17000000178813934);
+  --primitive-caution-050-tint: rgb(255, 170, 8, 0.12999999523162842);
+  --primitive-critical-050-tint: rgb(255, 68, 255, 0.1599999964237213);
   --element-active-color: var(--primitive-neutral-600);
   --element-neutral-color: var(--primitive-neutral-500);
   --element-inactive-color: var(--primitive-neutral-400);
@@ -14310,7 +14365,7 @@
   --base-teal-600: var(--primitive-teal-600);
   --border-focus-color: var(--primitive-enhanced-400);
   --automation-connector-on-background-color: var(--primitive-neutral-300);
-  --automation-connector-on-border-color: var(--primitive-neutral-400);
+  --automation-connector-on-border-color: var(--primitive-neutral-500);
   --automation-connector-off-background-color: var(--primitive-neutral-300);
   --thumb-enabled-background-color: var(--primitive-neutral-100);
   --thumb-enabled-border-color: var(--primitive-neutral-300);
@@ -14733,46 +14788,34 @@
   --alert-caution-container-background-color: var(--primitive-caution-050);
   --alert-alarm-container-background-color: var(--primitive-alarm-050);
   --alert-warning-container-background-color: var(--primitive-warning-050);
-  --shadow-elevation-level-1-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-level-1-layer-1-x: 0px;
-  --shadow-elevation-level-1-layer-1-y: 0px;
-  --shadow-elevation-level-1-layer-1-blur: 0px;
-  --shadow-elevation-level-1-layer-1-spread: 0px;
-  --shadow-elevation-level-1-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-level-1-layer-2-x: 0px;
-  --shadow-elevation-level-1-layer-2-y: 0px;
-  --shadow-elevation-level-1-layer-2-blur: 0px;
-  --shadow-elevation-level-1-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-1-x: 0px;
-  --shadow-elevation-level-2-layer-1-y: 0px;
-  --shadow-elevation-level-2-layer-1-blur: 0px;
-  --shadow-elevation-level-2-layer-1-spread: 0px;
-  --shadow-elevation-level-2-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-level-2-layer-2-x: 0px;
-  --shadow-elevation-level-2-layer-2-y: 0px;
-  --shadow-elevation-level-2-layer-2-blur: 0px;
-  --shadow-elevation-level-2-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-highlight-x: 0px;
-  --shadow-elevation-button-1-highlight-y: 0px;
-  --shadow-elevation-button-1-highlight-blur: 0px;
-  --shadow-elevation-button-1-highlight-spread: 0px;
-  --shadow-elevation-button-1-highlight-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-layer-2-x: 0px;
-  --shadow-elevation-button-1-layer-2-y: 0px;
-  --shadow-elevation-button-1-layer-2-blur: 0px;
-  --shadow-elevation-button-1-layer-2-spread: 0px;
-  --shadow-elevation-button-1-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-layer-1-x: 0px;
-  --shadow-elevation-button-1-layer-1-y: 0px;
-  --shadow-elevation-button-1-layer-1-blur: 0px;
-  --shadow-elevation-button-1-layer-1-spread: 0px;
-  --shadow-elevation-button-1-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-core-x: 0px;
-  --shadow-elevation-button-1-core-y: 0px;
-  --shadow-elevation-button-1-core-blur: 0px;
-  --shadow-elevation-button-1-core-spread: 0px;
-  --shadow-elevation-button-1-core-color: rgb(255, 255, 255);
+  --shadow-elevation-level-1-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-1-key-x: 0px;
+  --shadow-elevation-level-1-key-y: 1px;
+  --shadow-elevation-level-1-key-blur: 2px;
+  --shadow-elevation-level-1-key-spread: 0px;
+  --shadow-elevation-level-1-ambient-color: var(
+    --primitive-neutral-inverted-transparent-100
+  );
+  --shadow-elevation-level-1-ambient-x: 0px;
+  --shadow-elevation-level-1-ambient-y: 1px;
+  --shadow-elevation-level-1-ambient-blur: 4px;
+  --shadow-elevation-level-1-ambient-spread: 0px;
+  --shadow-elevation-level-2-key-x: 0px;
+  --shadow-elevation-level-2-key-y: 2px;
+  --shadow-elevation-level-2-key-blur: 4px;
+  --shadow-elevation-level-2-key-spread: 0px;
+  --shadow-elevation-level-2-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-2-ambient-x: 0px;
+  --shadow-elevation-level-2-ambient-y: 2px;
+  --shadow-elevation-level-2-ambient-blur: 8px;
+  --shadow-elevation-level-2-ambient-spread: 0px;
+  --shadow-elevation-level-2-ambient-color: var(
+    --primitive-neutral-inverted-transparent-100
+  );
   --alert-running-container-background-color: var(--primitive-running-050);
   --alert-running-container-border-color: var(--primitive-running-050);
   --alert-caution-container-border-color: var(--primitive-caution-100);
@@ -14990,7 +15033,7 @@
   --pui-beta-alert-alarm-outline-color: rgb(255, 255, 255);
   --pui-beta-container-cutout-color: rgb(0, 0, 0);
   --automation-button-on-background-color: var(--primitive-neutral-300);
-  --automation-button-on-border-color: var(--primitive-neutral-400);
+  --automation-button-on-border-color: var(--primitive-neutral-500);
   --automation-button-enhanced-background-color: var(--primitive-enhanced-300);
   --automation-button-enhanced-border-color: var(--primitive-enhanced-400);
   --automation-button-running-background-color: var(--primitive-running-200);
@@ -15071,6 +15114,48 @@
   --automation-button-medium-border-color: var(--primitive-running-100);
   --automation-symbol-medium-background-color: var(--primitive-enhanced-300);
   --automation-symbol-medium-border-color: var(--primitive-neutral-700);
+  --shadow-elevation-level-3-key-x: 0px;
+  --shadow-elevation-level-3-key-y: 4px;
+  --shadow-elevation-level-3-key-blur: 8px;
+  --shadow-elevation-level-3-key-spread: 0px;
+  --shadow-elevation-level-3-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-3-ambient-x: 0px;
+  --shadow-elevation-level-3-ambient-y: 4px;
+  --shadow-elevation-level-3-ambient-blur: 16px;
+  --shadow-elevation-level-3-ambient-spread: 0px;
+  --shadow-elevation-level-3-ambient-color: var(
+    --primitive-neutral-inverted-transparent-100
+  );
+  --shadow-elevation-level-4-key-x: 0px;
+  --shadow-elevation-level-4-key-y: 8px;
+  --shadow-elevation-level-4-key-blur: 16px;
+  --shadow-elevation-level-4-key-spread: 0px;
+  --shadow-elevation-level-4-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-4-ambient-x: 0px;
+  --shadow-elevation-level-4-ambient-y: 8px;
+  --shadow-elevation-level-4-ambient-blur: 32px;
+  --shadow-elevation-level-4-ambient-spread: 0px;
+  --shadow-elevation-level-4-ambient-color: var(
+    --primitive-neutral-inverted-transparent-100
+  );
+  --shadow-elevation-level-5-key-x: 0px;
+  --shadow-elevation-level-5-key-y: 16px;
+  --shadow-elevation-level-5-key-blur: 32px;
+  --shadow-elevation-level-5-key-spread: 0px;
+  --shadow-elevation-level-5-key-color: var(
+    --primitive-neutral-inverted-transparent-300
+  );
+  --shadow-elevation-level-5-ambient-x: 0px;
+  --shadow-elevation-level-5-ambient-y: 16px;
+  --shadow-elevation-level-5-ambient-blur: 64px;
+  --shadow-elevation-level-5-ambient-spread: 0px;
+  --shadow-elevation-level-5-ambient-color: var(
+    --primitive-neutral-inverted-transparent-100
+  );
 }
 
 :root[data-obc-theme="bright"] {
@@ -15227,6 +15312,7 @@
   );
   --primitive-red-550: rgb(78, 25, 33);
   --primitive-warning-050: rgb(255, 202, 160);
+  --primitive-neutral-transparent-100: rgb(0, 0, 0, 0.250980406999588);
   --primitive-caution-400: rgb(102, 75, 0);
   --primitive-neutral-inverted-050: rgb(54, 54, 54);
   --primitive-yellow-250: rgb(141, 119, 26);
@@ -15937,46 +16023,34 @@
   --alert-caution-container-background-color: var(--primitive-caution-050);
   --alert-alarm-container-background-color: var(--primitive-alarm-100);
   --alert-warning-container-background-color: var(--primitive-warning-050);
-  --shadow-elevation-level-1-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-level-1-layer-1-x: 0px;
-  --shadow-elevation-level-1-layer-1-y: 0px;
-  --shadow-elevation-level-1-layer-1-blur: 0px;
-  --shadow-elevation-level-1-layer-1-spread: 0px;
-  --shadow-elevation-level-1-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-level-1-layer-2-x: 0px;
-  --shadow-elevation-level-1-layer-2-y: 0px;
-  --shadow-elevation-level-1-layer-2-blur: 0px;
-  --shadow-elevation-level-1-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-1-x: 0px;
-  --shadow-elevation-level-2-layer-1-y: 0px;
-  --shadow-elevation-level-2-layer-1-blur: 0px;
-  --shadow-elevation-level-2-layer-1-spread: 0px;
-  --shadow-elevation-level-2-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-level-2-layer-2-x: 0px;
-  --shadow-elevation-level-2-layer-2-y: 0px;
-  --shadow-elevation-level-2-layer-2-blur: 0px;
-  --shadow-elevation-level-2-layer-2-spread: 0px;
-  --shadow-elevation-level-2-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-highlight-x: 0px;
-  --shadow-elevation-button-1-highlight-y: 0px;
-  --shadow-elevation-button-1-highlight-blur: 0px;
-  --shadow-elevation-button-1-highlight-spread: 0px;
-  --shadow-elevation-button-1-highlight-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-layer-2-x: 0px;
-  --shadow-elevation-button-1-layer-2-y: 0px;
-  --shadow-elevation-button-1-layer-2-blur: 0px;
-  --shadow-elevation-button-1-layer-2-spread: 0px;
-  --shadow-elevation-button-1-layer-2-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-layer-1-x: 0px;
-  --shadow-elevation-button-1-layer-1-y: 0px;
-  --shadow-elevation-button-1-layer-1-blur: 0px;
-  --shadow-elevation-button-1-layer-1-spread: 0px;
-  --shadow-elevation-button-1-layer-1-color: rgb(255, 255, 255);
-  --shadow-elevation-button-1-core-x: 0px;
-  --shadow-elevation-button-1-core-y: 0px;
-  --shadow-elevation-button-1-core-blur: 0px;
-  --shadow-elevation-button-1-core-spread: 0px;
-  --shadow-elevation-button-1-core-color: rgb(255, 255, 255);
+  --shadow-elevation-level-1-key-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-1-key-x: 0px;
+  --shadow-elevation-level-1-key-y: 1px;
+  --shadow-elevation-level-1-key-blur: 2px;
+  --shadow-elevation-level-1-key-spread: 0px;
+  --shadow-elevation-level-1-ambient-color: var(
+    --primitive-neutral-transparent-050
+  );
+  --shadow-elevation-level-1-ambient-x: 0px;
+  --shadow-elevation-level-1-ambient-y: 1px;
+  --shadow-elevation-level-1-ambient-blur: 4px;
+  --shadow-elevation-level-1-ambient-spread: 0px;
+  --shadow-elevation-level-2-key-x: 0px;
+  --shadow-elevation-level-2-key-y: 2px;
+  --shadow-elevation-level-2-key-blur: 4px;
+  --shadow-elevation-level-2-key-spread: 0px;
+  --shadow-elevation-level-2-key-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-2-ambient-x: 0px;
+  --shadow-elevation-level-2-ambient-y: 2px;
+  --shadow-elevation-level-2-ambient-blur: 8px;
+  --shadow-elevation-level-2-ambient-spread: 0px;
+  --shadow-elevation-level-2-ambient-color: var(
+    --primitive-neutral-transparent-050
+  );
   --alert-running-container-background-color: var(--primitive-running-050);
   --alert-running-container-border-color: var(--primitive-running-100);
   --alert-caution-container-border-color: var(--primitive-caution-150);
@@ -16259,6 +16333,48 @@
   --automation-symbol-medium-border-color: var(
     --primitive-neutral-inverted-700
   );
+  --shadow-elevation-level-3-key-x: 0px;
+  --shadow-elevation-level-3-key-y: 4px;
+  --shadow-elevation-level-3-key-blur: 8px;
+  --shadow-elevation-level-3-key-spread: 0px;
+  --shadow-elevation-level-3-key-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-3-ambient-x: 0px;
+  --shadow-elevation-level-3-ambient-y: 4px;
+  --shadow-elevation-level-3-ambient-blur: 16px;
+  --shadow-elevation-level-3-ambient-spread: 0px;
+  --shadow-elevation-level-3-ambient-color: var(
+    --primitive-neutral-transparent-050
+  );
+  --shadow-elevation-level-4-key-x: 0px;
+  --shadow-elevation-level-4-key-y: 8px;
+  --shadow-elevation-level-4-key-blur: 16px;
+  --shadow-elevation-level-4-key-spread: 0px;
+  --shadow-elevation-level-4-key-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-4-ambient-x: 0px;
+  --shadow-elevation-level-4-ambient-y: 8px;
+  --shadow-elevation-level-4-ambient-blur: 32px;
+  --shadow-elevation-level-4-ambient-spread: 0px;
+  --shadow-elevation-level-4-ambient-color: var(
+    --primitive-neutral-transparent-050
+  );
+  --shadow-elevation-level-5-key-x: 0px;
+  --shadow-elevation-level-5-key-y: 16px;
+  --shadow-elevation-level-5-key-blur: 32px;
+  --shadow-elevation-level-5-key-spread: 0px;
+  --shadow-elevation-level-5-key-color: var(
+    --primitive-neutral-transparent-100
+  );
+  --shadow-elevation-level-5-ambient-x: 0px;
+  --shadow-elevation-level-5-ambient-y: 16px;
+  --shadow-elevation-level-5-ambient-blur: 64px;
+  --shadow-elevation-level-5-ambient-spread: 0px;
+  --shadow-elevation-level-5-ambient-color: var(
+    --primitive-neutral-transparent-050
+  );
 }
 
 :root,
@@ -16277,6 +16393,7 @@
   --vessel-neutral-color: var(--integration-on-selected-neutral-color);
   --vessel-active-color: var(--integration-on-selected-active-color);
   --categorical-shade-050-tint: var(--base-gray-050-tint);
+  --vessel-divider: var(--border-divider-color);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -16421,6 +16538,7 @@
   --vessel-neutral-color: var(--base-blue-500);
   --vessel-active-color: var(--base-blue-600);
   --categorical-shade-050-tint: var(--base-blue-050-tint);
+  --vessel-divider: var(--base-blue-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -16562,6 +16680,7 @@
   --vessel-neutral-color: var(--base-cyan-500);
   --vessel-active-color: var(--base-cyan-600);
   --categorical-shade-050-tint: var(--base-cyan-050-tint);
+  --vessel-divider: var(--base-cyan-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -16703,6 +16822,7 @@
   --vessel-neutral-color: var(--base-teal-500);
   --vessel-active-color: var(--base-teal-600);
   --categorical-shade-050-tint: var(--base-teal-050-tint);
+  --vessel-divider: var(--base-teal-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -16844,6 +16964,7 @@
   --vessel-neutral-color: var(--base-mint-500);
   --vessel-active-color: var(--base-mint-600);
   --categorical-shade-050-tint: var(--base-mint-050-tint);
+  --vessel-divider: var(--base-mint-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -16985,6 +17106,7 @@
   --vessel-neutral-color: var(--base-yellow-500);
   --vessel-active-color: var(--base-yellow-600);
   --categorical-shade-050-tint: var(--base-yellow-050-tint);
+  --vessel-divider: var(--base-yellow-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -17126,6 +17248,7 @@
   --vessel-neutral-color: var(--base-orange-500);
   --vessel-active-color: var(--base-orange-600);
   --categorical-shade-050-tint: var(--base-orange-050-tint);
+  --vessel-divider: var(--base-orange-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -17267,6 +17390,7 @@
   --vessel-neutral-color: var(--base-red-500);
   --vessel-active-color: var(--base-red-600);
   --categorical-shade-050-tint: var(--base-red-050-tint);
+  --vessel-divider: var(--base-red-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -17408,6 +17532,7 @@
   --vessel-neutral-color: var(--base-purple-500);
   --vessel-active-color: var(--base-purple-600);
   --categorical-shade-050-tint: var(--base-purple-050-tint);
+  --vessel-divider: var(--base-purple-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);
@@ -17549,6 +17674,7 @@
   --vessel-neutral-color: var(--base-indigo-500);
   --vessel-active-color: var(--base-indigo-600);
   --categorical-shade-050-tint: var(--base-indigo-050-tint);
+  --vessel-divider: var(--base-indigo-200);
   --base-categorical-050: var(--categorical-shade-050);
   --base-categorical-100: var(--categorical-shade-100);
   --base-categorical-200: var(--categorical-shade-200);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "2.1.0-next.10",
+  "version": "2.1.0-next.11",
   "type": "module",
   "repository": {
     "type": "git",