@onlive.ai/common-121 0.2.187 → 0.2.191

package/themes/custom/cupra.theme.css

@@ -0,0 +1,144 @@
+:root,
+:host,
+.ol-theme-light {
+  /* Onlive UI Palette */
+  --ol-color-primary-50: rgb(240 240 240);
+  --ol-color-primary-100: rgb(220 220 220);
+  --ol-color-primary-200: rgb(150 150 150);
+  --ol-color-primary-300: rgb(100 100 100);
+  --ol-color-primary-400: rgb(80 80 80);
+  --ol-color-primary-500: rgb(60 60 60);
+  --ol-color-primary-600: rgb(40 40 40);
+  --ol-color-primary-700: rgb(0 0 0);
+  --ol-color-primary-800: rgb(0 0 0);
+  --ol-color-primary-900: rgb(0 0 0);
+  --ol-color-primary-950: rgb(0 0 0);
+
+  /* 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-small);
+}
+
+/* Onlive UI Components */
+ol-button::part(base) {
+  border-radius: 0;
+}
+ol-button::part(label) {
+  padding: var(--ol-spacing-2x-small) var(--ol-spacing-medium);
+}
+ol-button::part(spinner) {
+  font-size: 1.5em;
+}
+ol-input::part(base) {
+  border-radius: 0;
+}
+ol-textarea::part(base) {
+  border-radius: 0;
+}
+ol-carousel::part(pagination) {
+  gap: var(--ol-spacing-x-small);
+}
+ol-carousel::part(pagination-item) {
+  border-radius: 0;
+  height: var(--ol-spacing-2x-small);
+  width: var(--ol-spacing-medium);
+}
+
+/* Chatbot App */
+.ocb__header__logo {
+  height: 24px;
+}
+.ocb__header__maximize-button::part(base),
+.ocb__header__minimize-button::part(base),
+.ocb__widget__panel,
+.ocb__hint {
+  border-radius: 0;
+}
+
+/* Chat Package */
+.och__send__message::part(base),
+.och__message__form__button::part(base),
+.och__send__submit-button::part(base) {
+  border-radius: 0;
+}
+.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__message__box a {
+  color: var(--ol-color-blue-600);
+}
+
+/* Flow Package */
+.ofl__map__distance-range::part(input) {
+  --thumb-border-radius: 0;
+}
+.ofl__calendar__calendar-skeleton {
+  --border-radius: 0;
+}
+.ofl__calendar__time-item__content {
+  border-radius: 0;
+}
+
+/* Custom steps styling */
+.ofl__flow--step-actionSelection,
+.ofl__flow--step-datetimeSelection,
+.ofl__flow--step-appointmentCancellation,
+.ofl__flow--step-cancellationSuccess,
+.ofl__flow--step-cancellationFailed,
+.ofl__flow--step-rescheduleSuccess,
+.ofl__flow--step-rescheduleFailed {
+  width: calc(50vw - 108px);
+  padding: 20px 50px;
+  overflow: auto;
+  max-height: calc(100vh - 40px);
+}
+
+/* Custom styles */
+.olcs__subtitle {
+  font-size: var(--ol-font-size-medium);
+  margin-block: 0;
+}
+.olcs__card {
+  background-color: var(--ol-color-neutral-100);
+  padding: var(--ol-spacing-small);
+  border: 1px solid var(--ol-color-neutral-500);
+  margin-bottom: var(--ol-spacing-medium);
+}
+.olcs__table tr td:first-child {
+  font-weight: var(--ol-font-weight-bold);
+  margin-right: var(--ol-spacing-2x-small);
+}
+.olcs__table tr td ol-icon {
+  margin-right: var(--ol-spacing-x-small);
+}
+.olcs__table tr td {
+  display: inline-flex;
+  align-items: center;
+}
+
+/**
+ * Mobile Responsive Adjustments
+ * -----------------------------
+ * Calendar component adjustments for mobile devices (768px and below)
+ */
+@media only screen and (max-width: 768px) {
+  /* Custom steps styling */
+  .ofl__flow--step-actionSelection,
+  .ofl__flow--step-datetimeSelection,
+  .ofl__flow--step-appointmentCancellation,
+  .ofl__flow--step-cancellationSuccess,
+  .ofl__flow--step-cancellationFailed,
+  .ofl__flow--step-rescheduleSuccess,
+  .ofl__flow--step-rescheduleFailed {
+    position: fixed;
+    inset: 0;
+    background: #ffffff;
+    width: calc(100% - 100px);
+    padding: 20px 50px;
+    overflow: auto;
+  }
+}

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

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

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

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

package/themes/custom/cupra.theme.js

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

package/themes/custom/germany.theme.cjs

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