@onlive.ai/common-121 0.2.163 → 0.2.184

package/themes/custom/australia.theme.js

@@ -0,0 +1,386 @@
+/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+import{css as o}from"lit";var l=o`
+/**
+ * ----------------------------------------------------------------------------------------
+ * THEME: Australia
+ * ----------------------------------------------------------------------------------------
+ * This theme is designed for the Australia region, featuring a clean and modern design.
+ * It customizes the Onlive UI components to align with specific branding requirements.
+ * ----------------------------------------------------------------------------------------
+ */
+
+/**
+ * Global Variables
+ * ----------------------------------------------------------------------------------------
+ * Defines the main color palette, fonts, and other global settings.
+ */
+: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);
+
+  /* Cupra Events Theme Specific Variables */
+  --cupra-input-success-color: #008a96;
+
+  /* Onlive UI Font and Vars */
+  --ol-font-sans: AudiType, sans-serif;
+  --ol-calendar-day-border-radius: 0;
+  --ol-calendar-day-margin: 2px;
+  --ol-calendar-day-padding: var(--ol-spacing-small) var(--ol-spacing-medium);
+  --ol-input-floating-label-background-color: transparent;
+  --ol-input-floating-label-font-size-medium: var(--ol-font-size-x-small);
+  --ol-input-label-font-size-medium: var(--ol-font-size-small);
+  --ol-input-label-color: var(--ol-color-neutral-800);
+  --ol-input-floating-label-final-position-medium: 0, -14px;
+}
+
+/**
+ * Page Layout
+ * ----------------------------------------------------------------------------------------
+ * Styles for the main page structure and installation layout.
+ */
+.oip__page__content .oip__page__installation {
+  height: 100%;
+  width: 100%;
+  margin: 0 auto;
+  padding: 0;
+}
+
+/**
+ * Onlive UI Components
+ * ----------------------------------------------------------------------------------------
+ * Custom styles for the base Onlive UI components.
+ */
+ol-button::part(base) {
+  border-radius: 0;
+}
+ol-button::part(label) {
+  padding: var(--ol-spacing-2x-small) var(--ol-spacing-x-large);
+}
+ol-button::part(spinner) {
+  font-size: 1.5em;
+}
+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);
+}
+ol-input {
+  --ol-input-border-radius-small: 0;
+  --ol-input-border-radius-medium: 0;
+  --ol-input-border-radius-large: 0;
+}
+ol-input::part(base) {
+  border-color: transparent;
+  border-bottom-color: var(--ol-color-neutral-900);
+  background-color: transparent;
+  box-shadow: none;
+}
+
+/**
+ * Flow Package Styles
+ * ----------------------------------------------------------------------------------------
+ * Specific style adjustments for the Flow package components.
+ */
+.ofl__widget {
+  width: calc(100vw - 2 * var(--ol-spacing-x-small));
+  max-width: 100%;
+}
+.ofl__flow {
+  width: 100%;
+  max-width: 600px;
+  margin: 0 auto;
+}
+.ofl__flow__stages.ofl__flow__stages--top {
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__flow__actions--bottom {
+  margin-top: var(--ol-spacing-2x-large);
+}
+.ofl__actions__button {
+  width: max-content;
+}
+.ofl__actions--bottom .ofl__actions__button {
+  margin: 0 auto;
+}
+.ofl__actions--top .ofl__actions__button::part(base) {
+  border: none;
+}
+.ofl__actions--top .ofl__actions__button::part(label) {
+  padding-left: var(--ol-spacing-small);
+}
+.ofl__actions--top .ofl__actions__button {
+  width: max-content;
+}
+.ofl__form > :not(:first-child) {
+  margin-top: var(--ol-spacing-large);
+}
+.ofl__form__field + .ofl__form__field[component="input"] {
+  margin-top: var(--ol-spacing-x-large);
+}
+.ofl__input::part(form-control),
+.ofl__input::part(form-control-label),
+.ofl__input::part(input) {
+  padding: 0;
+}
+.ofl__input--prefix {
+  margin: 0 var(--ol-spacing-2x-small) 0 0;
+}
+.ofl__input--success::part(base) {
+  border-bottom-color: var(--cupra-input-success-color);
+}
+.ofl__input--error::part(base),
+.ofl__input--error:focus::part(base) {
+  border-color: transparent;
+  border-bottom-color: var(--ol-color-danger-600);
+}
+.ofl__carousel__label {
+  text-align: center;
+  width: 100%;
+}
+.ofl__carousel__item-container {
+  flex-direction: column-reverse;
+}
+.ofl__carousel__item-label {
+  line-height: 1;
+  font-size: var(--ol-font-size-large);
+  margin: var(--ol-spacing-x-large) auto -10px;
+}
+.ofl__calendar__calendar-skeleton {
+  --border-radius: 0;
+}
+.ofl__calendar__time-item__content {
+  border-radius: 0;
+}
+.ofl__map__search-form {
+  gap: var(--ol-spacing-large);
+}
+.ofl__map.ofl__map--small .ofl__map__search-form,
+.ofl__map.ofl__map--medium .ofl__map__search-form {
+  flex-direction: row;
+  gap: var(--ol-spacing-small);
+  margin-bottom: var(--ol-spacing-small);
+  align-items: end;
+  flex-wrap: wrap;
+}
+.ofl__map__search-input {
+  flex: 1;
+}
+.ofl__map__search-button-outside {
+  margin: 0;
+}
+.ofl__map__search-suffix-icon {
+  margin: 0;
+}
+.ofl__map__distance-range::part(input) {
+  --thumb-border-radius: 0;
+}
+.ofl__map__distance-range__label {
+  font-weight: var(--ol-font-weight-bold);
+}
+.ofl__map__location-button {
+  margin: 0;
+}
+.ofl__map__location-empty {
+  flex-direction: column;
+  text-align: left;
+  align-items: start;
+  color: var(--ol-color-neutral-800);
+  background: transparent;
+  padding: 0;
+  gap: 0;
+}
+.ofl__map__location-empty h3 {
+  font-size: var(--ol-font-size-large);
+  color: var(--ol-color-neutral-600);
+  margin: var(--ol-spacing-small) 0;
+  line-height: var(--ol-line-height-denser);
+}
+.ofl__map__location-empty p {
+  line-height: var(--ol-line-height-dense);
+  margin: var(--ol-spacing-2x-small) 0;
+}
+
+/**
+ * Custom Styles (OLCS)
+ * ----------------------------------------------------------------------------------------
+ * Specific styles for the custom components in the confirmation section.
+ */
+.olcs__card {
+  display: flex;
+  justify-content: space-between;
+  padding: var(--ol-spacing-x-small);
+  background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgb(244 245 248) 100%);
+}
+.olcs__card + .olcs__card {
+  margin-top: var(--ol-spacing-x-small);
+}
+.olcs__model {
+  text-align: center;
+  margin: 0 auto 0 0;
+}
+.olcs__model-image {
+  height: 80px;
+  width: auto;
+}
+.olcs__model-name {
+  line-height: 1;
+  color: var(--ol-color-neutral-700);
+}
+.olcs__dealer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--ol-spacing-3x-small);
+  text-align: right;
+  margin-right: var(--ol-spacing-x-small);
+  margin-left: auto;
+}
+.olcs__dealer-name {
+  font-weight: var(--ol-font-weight-bold);
+}
+.olcs__dealer-address,
+.olcs__dealer-phone {
+  font-size: var(--ol-font-size-small);
+  color: var(--ol-color-neutral-700);
+}
+.olcs__datetime {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  padding: var(--ol-spacing-x-small) var(--ol-spacing-medium);
+  justify-content: space-between;
+}
+.olcs__datetime-icon {
+  font-size: 2em;
+  color: var(--ol-color-neutral-700);
+  margin: 0 var(--ol-spacing-2x-large);
+}
+.olcs__datetime-date {
+  text-align: right;
+  font-weight: var(--ol-font-weight-bold);
+  font-size: var(--ol-font-size-small);
+}
+.olcs__customer {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  padding: var(--ol-spacing-x-small) var(--ol-spacing-medium);
+  justify-content: space-between;
+}
+.olcs__customer-details {
+  text-align: right;
+}
+.olcs__customer-icon {
+  font-size: 2em;
+  color: var(--ol-color-neutral-700);
+  margin: 0 var(--ol-spacing-2x-large);
+}
+.olcs__customer-name {
+  font-weight: var(--ol-font-weight-bold);
+}
+.olcs__customer-email,
+.olcs__customer-phone {
+  color: var(--ol-color-neutral-700);
+}
+.olcs__mega-icon {
+  font-size: var(--ol-font-size-3x-large);
+  color: var(--ol-color-success-500);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--ol-spacing-x-large) 0;
+}
+.olcs__label {
+  text-align: center;
+  font-size: var(--ol-font-size-medium);
+  margin: var(--ol-spacing-large) 0 var(--ol-spacing-2x-large) 0;
+}
+.olcs__label--no-margin-top {
+  margin-top: 0;
+}
+.olcs__label--no-margin-bottom {
+  margin-bottom: 0;
+}
+
+/**
+ * Mobile Adjustments
+ * ----------------------------------------------------------------------------------------
+ * Responsive adjustments for mobile devices (max-width: 768px).
+ */
+@media only screen and (max-width: 768px) {
+  :root,
+  :host,
+  .ol-theme-light {
+    --ol-calendar-day-padding: var(--ol-spacing-x-small) var(--ol-spacing-small);
+  }
+  .ofl__widget {
+    width: 100vw;
+  }
+  .ofl__map__search-form {
+    flex-direction: column;
+  }
+  .ofl__flow__actions--bottom {
+    margin-top: var(--ol-spacing-large);
+  }
+  .ofl__actions--bottom .ofl__actions__button,
+  .ofl__map__search-button-outside {
+    width: 100%;
+  }
+  .olcs__label {
+    font-size: var(--ol-font-size-medium);
+  }
+  .olcs__card {
+    flex-direction: column;
+    gap: var(--ol-spacing-medium);
+    text-align: center;
+  }
+  .olcs__model {
+    text-align: center;
+    margin: 0 auto;
+  }
+  .olcs__dealer {
+    text-align: center;
+    margin-left: 0;
+  }
+  .olcs__datetime {
+    gap: var(--ol-spacing-2x-large);
+  }
+  .olcs__datetime-icon {
+    font-size: 1.5em;
+    margin: 0;
+  }
+  .olcs__datetime-date {
+    font-size: var(--ol-font-size-small);
+    line-height: var(--ol-line-height-dense);
+    max-width: 180px;
+  }
+  .olcs__customer {
+    gap: var(--ol-spacing-2x-large);
+  }
+  .olcs__customer-icon {
+    font-size: 1.75em;
+    margin: 0;
+  }
+  .olcs__customer-details {
+    font-size: var(--ol-font-size-small);
+  }
+}
+`;export{l as styles};

