@onlive.ai/common-121 0.2.198 → 0.2.227

package/themes/custom/audi-dark.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
 "use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var c=(l,o)=>{for(var r in o)t(l,r,{get:o[r],enumerable:!0})},p=(l,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of s(o))!_.call(l,a)&&a!==r&&t(l,a,{get:()=>o[a],enumerable:!(e=i(o,a))||e.enumerable});return l};var d=l=>p(t({},"__esModule",{value:!0}),l);var m={};c(m,{styles:()=>g});module.exports=d(m);var n=require("lit"),g=n.css`
 /**
  * Audi Dark Theme for Onlive Flow Components
@@ -130,9 +130,11 @@
 ol-button::part(base) {
   border-radius: var(--ol-border-radius-pill);
 }
+
 ol-button[size="medium"]::part(base) {
   line-height: 48px;
 }
+
 ol-button[variant="primary"]::part(base) {
   background-color: var(--audi-active-color);
   color: var(--ol-color-neutral-800);
@@ -141,10 +143,12 @@ ol-button[variant="primary"]::part(base) {
   font-size: var(--ol-font-size-medium);
   border: none;
 }
+
 ol-button::part(label) {
   padding: 0 var(--ol-spacing-x-large);
   font-family: AudiType, sans-serif;
 }
+
 ol-button::part(spinner) {
   font-size: 1.5em;
 }
@@ -161,13 +165,16 @@ ol-input::part(base) {
   border-color: var(--ol-color-neutral-500);
   min-height: 48px;
 }
+
 ol-input::part(input) {
   min-height: 48px;
   color: var(--ol-color-neutral-900);
 }
+
 ol-input::part(input)::placeholder {
   color: var(--ol-color-neutral-600);
 }
+
 ol-input::part(form-control-label) {
   width: 100%;
   margin-bottom: var(--ol-spacing-x-small);
@@ -184,6 +191,7 @@ ol-textarea::part(base) {
   border-color: var(--ol-color-neutral-500);
   background-color: transparent;
 }
+
 ol-textarea::part(form-control-label) {
   margin-bottom: var(--ol-spacing-x-small);
 }
@@ -209,12 +217,15 @@ ol-select::part(combobox) {
   background-color: transparent;
   min-height: 48px;
 }
+
 ol-select::part(expand-icon) {
   color: var(--ol-color-neutral-700);
 }
+
 ol-select::part(form-control-label) {
   margin-bottom: var(--ol-spacing-x-small);
 }
+
 ol-select::part(display-input) {
   font-family: var(--ol-font-sans);
 }
@@ -229,9 +240,11 @@ ol-checkbox::part(control) {
   background: transparent;
   border-color: var(--ol-color-neutral-600);
 }
+
 ol-checkbox::part(checked-icon) {
   color: var(--ol-color-neutral-600);
 }
+
 ol-checkbox::part(label) {
   font-family: var(--ol-font-sans);
   line-height: 24px;
@@ -270,10 +283,12 @@ ol-tooltip::part(body) {
     rgba(0, 0, 0, 0.07) 0px 8px 8px,
     rgba(0, 0, 0, 0.07) 0px 16px 16px;
 }
+
 ol-tooltip::part(base__arrow) {
   scale: 1.2;
   background: linear-gradient(#37404e, #2c343f);
 }
+
 ol-tooltip::part(base__popup) {
   border-radius: var(--audi-border-radius-large);
 }
@@ -287,6 +302,7 @@ ol-tooltip::part(base__popup) {
 ol-details::part(summary-icon) {
   rotate: 90deg;
 }
+
 ol-details[open]::part(summary-icon) {
   rotate: -90deg;
 }
@@ -322,9 +338,11 @@ label {
 .ofl__flow {
   max-width: 528px;
 }
+
 .ofl__flow {
   margin: 0 auto;
 }
+
 .ofl__flow--theme-dark .ofl__flow__loading-overlay {
   background: transparent;
 }
@@ -342,6 +360,7 @@ label {
   line-height: var(--ol-line-height-dense);
   margin: 0 0 var(--ol-spacing-small);
 }
+
 .ofl__flow__description {
   margin-bottom: var(--ol-spacing-3x-large);
 }
@@ -355,15 +374,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);
 }
@@ -386,12 +409,11 @@ label {
   min-width: calc(var(--ol-spacing-medium) * 9);
   justify-self: start;
 }
-.ofl__actions > :last-child {
-  justify-self: end;
-}
+
 .ofl__actions > :last-child:nth-child(odd) {
   grid-column-start: -1;
 }
+
 .ofl__actions__button--type-back::part(base) {
   background: transparent;
 }
@@ -406,13 +428,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);
@@ -420,23 +445,29 @@ 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--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;
@@ -453,50 +484,63 @@ label {
 .ofl__calendar__calendar::part(base) {
   width: 100%;
 }
+
 .ofl__calendar__calendar::part(header-content) {
   padding: 0 var(--ol-spacing-x-large);
 }
+
 .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) {
   min-height: 50px;
   border-color: transparent;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(label) {
   font-size: var(--ol-font-size-small);
   font-weight: var(--ol-font-weight-normal);
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item[checked]::part(button) {
   color: var(--ol-color-neutral-900);
   background-color: rgb(44 51 63);
   border-color: rgb(78 86 96);
 }
+
 .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-300);
 }
+
 .ofl__calendar__time-list--list
   .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button)::after {
   border: 1px solid var(--ol-color-primary-300);
 }
+
 .ofl__calendar__time-list--list[size="small"]::part(button-group__base) {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -514,22 +558,27 @@ label {
 .ofl__map__option-item[no-service]::part(base) {
   background-color: var(--ol-color-neutral-200);
 }
+
 .ofl__map__map {
   border-radius: var(--audi-border-radius-large);
   overflow: hidden;
 }
+
 .ofl__map .ofl__map__search-form,
 .ofl__map.ofl__map--small .ofl__map__search-form {
   margin-bottom: var(--ol-spacing-medium);
 }
+
 .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-medium);
 }
+
 .ofl__map__search-button-outside {
   align-self: flex-end;
   margin-top: var(--ol-spacing-small) 12px;
 }
+
 .ofl__map__location-button {
   font-size: var(--ol-font-size-x-large);
   padding-inline-start: var(--ol-spacing-x-small);
@@ -537,50 +586,62 @@ label {
   filter: invert(1);
   opacity: 0.5;
 }
+
 .ofl__map__search-prefix-icon {
   font-size: var(--ol-font-size-x-large);
   padding-inline-end: var(--ol-spacing-medium);
 }
+
 .ofl__map__search-input::part(input) {
   font-family: var(--ol-font-sans);
   padding: 0;
 }
+
 .ofl__map__search-input::part(prefix) {
   filter: invert(1);
   opacity: 0.8;
 }
+
 .ofl__input__error-message {
   gap: var(--ol-spacing-x-small);
   line-height: var(--ol-line-height-loose);
   font-size: 1em;
 }
+
 .ofl__input__error-message,
 .ofl__textarea__error-message {
   color: var(--ol-color-neutral-600);
 }
+
 .ofl__input-affix--success {
   scale: 1.5;
 }
+
 .ofl__input--error::part(form-control-label) {
   color: var(--ol-color-neutral-600);
   --ol-input-label-color: var(--ol-color-neutral-600);
   --ol-input-required-content-color: var(--ol-color-neutral-600);
 }
+
 .ofl__map__options-list--radio {
   border: none;
 }
+
 .ofl__map__options-list--radio .ofl__map__option-item {
   background: var(--audi-surface-color);
   margin-bottom: var(--ol-spacing-large);
   border-radius: var(--audi-border-radius-large);
 }
+
 .ofl__map__options-list--radio .ofl__map__option-item--selected {
   background: var(--audi-surface-active-color);
 }
+
 .ofl__map__options-list--radio .ofl__map__option-item-radio::part(control) {
   border-color: var(--ol-color-neutral-700);
   background-color: #4a4d57;
 }
+
 .ofl__map__options-list--radio .ofl__map__option-item--selected,
 .ofl__map__options-list--radio
   .ofl__map__option-item:not(:last-child, .ofl__map__option-item--selected),
@@ -588,48 +649,59 @@ label {
   border: none;
   border-bottom: none;
 }
+
 .ofl__map__options-list--radio .ofl__map__option-item-radio::part(checked-icon) {
   scale: 1.25;
 }
+
 .ofl__map__option-item-radio {
   margin-bottom: var(--ol-spacing-2x-small);
 }
+
 .ofl__map__option-item-radio::part(label) {
   margin-left: var(--ol-spacing-small);
   font-size: 18px;
 }
+
 .ofl__map__options-title {
   font-stretch: ultra-expanded;
   font-size: var(--ol-font-size-x-large);
   font-weight: var(--ol-font-weight-normal);
   margin: var(--ol-spacing-2x-large) 0 var(--ol-spacing-medium);
 }
+
 .ofl__map__option-item__description,
 .ofl__map__option-item__distance {
   color: var(--ol-color-primary-500);
 }
+
 .ofl__map__option-item__distance {
   margin-bottom: var(--ol-spacing-2x-small);
 }
+
 .ofl__map__option-item__divider:not([vertical]) {
   border-top: solid 2px rgb(86 93 101);
 }
+
 .ofl__map__option-item__distance,
 .ofl__map__option-item__description,
 .ofl__map__option-item__divider,
 .ofl__map__option-item__details {
   margin-left: var(--ol-spacing-2x-large);
 }
+
 .ofl__map__option-item-skeleton {
   --border-radius: var(--audi-border-radius-large);
   --color: var(--ol-color-neutral-500);
   background: transparent;
 }
+
 .ofl__map__map-skeleton {
   --border-radius: var(--audi-border-radius-large);
   background-color: transparent;
   --color: var(--ol-color-neutral-400);
 }
+
 .ofl__map__location-empty {
   background: transparent;
 }
@@ -643,13 +715,16 @@ 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__content {
   flex-direction: column;
   padding: var(--ol-spacing-large);
 }
+
 .ofl__radio-button__label {
   line-height: 1;
 }
@@ -662,9 +737,11 @@ label {
 .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--error::part(form-control-help-text),
 .ofl__textarea--error::part(form-control-help-text) {
   color: var(--ol-color-danger-600);
@@ -679,15 +756,18 @@ label {
   + .ofl__checkbox__checkbox {
   margin-left: var(--ol-spacing-x-large);
 }
+
 .ofl__checkbox__label .olcs__label {
   font-weight: var(--ol-font-weight-normal);
   font-size: 18px;
 }
+
 .ofl__checkbox__label .olcs__label-description {
   font-weight: var(--ol-font-weight-normal);
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-600);
 }
+
 .ofl__checkbox__checkbox::part(control) {
   width: 25px;
   height: 25px;
@@ -724,41 +804,52 @@ label {
   font-size: var(--ol-font-size-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-bottom-small {
   margin-bottom: var(--ol-spacing-small);
 }
+
 .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-700);
 }
+
 .olcs__note {
   font-size: var(--ol-font-size-x-small);
   color: var(--ol-color-neutral-600);
   margin: 0;
 }
+
 .olcs__note a {
   color: var(--ol-color-neutral-700);
 }
+
 .olcs__help-icon {
   cursor: help;
   margin-left: var(--ol-spacing-small);
   filter: invert(1);
 }
+
 .olcs__grid {
   display: grid;
   grid-auto-flow: column;
@@ -767,22 +858,27 @@ 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: 26px;
   height: 26px;
   filter: invert(1);
 }
+
 .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);
@@ -841,26 +937,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;
   }
@@ -874,14 +978,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);
   }