@onlive.ai/common-121 0.2.199 → 0.2.228

package/themes/custom/audi.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.199 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.228 | © 2026 Onlive.ai */
 "use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var c=(l,o)=>{for(var a in o)r(l,a,{get:o[a],enumerable:!0})},d=(l,o,a,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of s(o))!_.call(l,t)&&t!==a&&r(l,t,{get:()=>o[t],enumerable:!(e=i(o,t))||e.enumerable});return l};var p=l=>d(r({},"__esModule",{value:!0}),l);var m={};c(m,{styles:()=>g});module.exports=p(m);var n=require("lit"),g=n.css`
 /**
  * Audi Theme for Onlive Flow Components
@@ -102,9 +102,11 @@
 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;
 }
@@ -120,6 +122,7 @@ ol-input {
   --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);
@@ -157,9 +160,11 @@ ol-select::part(combobox) {
   box-shadow: none;
   padding: 0;
 }
+
 ol-select::part(listbox) {
   border-radius: 0;
 }
+
 ol-select::part(expand-icon) {
   display: none;
 }
@@ -172,6 +177,7 @@ ol-select::part(expand-icon) {
 ol-carousel::part(pagination) {
   gap: var(--ol-spacing-x-small);
 }
+
 ol-carousel::part(pagination-item) {
   border-radius: 0;
   height: var(--ol-spacing-2x-small);
@@ -187,6 +193,7 @@ ol-carousel::part(pagination-item) {
 ol-checkbox::part(control) {
   border-color: var(--ol-color-neutral-700);
 }
+
 ol-checkbox::part(checked-icon) {
   color: var(--ol-color-neutral-1000);
   background-color: var(--ol-color-neutral-0);
@@ -215,6 +222,7 @@ ol-tooltip::part(body) {
 ol-details::part(summary-icon) {
   rotate: 90deg;
 }
+
 ol-details[open]::part(summary-icon) {
   rotate: -90deg;
 }
@@ -267,15 +275,19 @@ label {
   font-size: var(--ol-font-size-small);
   font-stretch: expanded;
 }
+
 .ofl__flow__stages.ofl__flow__stages--top {
   margin-bottom: var(--ol-spacing-x-large);
 }
+
 .ofl__stages__step {
   font-weight: var(--ol-font-weight-normal);
 }
+
 .ofl__flow__actions--top {
   margin-bottom: var(--ol-spacing-2x-large);
 }
+
 .ofl__flow__actions--bottom {
   margin-top: var(--ol-spacing-2x-large);
 }
@@ -307,21 +319,22 @@ label {
   min-width: calc(var(--ol-spacing-medium) * 9);
   justify-self: start;
 }
+
 .ofl__actions__button::part(label) {
   font-weight: var(--ol-font-weight-normal);
 }
+
 .ofl__actions__button[variant="default"]::part(base) {
   color: var(--ol-color-neutral-1000);
   background-color: transparent;
   border-color: var(--ol-color-neutral-900);
 }
+
 .ofl__actions__button[variant="default"]:hover::part(base) {
   color: var(--ol-color-neutral-600);
   border-color: var(--ol-color-neutral-500);
 }
-.ofl__actions > :last-child {
-  justify-self: end;
-}
+
 .ofl__actions > :last-child:nth-child(odd) {
   grid-column-start: -1;
 }
@@ -336,13 +349,16 @@ label {
   margin: var(--ol-spacing-x-large) 0 0;
   align-items: flex-start;
 }
+
 .ofl__error-content {
   align-items: flex-start;
 }
+
 .ofl__error-message {
   flex: 1;
   line-height: 1.6;
 }
+
 .ofl__error-message h3 {
   font-size: var(--ol-font-size-2x-large);
   font-weight: var(--ol-font-weight-light);
@@ -350,29 +366,36 @@ label {
   margin-bottom: var(--ol-spacing-large);
   font-stretch: expanded;
 }
+
 .ofl__error-message p {
   line-height: 1.6;
   margin-bottom: var(--ol-spacing-large);
 }
+
 .ofl__error__actions {
   width: 100%;
 }
+
 .ofl__actions--error {
   display: flex;
 }
+
 .ofl__actions--error .ofl__actions__button {
   flex: 1;
 }
+
 .ofl__error--step-validation .ofl__error-icon,
 .ofl__error--step-loading .ofl__error-icon,
 .ofl__error--field-loading .ofl__error-icon {
   width: 3em;
   height: 3em;
 }
+
 .ofl__error--field-loading {
   align-items: center;
   margin: var(--ol-spacing-x-large) 0 var(--ol-spacing-2x-large);
 }
+
 .ofl__error--field-loading .ofl__error-content {
   flex-direction: column;
   align-items: center;
@@ -389,9 +412,11 @@ label {
 .ofl__calendar__calendar::part(base) {
   width: 100%;
 }
+
 .ofl__calendar__calendar::part(header-content) {
   padding: 0 var(--ol-spacing-x-large);
 }
+
 .ofl__calendar__calendar-skeleton,
 .ofl__calendar__time-item__content,
 .ofl__map__distance-range::part(input) {
@@ -399,47 +424,59 @@ label {
   --border-radius: 0;
   --thumb-border-radius: 0;
 }
+
 .ofl__calendar__label,
 .ofl__calendar__time-label {
   font-stretch: expanded;
   font-weight: var(--ol-font-weight-bold);
 }
+
 .ofl__calendar__time-label {
   font-size: var(--ol-font-size-large);
   margin: var(--ol-spacing-2x-large) 0 var(--ol-spacing-small);
 }
+
 .ofl__calendar__time-item {
   width: 100%;
 }
+
 .ofl__calendar__time-list--list {
   max-width: 100%;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button__label) {
   font-weight: var(--ol-font-weight-normal);
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button),
 .ofl__calendar__time-item__content,
 .ofl__calendar__time-list--list
   .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button)::after {
   border-radius: 0;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button) {
   border-color: var(--ol-color-neutral-400);
   min-height: 40px;
 }
+
 .ofl__calendar__time-list--list::part(button-group) {
   width: 100%;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item:hover::part(button) {
   border-color: var(--ol-color-primary-900);
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item[checked]::part(button) {
   border-color: transparent;
 }
+
 .ofl__calendar__time-list--list
   .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button)::after {
   border: 1px solid var(--ol-color-primary-900);
 }
+
 .ofl__calendar__time-list--list[size="small"]::part(button-group__base) {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -462,23 +499,28 @@ label {
 .ofl__map.ofl__map--small .ofl__map__search-form {
   margin-bottom: var(--ol-spacing-x-large);
 }
+
 .ofl__map .ofl__map__search-form > :not(:first-child),
 .ofl__map.ofl__map--small .ofl__map__search-form > :not(:first-child) {
   margin-top: var(--ol-spacing-x-large);
 }
+
 .ofl__map__search-button-outside {
   align-self: flex-end;
   margin-top: var(--ol-spacing-small) 12px;
   width: calc(var(--ol-spacing-medium) * 9);
 }
+
 .ofl__map__location-button {
   font-size: var(--ol-font-size-large);
   padding-inline-start: var(--ol-spacing-x-small);
 }
+
 .ofl__map__search-prefix-icon {
   font-size: var(--ol-font-size-x-large);
   padding-inline-end: var(--ol-spacing-medium);
 }
+
 .ofl__map__search-input,
 .ofl__input {
   --ol-input-spacing-medium: 0;
@@ -489,19 +531,23 @@ label {
   --ol-input-floating-label-color: var(--ol-color-neutral-700);
   --ol-input-placeholder-color: var(--ol-color-neutral-700);
 }
+
 .ofl__input__error-message {
   gap: var(--ol-spacing-x-small);
   line-height: var(--ol-line-height-loose);
   font-size: var(--ol-font-size-small);
 }
+
 .ofl__map__options-title {
   font-stretch: ultra-expanded;
   font-size: var(--ol-font-size-medium);
 }
+
 .ofl__map__option-item__description,
 .ofl__map__option-item__distance {
   color: var(--ol-color-primary-700);
 }
+
 .ofl__map__option-item__distance {
   margin-bottom: var(--ol-spacing-2x-small);
 }
@@ -515,16 +561,20 @@ label {
 .ofl__radio-button__group {
   text-align: center;
 }
+
 .ofl__radio-button__button + .ofl__radio-button__button::part(base) {
   margin-left: var(--ol-spacing-small);
 }
+
 .ofl__radio-button__button::part(button) {
   border-radius: 0;
 }
+
 .ofl__radio-button__button__content {
   flex-direction: column;
   padding: var(--ol-spacing-large);
 }
+
 .ofl__radio-button__label {
   line-height: 1;
 }
@@ -537,6 +587,7 @@ label {
 .ofl__form__field + .ofl__form__field[component="input"] {
   margin-top: var(--ol-spacing-x-large);
 }
+
 .ofl__input--error::part(base),
 .ofl__textarea--error::part(base),
 .ofl__input--error:focus::part(base),
@@ -585,34 +636,43 @@ label {
   font-size: var(--ol-font-size-x-large);
   margin: 0;
 }
+
 .olcs__label--spacing-top-x-large {
   margin-top: var(--ol-spacing-x-large);
 }
+
 .olcs__label--spacing-bottom-x-large {
   margin-bottom: var(--ol-spacing-x-large);
 }
+
 .olcs__label--spacing-top-small {
   margin-top: var(--ol-spacing-small);
 }
+
 .olcs__label-description {
   font-size: var(--ol-font-size-medium);
   margin-block: 0;
 }
+
 .olcs__label-description + .olcs__label-description {
   margin-top: var(--ol-spacing-medium);
 }
+
 .olcs__label-description a {
   color: var(--ol-color-neutral-800);
 }
+
 .olcs__note {
   font-size: var(--ol-font-size-x-small);
   color: var(--ol-color-neutral-600);
   margin: 0;
 }
+
 .olcs__help-icon {
   cursor: help;
   margin-left: var(--ol-spacing-small);
 }
+
 .olcs__grid {
   display: grid;
   grid-auto-flow: column;
@@ -621,21 +681,26 @@ label {
   gap: var(--ol-spacing-x-large);
   margin: var(--ol-spacing-x-large) 0;
 }
+
 .olcs__row {
   display: flex;
   align-items: center;
 }
+
 .olcs__row > *:not(:first-child) {
   margin-left: var(--ol-spacing-large);
 }
+
 .olcs__row img {
   width: 32px;
   height: 32px;
 }
+
 .olcs__row__text h4,
 .olcs__row__text p {
   margin: var(--ol-spacing-2x-small) 0;
 }
+
 .olcs__row__text h4 {
   font-size: var(--ol-font-size-small);
   font-weight: var(--ol-font-weight-bold);
@@ -694,26 +759,34 @@ label {
     display: flex;
     flex-direction: column-reverse;
   }
+
   .ofl__actions > *:not(:first-child) {
     margin-bottom: var(--ol-spacing-x-small);
   }
+
   .ofl__actions--top .ofl__actions__button::part(base) {
     border: none;
     padding: 0;
   }
+
   .ofl__actions--top .ofl__actions__button::part(label) {
     padding: var(--ol-spacing-2x-small);
   }
+
   .ofl__actions--top .ofl__actions__button::part(prefix) {
     font-size: 1.75em;
     margin-left: calc(var(--ol-spacing-x-small) * -1);
   }
+
   .ofl__actions--top .ofl__actions__button {
     width: max-content;
   }
+
+  .ofl__actions--bottom .ofl__actions__item,
   .ofl__actions--bottom .ofl__actions__button {
     width: 100%;
   }
+
   .ofl__actions--bottom > :last-child:nth-child(odd) {
     grid-column-start: 1;
   }
@@ -727,14 +800,17 @@ label {
   .ofl__error-content {
     flex-direction: column;
   }
+
   .ofl__error--step-validation .ofl__error-content,
   .ofl__error--step-loading .ofl__error-content {
     align-items: center;
     text-align: center;
   }
+
   .ofl__actions--error {
     flex-direction: column;
   }
+
   .ofl__error-message h3 {
     font-size: var(--ol-font-size-x-large);
   }