@onlive.ai/common-121 0.2.199 → 0.2.227

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

@@ -0,0 +1,210 @@
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
+"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(r,o)=>{for(var a in o)t(r,a,{get:o[a],enumerable:!0})},_=(r,o,a,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of c(o))!b.call(r,l)&&l!==a&&t(r,l,{get:()=>o[l],enumerable:!(e=i(o,l))||e.enumerable});return r};var p=r=>_(t({},"__esModule",{value:!0}),r);var d={};g(d,{styles:()=>s});module.exports=p(d);var n=require("lit"),s=n.css`
+:root,
+:host,
+.ol-theme-light,
+.ol-theme-dark {
+  /* Font */
+  --ol-font-sans: "Gotham", sans-serif;
+
+  /* Onlive UI Palette */
+  --ol-color-primary-50: rgb(0 0 0);
+  --ol-color-primary-100: rgb(40 40 40);
+  --ol-color-primary-200: rgb(80 80 80);
+  --ol-color-primary-300: rgb(120 120 120);
+  --ol-color-primary-400: rgb(160 160 160);
+  --ol-color-primary-500: rgb(200 200 200);
+  --ol-color-primary-600: rgb(230 230 230);
+  --ol-color-primary-700: rgb(240 240 240);
+  --ol-color-primary-800: rgb(255 255 255);
+  --ol-color-primary-900: rgb(255 255 255);
+  --ol-color-primary-950: rgb(255 255 255);
+
+  --ol-color-gray-50: rgb(0 0 0);
+  --ol-color-gray-100: rgb(20 20 20);
+  --ol-color-gray-200: rgb(60 60 60);
+  --ol-color-gray-300: rgb(102 102 102);
+  --ol-color-gray-400: rgb(141 141 141);
+  --ol-color-gray-500: rgb(179 179 179);
+  --ol-color-gray-600: rgb(214 214 214);
+  --ol-color-gray-700: rgb(239 239 239);
+  --ol-color-gray-800: rgb(249 249 249);
+  --ol-color-gray-900: rgb(254 254 254);
+  --ol-color-gray-950: rgb(255 255 255);
+
+  /* Onlive UI Font and Vars */
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 25px;
+}
+
+/* Onlive UI Components */
+ol-button::part(base) {
+  border-radius: 10px;
+}
+
+ol-button::part(label) {
+  font-size: 14px;
+  padding: var(--ol-spacing-3x-small) var(--ol-spacing-x-small);
+}
+
+ol-button[variant="primary"]::part(label),
+ol-button[variant="default"]::part(label) {
+  font-family: var(--ol-font-sans);
+}
+
+ol-button[variant="primary"]::part(base) {
+  background-color: var(--ol-color-neutral-50);
+  border-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-900);
+}
+
+ol-button[variant="default"]::part(base) {
+  background-color: transparent;
+  border-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-50);
+}
+
+ol-input::part(base) {
+  border-radius: 10px;
+}
+
+ol-select::part(combobox) {
+  border-radius: 10px;
+}
+
+.ofl__map__options-list::part(button-group) {
+  max-height: 280px;
+  overflow: auto;
+}
+
+.ofl__map__option-item::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+/* Onlive Chatbot Components */
+.ocb__widget__hint--visible,
+.ocb__widget__panel--visible {
+  z-index: 10000010;
+}
+
+.ocb__header__logo {
+  height: 30px;
+}
+
+.ocb__widget__hint {
+  margin-right: 32px;
+  margin-bottom: 100px;
+}
+
+/* Onlive Flow Components */
+.ofl__calendar-container--in-container {
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 14px;
+}
+
+.ofl__flow--in-container {
+  overflow: hidden auto;
+}
+
+.ofl__flow--in-container .ofl__flow__description {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.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-form label field + checkbox link: dark backdrop */
+.ofl__label,
+.ofl__label p,
+.ofl__label h2,
+.ofl__label h3 {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+.ofl__label a,
+.ofl__checkbox__checkbox a {
+  color: rgba(255, 255, 255, 0.85);
+  text-decoration-color: rgba(255, 255, 255, 0.4);
+}
+
+/* Register form: dark fullscreen backdrop */
+.ocb__widget__register-form__title,
+.ocb__widget__register-form__description {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+/* Form field labels: visible on dark backdrop */
+ol-input::part(form-control-label),
+ol-textarea::part(form-control-label),
+ol-select::part(form-control-label),
+ol-radio-group::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Checkbox + radio: visible on dark backdrop */
+ol-checkbox::part(control) {
+  border-color: rgba(255, 255, 255, 0.6);
+}
+
+ol-checkbox::part(control--checked),
+ol-radio::part(control--checked) {
+  background-color: rgb(255 255 255);
+  border-color: rgb(255 255 255);
+}
+
+ol-checkbox::part(label),
+ol-radio::part(label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+@media only screen and (max-width: 768px) {
+  :root,
+  :host,
+  .ol-theme-light {
+    --ol-calendar-day-padding: var(--ol-spacing-x-small) 16px;
+  }
+}
+`;0&&(module.exports={styles});

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

@@ -0,0 +1,207 @@
+:root,
+:host,
+.ol-theme-light,
+.ol-theme-dark {
+  /* Font */
+  --ol-font-sans: "Gotham", sans-serif;
+
+  /* Onlive UI Palette */
+  --ol-color-primary-50: rgb(0 0 0);
+  --ol-color-primary-100: rgb(40 40 40);
+  --ol-color-primary-200: rgb(80 80 80);
+  --ol-color-primary-300: rgb(120 120 120);
+  --ol-color-primary-400: rgb(160 160 160);
+  --ol-color-primary-500: rgb(200 200 200);
+  --ol-color-primary-600: rgb(230 230 230);
+  --ol-color-primary-700: rgb(240 240 240);
+  --ol-color-primary-800: rgb(255 255 255);
+  --ol-color-primary-900: rgb(255 255 255);
+  --ol-color-primary-950: rgb(255 255 255);
+
+  --ol-color-gray-50: rgb(0 0 0);
+  --ol-color-gray-100: rgb(20 20 20);
+  --ol-color-gray-200: rgb(60 60 60);
+  --ol-color-gray-300: rgb(102 102 102);
+  --ol-color-gray-400: rgb(141 141 141);
+  --ol-color-gray-500: rgb(179 179 179);
+  --ol-color-gray-600: rgb(214 214 214);
+  --ol-color-gray-700: rgb(239 239 239);
+  --ol-color-gray-800: rgb(249 249 249);
+  --ol-color-gray-900: rgb(254 254 254);
+  --ol-color-gray-950: rgb(255 255 255);
+
+  /* Onlive UI Font and Vars */
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 25px;
+}
+
+/* Onlive UI Components */
+ol-button::part(base) {
+  border-radius: 10px;
+}
+
+ol-button::part(label) {
+  font-size: 14px;
+  padding: var(--ol-spacing-3x-small) var(--ol-spacing-x-small);
+}
+
+ol-button[variant="primary"]::part(label),
+ol-button[variant="default"]::part(label) {
+  font-family: var(--ol-font-sans);
+}
+
+ol-button[variant="primary"]::part(base) {
+  background-color: var(--ol-color-neutral-50);
+  border-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-900);
+}
+
+ol-button[variant="default"]::part(base) {
+  background-color: transparent;
+  border-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-50);
+}
+
+ol-input::part(base) {
+  border-radius: 10px;
+}
+
+ol-select::part(combobox) {
+  border-radius: 10px;
+}
+
+.ofl__map__options-list::part(button-group) {
+  max-height: 280px;
+  overflow: auto;
+}
+
+.ofl__map__option-item::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+/* Onlive Chatbot Components */
+.ocb__widget__hint--visible,
+.ocb__widget__panel--visible {
+  z-index: 10000010;
+}
+
+.ocb__header__logo {
+  height: 30px;
+}
+
+.ocb__widget__hint {
+  margin-right: 32px;
+  margin-bottom: 100px;
+}
+
+/* Onlive Flow Components */
+.ofl__calendar-container--in-container {
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 14px;
+}
+
+.ofl__flow--in-container {
+  overflow: hidden auto;
+}
+
+.ofl__flow--in-container .ofl__flow__description {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.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-form label field + checkbox link: dark backdrop */
+.ofl__label,
+.ofl__label p,
+.ofl__label h2,
+.ofl__label h3 {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+.ofl__label a,
+.ofl__checkbox__checkbox a {
+  color: rgba(255, 255, 255, 0.85);
+  text-decoration-color: rgba(255, 255, 255, 0.4);
+}
+
+/* Register form: dark fullscreen backdrop */
+.ocb__widget__register-form__title,
+.ocb__widget__register-form__description {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+/* Form field labels: visible on dark backdrop */
+ol-input::part(form-control-label),
+ol-textarea::part(form-control-label),
+ol-select::part(form-control-label),
+ol-radio-group::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Checkbox + radio: visible on dark backdrop */
+ol-checkbox::part(control) {
+  border-color: rgba(255, 255, 255, 0.6);
+}
+
+ol-checkbox::part(control--checked),
+ol-radio::part(control--checked) {
+  background-color: rgb(255 255 255);
+  border-color: rgb(255 255 255);
+}
+
+ol-checkbox::part(label),
+ol-radio::part(label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+@media only screen and (max-width: 768px) {
+  :root,
+  :host,
+  .ol-theme-light {
+    --ol-calendar-day-padding: var(--ol-spacing-x-small) 16px;
+  }
+}

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

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

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

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

package/themes/custom/jac-dark.theme.js

@@ -0,0 +1,210 @@
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
+import{css as o}from"lit";var l=o`
+:root,
+:host,
+.ol-theme-light,
+.ol-theme-dark {
+  /* Font */
+  --ol-font-sans: "Gotham", sans-serif;
+
+  /* Onlive UI Palette */
+  --ol-color-primary-50: rgb(0 0 0);
+  --ol-color-primary-100: rgb(40 40 40);
+  --ol-color-primary-200: rgb(80 80 80);
+  --ol-color-primary-300: rgb(120 120 120);
+  --ol-color-primary-400: rgb(160 160 160);
+  --ol-color-primary-500: rgb(200 200 200);
+  --ol-color-primary-600: rgb(230 230 230);
+  --ol-color-primary-700: rgb(240 240 240);
+  --ol-color-primary-800: rgb(255 255 255);
+  --ol-color-primary-900: rgb(255 255 255);
+  --ol-color-primary-950: rgb(255 255 255);
+
+  --ol-color-gray-50: rgb(0 0 0);
+  --ol-color-gray-100: rgb(20 20 20);
+  --ol-color-gray-200: rgb(60 60 60);
+  --ol-color-gray-300: rgb(102 102 102);
+  --ol-color-gray-400: rgb(141 141 141);
+  --ol-color-gray-500: rgb(179 179 179);
+  --ol-color-gray-600: rgb(214 214 214);
+  --ol-color-gray-700: rgb(239 239 239);
+  --ol-color-gray-800: rgb(249 249 249);
+  --ol-color-gray-900: rgb(254 254 254);
+  --ol-color-gray-950: rgb(255 255 255);
+
+  /* Onlive UI Font and Vars */
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 25px;
+}
+
+/* Onlive UI Components */
+ol-button::part(base) {
+  border-radius: 10px;
+}
+
+ol-button::part(label) {
+  font-size: 14px;
+  padding: var(--ol-spacing-3x-small) var(--ol-spacing-x-small);
+}
+
+ol-button[variant="primary"]::part(label),
+ol-button[variant="default"]::part(label) {
+  font-family: var(--ol-font-sans);
+}
+
+ol-button[variant="primary"]::part(base) {
+  background-color: var(--ol-color-neutral-50);
+  border-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-900);
+}
+
+ol-button[variant="default"]::part(base) {
+  background-color: transparent;
+  border-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-50);
+}
+
+ol-input::part(base) {
+  border-radius: 10px;
+}
+
+ol-select::part(combobox) {
+  border-radius: 10px;
+}
+
+.ofl__map__options-list::part(button-group) {
+  max-height: 280px;
+  overflow: auto;
+}
+
+.ofl__map__option-item::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+/* Onlive Chatbot Components */
+.ocb__widget__hint--visible,
+.ocb__widget__panel--visible {
+  z-index: 10000010;
+}
+
+.ocb__header__logo {
+  height: 30px;
+}
+
+.ocb__widget__hint {
+  margin-right: 32px;
+  margin-bottom: 100px;
+}
+
+/* Onlive Flow Components */
+.ofl__calendar-container--in-container {
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 14px;
+}
+
+.ofl__flow--in-container {
+  overflow: hidden auto;
+}
+
+.ofl__flow--in-container .ofl__flow__description {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.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-form label field + checkbox link: dark backdrop */
+.ofl__label,
+.ofl__label p,
+.ofl__label h2,
+.ofl__label h3 {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+.ofl__label a,
+.ofl__checkbox__checkbox a {
+  color: rgba(255, 255, 255, 0.85);
+  text-decoration-color: rgba(255, 255, 255, 0.4);
+}
+
+/* Register form: dark fullscreen backdrop */
+.ocb__widget__register-form__title,
+.ocb__widget__register-form__description {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+/* Form field labels: visible on dark backdrop */
+ol-input::part(form-control-label),
+ol-textarea::part(form-control-label),
+ol-select::part(form-control-label),
+ol-radio-group::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Checkbox + radio: visible on dark backdrop */
+ol-checkbox::part(control) {
+  border-color: rgba(255, 255, 255, 0.6);
+}
+
+ol-checkbox::part(control--checked),
+ol-radio::part(control--checked) {
+  background-color: rgb(255 255 255);
+  border-color: rgb(255 255 255);
+}
+
+ol-checkbox::part(label),
+ol-radio::part(label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+@media only screen and (max-width: 768px) {
+  :root,
+  :host,
+  .ol-theme-light {
+    --ol-calendar-day-padding: var(--ol-spacing-x-small) 16px;
+  }
+}
+`;export{l as styles};