@onlive.ai/common-121 0.2.187 → 0.2.190

package/themes/custom/germany.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../germany.theme-Dra_5Jz0.js';
+export { s as styles } from '../../germany.theme-Cxz60Lv5.js';

package/themes/custom/germany.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import{css as o}from"lit";var t=o`
 /**
  * ----------------------------------------------------------------------------------------
@@ -32,6 +32,8 @@ import{css as o}from"lit";var t=o`
  * ----------------------------------------------------------------------------------------
  * Overrides for light theme, if applicable.
  */
+
+:host,
 .ol-theme-light {
   --ol-color-primary-50: rgb(240 240 240);
   --ol-color-primary-100: rgb(220 220 220);
@@ -223,6 +225,7 @@ ol-button::part(label) {
 }
 ol-button::part(spinner) {
   z-index: 1;
+  font-size: 1.5em;
 }
 ol-button:not([disabled]):hover::part(prefix) {
   color: var(--ol-color-neutral-1000);
@@ -230,9 +233,6 @@ ol-button:not([disabled]):hover::part(prefix) {
 ol-button[variant="primary"]:not([disabled]):hover::part(label) {
   color: var(--theme-button-hover-text-color);
 }
-ol-button::part(spinner) {
-  font-size: 1.5em;
-}
 ol-textarea::part(base) {
   border-radius: 0;
 }

package/themes/custom/hyundai.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 "use strict";var e=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var b=(a,o)=>{for(var r in o)e(a,r,{get:o[r],enumerable:!0})},s=(a,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of _(o))!c.call(a,t)&&t!==r&&e(a,t,{get:()=>o[t],enumerable:!(l=n(o,t))||l.enumerable});return a};var d=a=>s(e({},"__esModule",{value:!0}),a);var u={};b(u,{styles:()=>p});module.exports=d(u);var i=require("lit"),p=i.css`
 :root,
 :host,

package/themes/custom/hyundai.theme.css

@@ -0,0 +1,291 @@
+:root,
+:host,
+.ol-theme-dark {
+  --ol-color-neutral-0: rgb(250 250 250);
+  --ol-color-neutral-1000: rgb(0 0 0);
+}
+
+:root,
+:host,
+.ol-theme-light {
+  /* Hyundai Theme */
+  --hyundai-active-color: rgb(0, 170, 210);
+
+  /* Onlive UI Palette */
+  --ol-color-primary-50: rgb(243 246 250);
+  --ol-color-primary-100: rgb(230 236 244);
+  --ol-color-primary-200: rgb(204 216 231);
+  --ol-color-primary-300: rgb(179 196 219);
+  --ol-color-primary-400: rgb(128 157 194);
+  --ol-color-primary-500: rgb(77 114 162);
+  --ol-color-primary-600: rgb(0 44 95);
+  --ol-color-primary-700: rgb(0 42 90);
+  --ol-color-primary-800: rgb(0 40 85);
+  --ol-color-primary-900: rgb(0 37 80);
+  --ol-color-primary-950: rgb(0 35 76);
+
+  /* Onlive UI Font and Vars */
+  --ol-font-sans: AudiType, sans-serif;
+  --ol-calendar-day-border-radius: 0;
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) var(--ol-spacing-medium);
+  --ol-calendar-selected-background-color: var(--hyundai-active-color);
+  --ol-calendar-day-inactive-font-size: var(--ol-font-size-x-small);
+}
+
+/* Onlive UI Components */
+ol-button:not([circle])::part(base) {
+  border-radius: 0;
+}
+ol-button:not([circle])::part(base) {
+  border-width: 2px;
+}
+ol-button:not([circle])::part(label) {
+  font-size: 1.2em;
+  padding: var(--ol-spacing-x-small) var(--ol-spacing-medium);
+}
+ol-button:not([circle])::part(spinner) {
+  font-size: 1.5em;
+}
+ol-button:not([circle])[variant="primary"]:not([disabled])::part(base) {
+  background-color: var(--ol-color-primary-600);
+}
+ol-button:not([circle])[variant="default"]:not([disabled])::part(base) {
+  color: var(--ol-color-primary-600);
+}
+ol-input,
+ol-textarea {
+  --ol-input-border-radius-small: 0;
+  --ol-input-border-radius-medium: 0;
+  --ol-input-border-radius-large: 0;
+}
+ol-input::part(base) {
+  height: var(--ol-spacing-3x-large);
+  border: 2px solid var(--ol-color-neutral-500);
+  background-color: transparent;
+}
+ol-textarea::part(base) {
+  border: 2px solid var(--ol-color-neutral-500);
+  background-color: transparent;
+}
+ol-input:focus::part(base),
+ol-textarea:focus::part(base) {
+  border-color: var(--hyundai-active-color);
+}
+ol-input::part(input) {
+  height: calc(var(--ol-spacing-3x-large) - 4px);
+}
+ol-checkbox::part(control--checked),
+ol-radio::part(control--checked) {
+  background-color: var(--hyundai-active-color);
+  border-color: var(--hyundai-active-color);
+}
+ol-carousel::part(pagination) {
+  gap: var(--ol-spacing-x-small);
+}
+ol-carousel::part(pagination-item) {
+  border: 1px solid var(--ol-color-neutral-600);
+  background-color: transparent;
+}
+ol-carousel::part(pagination-item--active) {
+  border-color: transparent;
+  background-color: var(--hyundai-active-color);
+}
+ol-range::part(input) {
+  --thumb-size: 20px;
+  --track-height: 5px;
+  --thumb-background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2021%2021%22%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%227%22%20y=%227%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%2210%22%20y=%227%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%2213%22%20y=%227%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%227%22%20y=%2210%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%2210%22%20y=%2210%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%2213%22%20y=%2210%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%227%22%20y=%2213%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%2210%22%20y=%2213%22%20width=%221%22%20height=%221%22/%3E%3Crect%20fill=%22%23bbbbbb%22%20x=%2213%22%20y=%2213%22%20width=%221%22%20height=%221%22/%3E%3C/svg%3E");
+}
+ol-progress-bar {
+  --indicator-color: var(--hyundai-active-color);
+}
+
+/* Chatbot App */
+.ocb__header__logo {
+  height: 16px;
+}
+.ocb__header__maximize-button::part(base),
+.ocb__header__minimize-button::part(base),
+.ocb__widget__panel,
+.ocb__hint {
+  border-radius: 0;
+}
+
+/* Flow Package */
+.ofl__calendar__calendar-skeleton,
+.ofl__calendar__time-item__content {
+  border-radius: 0;
+  --border-radius: 0;
+  --thumb-border-radius: 0;
+}
+.ofl__calendar__time-list--list .ofl__calendar__time-item::part(button--checked),
+.ofl__calendar__time-list--list .ofl__calendar__time-item:hover::part(button--checked) {
+  background-color: var(--hyundai-active-color);
+  border-color: var(--hyundai-active-color);
+}
+.ofl__calendar__time-item__content {
+  background-color: var(--hyundai-active-color);
+}
+.ofl__calendar-container--in-container {
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) var(--ol-spacing-small);
+}
+.ofl__map__option-item[no-service]::part(base) {
+  background-color: var(--ol-color-neutral-200);
+}
+.ofl__actions--in-container.ofl__actions {
+  gap: var(--ol-spacing-x-small);
+  grid-template-columns: repeat(1, 1fr);
+}
+.ofl__actions__button:not([disabled])::part(base)::before,
+.ofl__map__info-window__continue-button:not([disabled])::part(base)::before {
+  content: "";
+  font-size: 34px;
+  line-height: 58px;
+  display: block;
+  position: absolute;
+  text-align: center;
+  background:
+    rgb(0 60 120) url(https://cdn.onlive.site/assets/hyundai/images/arrow.svg) center / auto 15px
+    no-repeat;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 100%;
+  z-index: 1;
+  overflow: hidden;
+  -webkit-transition: right 0.5s cubic-bezier(0.7, -0.02, 0, 1);
+  transition: right 0.5s cubic-bezier(0.7, -0.02, 0, 1);
+}
+.ofl__actions--in-container .ofl__actions__button:not([disabled])::part(base)::before {
+  line-height: 50px;
+}
+.ofl__actions__button::part(base),
+.ofl__map__info-window__continue-button::part(base) {
+  border: 2px solid var(--ol-color-primary-600);
+}
+.ofl__actions__button:not([disabled]):hover::part(base)::before,
+.ofl__map__info-window__continue-button:not([disabled]):hover::part(base)::before {
+  right: 0;
+}
+.ofl__actions__button[loading]:not([disabled])::part(base)::before {
+  right: 100%;
+}
+.ofl__actions__button[variant="default"]:not([disabled])::part(base)::before {
+  transform: rotate(180deg);
+  color: var(--ol-color-neutral-0);
+}
+.ofl__actions--in-container .ofl__actions__button::part(label) {
+  font-size: 1em;
+  padding: var(--ol-spacing-2x-small) var(--ol-spacing-small);
+}
+.ofl__actions--in-container .ofl__actions__button::part(spinner) {
+  font-size: 1.5em;
+}
+.ofl__map__option-item.ofl__map__option-item--selected:not([disabled])::part(base) {
+  border-color: var(--hyundai-active-color);
+}
+.ofl__map__distance-range__label {
+  line-height: 1.6;
+  color: var(--ol-color-primary-700);
+  font-weight: var(--ol-font-weight-bold);
+}
+.ofl__map:not(.ofl__map--in-container) .ofl__map__map-container {
+  width: 100vw;
+  height: 450px;
+  transform: translateX(calc(292px - 50vw));
+}
+@supports (aspect-ratio: 1 / 1) {
+  .ofl__map:not(.ofl__map--in-container) .ofl__map__map-container {
+    aspect-ratio: auto;
+  }
+}
+
+/* Custom HTML templates */
+.ofl__label p {
+  margin: 0;
+}
+@media only screen and (max-width: 768px) {
+  .ofl__actions__button:not([disabled])::part(base)::before {
+    line-height: 46px;
+  }
+  .ofl__actions--in-container .ofl__actions__button:not([disabled])::part(base)::before {
+    line-height: 40px;
+  }
+  .ofl__map__map-container {
+    transform: translateX(-20px);
+  }
+}
+
+/* Chat Package */
+.och__send__message::part(base),
+.och__send__submit-button::part(base),
+.och__message__form__button::part(base) {
+  border-radius: 0;
+}
+.och__send__message::part(base) {
+  border-color: var(--ol-color-neutral-300);
+}
+.och__message__form__button:not([disabled]):hover::part(base)::before,
+.och__evaluation__button:not([disabled]):hover::part(base)::before,
+.och__chat__restart-button:not([disabled]):hover::part(base)::before {
+  right: 0;
+}
+.och__message__form__button:not([disabled])::part(base)::before,
+.och__evaluation__button:not([disabled])::part(base)::before,
+.och__chat__restart-button:not([disabled])::part(base)::before {
+  content: "";
+  font-size: 34px;
+  line-height: 50px;
+  display: block;
+  position: absolute;
+  background:
+    rgb(0 60 120) url(https://cdn.onlive.site/assets/hyundai/images/arrow.svg) center / auto 15px
+    no-repeat;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 100%;
+  z-index: 1;
+  overflow: hidden;
+  -webkit-transition: right 0.5s cubic-bezier(0.7, -0.02, 0, 1);
+  transition: right 0.5s cubic-bezier(0.7, -0.02, 0, 1);
+}
+.och__message__form__button[variant="default"]:not([disabled])::part(base)::before,
+.och__evaluation__button[variant="default"]:not([disabled])::part(base)::before {
+  transform: rotate(180deg);
+  color: var(--ol-color-neutral-0);
+}
+.och__message__form__button:not([circle])::part(label),
+.och__evaluation__button:not([circle])::part(label),
+.och__dialog__button:not([circle])::part(label) {
+  font-size: 1em;
+  padding: var(--ol-spacing-2x-small) var(--ol-spacing-small);
+}
+.och__message__form__button::part(spinner) .och__evaluation__button::part(spinner) {
+  font-size: 1.5em;
+}
+.och__message--me .och__message__box {
+  border-radius: 4px 4px 0 4px;
+}
+.och__message--other .och__message__box {
+  border-radius: 4px 4px 4px 0;
+}
+.och__send__message::part(textarea) {
+  padding-right: 48px;
+}
+.och__send__submit-button__icon {
+  font-size: 24px;
+}
+.och__send__submit-button:not(circle)::part(label) {
+  padding: var(--ol-spacing-2x-small);
+}
+.och__dialog::part(panel) {
+  border-radius: 0;
+}
+.och__message__report-button--up-vote.och__message__report-button--active::part(base) {
+  color: var(--hyundai-active-color);
+}
+
+/** Extra */
+.video-js .vjs-play-progress {
+  background-color: var(--hyundai-active-color);
+}

package/themes/custom/hyundai.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../hyundai.theme-BATWnkTl.cjs';
+export { s as styles } from '../../hyundai.theme-DNFeBfk4.cjs';

package/themes/custom/hyundai.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../hyundai.theme-BATWnkTl.js';
+export { s as styles } from '../../hyundai.theme-DNFeBfk4.js';

package/themes/custom/hyundai.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 import{css as o}from"lit";var t=o`
 :root,
 :host,

package/themes/custom/italy.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 "use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,o)=>{for(var a in o)l(t,a,{get:o[a],enumerable:!0})},f=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of s(o))!c.call(t,e)&&e!==a&&l(t,e,{get:()=>o[e],enumerable:!(r=i(o,e))||r.enumerable});return t};var p=t=>f(l({},"__esModule",{value:!0}),t);var u={};m(u,{styles:()=>_});module.exports=p(u);var n=require("lit"),_=n.css`
 /**
  * ----------------------------------------------------------------------------------------
@@ -123,6 +123,7 @@
  * ----------------------------------------------------------------------------------------
  * Overrides for light theme, if applicable.
  */
+:host,
 .ol-theme-light {
   --ol-color-primary-50: rgb(240 240 240);
   --ol-color-primary-100: rgb(220 220 220);
@@ -137,25 +138,6 @@
   --ol-color-primary-950: rgb(0 0 0);
 }
 
-/**
- * Dark Theme Override
- * ----------------------------------------------------------------------------------------
- * Overrides for dark theme, if applicable.
- */
-.ol-theme-dark {
-  --ol-color-primary-50: rgb(0 0 0);
-  --ol-color-primary-100: rgb(40 40 40);
-  --ol-color-primary-200: rgb(80 80 80);
-  --ol-color-primary-300: rgb(120 120 120);
-  --ol-color-primary-400: rgb(160 160 160);
-  --ol-color-primary-500: rgb(200 200 200);
-  --ol-color-primary-600: rgb(230 230 230);
-  --ol-color-primary-700: rgb(240 240 240);
-  --ol-color-primary-800: rgb(255 255 255);
-  --ol-color-primary-900: rgb(255 255 255);
-  --ol-color-primary-950: rgb(255 255 255);
-}
-
 /**
  * Default theme properties
  * ----------------------------------------------------------------------------------------
@@ -305,13 +287,11 @@ ol-button::part(label) {
 }
 ol-button::part(spinner) {
   z-index: 1;
+  font-size: 1.5em;
 }
 ol-button:not([disabled]):hover::part(prefix) {
   color: var(--ol-color-neutral-1000);
 }
-ol-button::part(spinner) {
-  font-size: 1.5em;
-}
 ol-textarea::part(base) {
   border-radius: 0;
 }