@onlive.ai/common-121 0.2.198 → 0.2.227

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

@@ -128,9 +128,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);
@@ -139,10 +141,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;
 }
@@ -159,13 +163,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);
@@ -182,6 +189,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);
 }
@@ -207,12 +215,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);
 }
@@ -227,9 +238,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;
@@ -268,10 +281,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);
 }
@@ -285,6 +300,7 @@ ol-tooltip::part(base__popup) {
 ol-details::part(summary-icon) {
   rotate: 90deg;
 }
+
 ol-details[open]::part(summary-icon) {
   rotate: -90deg;
 }
@@ -320,9 +336,11 @@ label {
 .ofl__flow {
   max-width: 528px;
 }
+
 .ofl__flow {
   margin: 0 auto;
 }
+
 .ofl__flow--theme-dark .ofl__flow__loading-overlay {
   background: transparent;
 }
@@ -340,6 +358,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);
 }
@@ -353,15 +372,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);
 }
@@ -384,12 +407,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;
 }
@@ -404,13 +426,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);
@@ -418,23 +443,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;
@@ -451,50 +482,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);
@@ -512,22 +556,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);
@@ -535,50 +584,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),
@@ -586,48 +647,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;
 }
@@ -641,13 +713,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;
 }
@@ -660,9 +735,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);
@@ -677,15 +754,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;
@@ -722,41 +802,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;
@@ -765,22 +856,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);
@@ -839,26 +935,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;
   }
@@ -872,14 +976,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);
   }

package/themes/custom/audi-dark.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../audi-dark.theme-PXEEVRpd.cjs';
+export { s as styles } from '../../audi-dark.theme-CmBU76BS.cjs';

package/themes/custom/audi-dark.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../audi-dark.theme-PXEEVRpd.js';
+export { s as styles } from '../../audi-dark.theme-CmBU76BS.js';