@onlive.ai/common-121 0.2.179 → 0.2.187

package/themes/custom/cuernavaca.theme.js

@@ -0,0 +1,196 @@
+/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+import{css as o}from"lit";var a=o`
+: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;
+  }
+}
+`;export{a as styles};