package/themes/custom/cuernavaca.theme.cjs

@@ -0,0 +1,196 @@
+/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var p=(l,o)=>{for(var t in o)r(l,t,{get:o[t],enumerable:!0})},s=(l,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of _(o))!f.call(l,a)&&a!==t&&r(l,a,{get:()=>o[a],enumerable:!(e=n(o,a))||e.enumerable});return l};var c=l=>s(r({},"__esModule",{value:!0}),l);var m={};p(m,{styles:()=>d});module.exports=c(m);var i=require("lit"),d=i.css`
+:root,
+:host,
+.ol-theme-light {
+  --theme-magimix-primary: #2e6ccf;
+  --theme-magimix-primary-dark: #334e8b;
+
+  /* Palette */
+  --ol-color-primary-50: rgb(248 249 251);
+  --ol-color-primary-100: rgb(233 236 243);
+  --ol-color-primary-200: rgb(217 222 233);
+  --ol-color-primary-300: rgb(199 207 223);
+  --ol-color-primary-400: rgb(176 186 210);
+  --ol-color-primary-500: #475f96;
+  --ol-color-primary-600: #334e8b;
+  --ol-color-primary-700: rgb(85 107 158);
+  --ol-color-primary-800: rgb(62 88 145);
+  --ol-color-primary-900: rgb(40 62 110);
+  --ol-color-primary-950: rgb(25 38 68);
+  --ol-input-floating-label-final-position-medium: 0, -16px;
+
+  /* Onlive UI Font and Vars */
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 25px;
+}
+
+/* Onlive UI Components */
+ol-button::part(base) {
+  border-radius: var(--ol-border-radius-pill);
+}
+ol-button::part(label) {
+  font-size: 14px;
+  padding: var(--ol-spacing-3x-small) var(--ol-spacing-large);
+}
+ol-button[variant="primary"]::part(label),
+ol-button[variant="default"]::part(label) {
+  font-weight: 700;
+}
+ol-input::part(base) {
+  border-radius: 10px;
+}
+ol-button::part(spinner) {
+  font-size: var(--ol-font-size-large);
+}
+ol-input::part(form-control-label),
+ol-textarea::part(form-control-label),
+ol-radio::part(form-control-label),
+ol-select::part(form-control-label),
+ol-radio-group::part(form-control-label) {
+  font-size: var(--ol-font-size-medium);
+  font-weight: var(--ol-font-weight-bold);
+}
+
+/* Onlive Chatbot Components */
+.ocb__widget {
+  font-size: var(--ol-font-size-medium);
+}
+.ocb__header__logo {
+  height: 25px;
+}
+.och__send__shortcut-button[variant="default"]::part(label) {
+  font-weight: var(--ol-font-weight-normal);
+}
+.ocb__button .ocb__button__badge--visible {
+  inset: 2px 2px auto auto;
+}
+.ocb__button .ocb__button__badge--visible::part(base) {
+  color: var(--ol-color-red-500);
+  background-color: var(--ol-color-red-500);
+  font-size: 5px;
+}
+.ocb__button--tooltip::part(base__popup),
+.ocb__button--tooltip::part(base__arrow) {
+  border: 1px solid rgb(221, 221, 221);
+  background-image: linear-gradient(120deg, #fdfbfb 0%, #f3fdff 100%);
+}
+.ocb__button--tooltip::part(body) {
+  background-image: linear-gradient(120deg, #fdfbfb 0%, #f3fdff 100%);
+}
+.ocb__tooltip-content {
+  color: #464647;
+  font-size: var(--ol-font-size-small);
+}
+
+/* Onlive Flow Components */
+.ofl__actions__button {
+  min-width: 120px;
+}
+.ofl__carousel__label,
+.ofl__calendar__label {
+  font-size: var(--ol-font-size-medium);
+  font-weight: var(--ol-font-weight-bold);
+  margin-bottom: var(--ol-spacing-small);
+}
+.ofl__calendar-container--in-container {
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 14px;
+}
+.ofl__flow--in-container {
+  overflow: hidden auto;
+  height: auto;
+}
+
+.ofl__flow--in-container .ofl__flow__description {
+  font-size: var(--ol-font-size-medium);
+  font-weight: var(--ol-font-weight-bold);
+}
+.ofl__flow__title {
+  font-size: var(--ol-font-size-large);
+  color: var(--ol-color-neutral-700);
+}
+.ofl__flow--in-container .ofl__flow__title {
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__form__field {
+  padding: var(--ol-spacing-small) 0px;
+}
+.ofl__form--in-container .ofl__form__field {
+  padding: 0px;
+}
+.ofl__radio__radio + .ofl__radio__radio {
+  margin-top: var(--ol-spacing-x-small);
+}
+.ofl__actions.ofl__actions--in-container {
+  gap: var(--ol-spacing-x-small);
+  margin-bottom: var(--ol-spacing-large);
+}
+.olcs__central-icon {
+  font-size: 90px;
+  margin: 110px auto;
+  display: block;
+  color: var(--ol-color-neutral-600);
+}
+.olcs__mega-icon {
+  font-size: var(--ol-font-size-2x-large);
+  color: var(--ol-color-neutral-950);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--ol-spacing-small) auto;
+}
+.ofl__rating {
+  --symbol-size: 35px;
+  --symbol-spacing: 5px;
+}
+.ofl__flow--step-appointmentCancellation,
+.ofl__flow--step-surveyForm {
+  height: calc(100dvh - 40px);
+  display: flex;
+  justify-content: center;
+}
+.ofl__flow--step-appointmentCancellation .ofl__flow__title,
+.ofl__flow--step-surveyForm .ofl__flow__title,
+.ofl__flow--step-surveyAlreadyVoted .ofl__flow__title,
+.ofl__flow--step-surveyThankYouPage .ofl__flow__title {
+  text-transform: uppercase;
+  font-size: var(--ol-font-size-2x-large);
+  color: #334e8b;
+}
+.olcs__label {
+  font-size: var(--ol-font-size-medium);
+  margin: var(--ol-spacing-small) 0;
+}
+.olcs__row__text {
+  display: flex;
+  align-items: center;
+  gap: var(--ol-spacing-small);
+  background-color: #e6f3fe;
+  border: 1px solid #fff;
+  padding: var(--ol-spacing-x-small) var(--ol-spacing-small);
+}
+
+.olcs__row__text h4 {
+  max-width: 130px;
+  border-right: 1px solid #fff;
+}
+
+.olcs__row__text h4,
+.olcs__row__text p {
+  flex: 1;
+  margin: 0;
+}
+
+@media only screen and (max-width: 768px) {
+  :root,
+  :host,
+  .ol-theme-light {
+    --ol-calendar-day-padding: var(--ol-spacing-x-small) 16px;
+  }
+  .ocb__tooltip-content {
+    font-size: 12px;
+  }
+  .ocb__button--tooltip::part(body) {
+    max-width: 220px;
+  }
+}
+`;0&&(module.exports={styles});

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

@@ -0,0 +1,3 @@
+/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+import 'lit';
+export { s as styles } from '../../cuernavaca.theme-0UFX1MeG.cjs';

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

@@ -0,0 +1,3 @@
+/*! @onlive.ai/common-121 v0.2.184 | © 2026 Onlive.ai */
+import 'lit';
+export { s as styles } from '../../cuernavaca.theme-0UFX1MeG.js';