@onlive.ai/common-121 0.2.179 → 0.2.184

package/themes/custom/cupra.theme.js

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