@onlive.ai/common-121 0.2.187 → 0.2.190

package/themes/light.cjs

@@ -1,415 +1,414 @@
-/*! @onlive.ai/common-121 v0.2.187 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
 "use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var s=(l,o)=>{for(var e in o)a(l,e,{get:o[e],enumerable:!0})},u=(l,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of t(o))!g.call(l,r)&&r!==e&&a(l,r,{get:()=>o[r],enumerable:!(n=c(o,r))||n.enumerable});return l};var b=l=>u(a({},"__esModule",{value:!0}),l);var m={};s(m,{styles:()=>p});module.exports=b(m);var i=require("lit"),p=i.css`
-  :root,
-  :host,
-  .ol-theme-light {
-    -webkit-color-scheme: light;
-    -moz-color-scheme: light;
-    color-scheme: light;
-
-    /*
+:root,
+:host,
+.ol-theme-light {
+  -webkit-color-scheme: light;
+  -moz-color-scheme: light;
+  color-scheme: light;
+
+  /*
    * Color Primitives
    */
 
-    /* Gray */
-    --ol-color-gray-50: rgb(249 249 249);
-    --ol-color-gray-100: rgb(244 244 245);
-    --ol-color-gray-200: rgb(228 228 231);
-    --ol-color-gray-300: rgb(212 212 216);
-    --ol-color-gray-400: rgb(161 161 170);
-    --ol-color-gray-500: rgb(113 113 122);
-    --ol-color-gray-600: rgb(82 82 91);
-    --ol-color-gray-700: rgb(63 63 70);
-    --ol-color-gray-800: rgb(39 39 42);
-    --ol-color-gray-900: rgb(24 24 27);
-    --ol-color-gray-950: rgb(19 19 22);
-
-    /* Red */
-    --ol-color-red-50: rgb(254 242 242);
-    --ol-color-red-100: rgb(254 226 226);
-    --ol-color-red-200: rgb(254 202 202);
-    --ol-color-red-300: rgb(252 165 165);
-    --ol-color-red-400: rgb(248 113 113);
-    --ol-color-red-500: rgb(239 68 68);
-    --ol-color-red-600: rgb(220 38 38);
-    --ol-color-red-700: rgb(185 28 28);
-    --ol-color-red-800: rgb(153 27 27);
-    --ol-color-red-900: rgb(127 29 29);
-    --ol-color-red-950: rgb(69 10 10);
-
-    /* Orange */
-    --ol-color-orange-50: rgb(255 247 237);
-    --ol-color-orange-100: rgb(255 237 213);
-    --ol-color-orange-200: rgb(254 215 170);
-    --ol-color-orange-300: rgb(253 186 116);
-    --ol-color-orange-400: rgb(251 146 60);
-    --ol-color-orange-500: rgb(249 115 22);
-    --ol-color-orange-600: rgb(234 88 12);
-    --ol-color-orange-700: rgb(194 65 12);
-    --ol-color-orange-800: rgb(154 52 18);
-    --ol-color-orange-900: rgb(124 45 18);
-    --ol-color-orange-950: rgb(67 20 7);
-
-    /* Amber */
-    --ol-color-amber-50: rgb(255 251 235);
-    --ol-color-amber-100: rgb(254 243 199);
-    --ol-color-amber-200: rgb(253 230 138);
-    --ol-color-amber-300: rgb(252 211 77);
-    --ol-color-amber-400: rgb(251 191 36);
-    --ol-color-amber-500: rgb(245 158 11);
-    --ol-color-amber-600: rgb(217 119 6);
-    --ol-color-amber-700: rgb(180 83 9);
-    --ol-color-amber-800: rgb(146 64 14);
-    --ol-color-amber-900: rgb(120 53 15);
-    --ol-color-amber-950: rgb(69 26 3);
-
-    /* Yellow */
-    --ol-color-yellow-50: rgb(254 252 232);
-    --ol-color-yellow-100: rgb(254 249 195);
-    --ol-color-yellow-200: rgb(254 240 138);
-    --ol-color-yellow-300: rgb(253 224 71);
-    --ol-color-yellow-400: rgb(250 204 21);
-    --ol-color-yellow-500: rgb(234 179 8);
-    --ol-color-yellow-600: rgb(202 138 4);
-    --ol-color-yellow-700: rgb(161 98 7);
-    --ol-color-yellow-800: rgb(133 77 14);
-    --ol-color-yellow-900: rgb(113 63 18);
-    --ol-color-yellow-950: rgb(66 32 6);
-
-    /* Green */
-    --ol-color-green-50: rgb(240 253 244);
-    --ol-color-green-100: rgb(220 252 231);
-    --ol-color-green-200: rgb(187 247 208);
-    --ol-color-green-300: rgb(134 239 172);
-    --ol-color-green-400: rgb(74 222 128);
-    --ol-color-green-500: rgb(34 197 94);
-    --ol-color-green-600: rgb(22 163 74);
-    --ol-color-green-700: rgb(21 128 61);
-    --ol-color-green-800: rgb(22 101 52);
-    --ol-color-green-900: rgb(20 83 45);
-    --ol-color-green-950: rgb(5 46 22);
-
-    /* Blue */
-    --ol-color-blue-50: rgb(239 246 255);
-    --ol-color-blue-100: rgb(219 234 254);
-    --ol-color-blue-200: rgb(191 219 254);
-    --ol-color-blue-300: rgb(147 197 253);
-    --ol-color-blue-400: rgb(96 165 250);
-    --ol-color-blue-500: rgb(59 130 246);
-    --ol-color-blue-600: rgb(37 99 235);
-    --ol-color-blue-700: rgb(29 78 216);
-    --ol-color-blue-800: rgb(30 64 175);
-    --ol-color-blue-900: rgb(30 58 138);
-    --ol-color-blue-950: rgb(23 37 84);
-
-    /*
+  /* Gray */
+  --ol-color-gray-50: rgb(249 249 249);
+  --ol-color-gray-100: rgb(244 244 245);
+  --ol-color-gray-200: rgb(228 228 231);
+  --ol-color-gray-300: rgb(212 212 216);
+  --ol-color-gray-400: rgb(161 161 170);
+  --ol-color-gray-500: rgb(113 113 122);
+  --ol-color-gray-600: rgb(82 82 91);
+  --ol-color-gray-700: rgb(63 63 70);
+  --ol-color-gray-800: rgb(39 39 42);
+  --ol-color-gray-900: rgb(24 24 27);
+  --ol-color-gray-950: rgb(19 19 22);
+
+  /* Red */
+  --ol-color-red-50: rgb(254 242 242);
+  --ol-color-red-100: rgb(254 226 226);
+  --ol-color-red-200: rgb(254 202 202);
+  --ol-color-red-300: rgb(252 165 165);
+  --ol-color-red-400: rgb(248 113 113);
+  --ol-color-red-500: rgb(239 68 68);
+  --ol-color-red-600: rgb(220 38 38);
+  --ol-color-red-700: rgb(185 28 28);
+  --ol-color-red-800: rgb(153 27 27);
+  --ol-color-red-900: rgb(127 29 29);
+  --ol-color-red-950: rgb(69 10 10);
+
+  /* Orange */
+  --ol-color-orange-50: rgb(255 247 237);
+  --ol-color-orange-100: rgb(255 237 213);
+  --ol-color-orange-200: rgb(254 215 170);
+  --ol-color-orange-300: rgb(253 186 116);
+  --ol-color-orange-400: rgb(251 146 60);
+  --ol-color-orange-500: rgb(249 115 22);
+  --ol-color-orange-600: rgb(234 88 12);
+  --ol-color-orange-700: rgb(194 65 12);
+  --ol-color-orange-800: rgb(154 52 18);
+  --ol-color-orange-900: rgb(124 45 18);
+  --ol-color-orange-950: rgb(67 20 7);
+
+  /* Amber */
+  --ol-color-amber-50: rgb(255 251 235);
+  --ol-color-amber-100: rgb(254 243 199);
+  --ol-color-amber-200: rgb(253 230 138);
+  --ol-color-amber-300: rgb(252 211 77);
+  --ol-color-amber-400: rgb(251 191 36);
+  --ol-color-amber-500: rgb(245 158 11);
+  --ol-color-amber-600: rgb(217 119 6);
+  --ol-color-amber-700: rgb(180 83 9);
+  --ol-color-amber-800: rgb(146 64 14);
+  --ol-color-amber-900: rgb(120 53 15);
+  --ol-color-amber-950: rgb(69 26 3);
+
+  /* Yellow */
+  --ol-color-yellow-50: rgb(254 252 232);
+  --ol-color-yellow-100: rgb(254 249 195);
+  --ol-color-yellow-200: rgb(254 240 138);
+  --ol-color-yellow-300: rgb(253 224 71);
+  --ol-color-yellow-400: rgb(250 204 21);
+  --ol-color-yellow-500: rgb(234 179 8);
+  --ol-color-yellow-600: rgb(202 138 4);
+  --ol-color-yellow-700: rgb(161 98 7);
+  --ol-color-yellow-800: rgb(133 77 14);
+  --ol-color-yellow-900: rgb(113 63 18);
+  --ol-color-yellow-950: rgb(66 32 6);
+
+  /* Green */
+  --ol-color-green-50: rgb(240 253 244);
+  --ol-color-green-100: rgb(220 252 231);
+  --ol-color-green-200: rgb(187 247 208);
+  --ol-color-green-300: rgb(134 239 172);
+  --ol-color-green-400: rgb(74 222 128);
+  --ol-color-green-500: rgb(34 197 94);
+  --ol-color-green-600: rgb(22 163 74);
+  --ol-color-green-700: rgb(21 128 61);
+  --ol-color-green-800: rgb(22 101 52);
+  --ol-color-green-900: rgb(20 83 45);
+  --ol-color-green-950: rgb(5 46 22);
+
+  /* Blue */
+  --ol-color-blue-50: rgb(239 246 255);
+  --ol-color-blue-100: rgb(219 234 254);
+  --ol-color-blue-200: rgb(191 219 254);
+  --ol-color-blue-300: rgb(147 197 253);
+  --ol-color-blue-400: rgb(96 165 250);
+  --ol-color-blue-500: rgb(59 130 246);
+  --ol-color-blue-600: rgb(37 99 235);
+  --ol-color-blue-700: rgb(29 78 216);
+  --ol-color-blue-800: rgb(30 64 175);
+  --ol-color-blue-900: rgb(30 58 138);
+  --ol-color-blue-950: rgb(23 37 84);
+
+  /*
    * Theme Tokens
    */
 
-    /* Primary */
-    --ol-color-primary-50: rgb(255 248 248);
-    --ol-color-primary-100: rgb(254 231 231);
-    --ol-color-primary-200: rgb(253 212 212);
-    --ol-color-primary-300: rgb(253 191 191);
-    --ol-color-primary-400: rgb(252 162 162);
-    --ol-color-primary-500: rgb(250 119 119);
-    --ol-color-primary-600: rgb(248 55 55);
-    --ol-color-primary-700: rgb(214 24 24);
-    --ol-color-primary-800: rgb(178 20 20);
-    --ol-color-primary-900: rgb(129 15 15);
-    --ol-color-primary-950: rgb(82 9 9);
-
-    /* Success */
-    --ol-color-success-50: var(--ol-color-green-50);
-    --ol-color-success-100: var(--ol-color-green-100);
-    --ol-color-success-200: var(--ol-color-green-200);
-    --ol-color-success-300: var(--ol-color-green-300);
-    --ol-color-success-400: var(--ol-color-green-400);
-    --ol-color-success-500: var(--ol-color-green-500);
-    --ol-color-success-600: var(--ol-color-green-600);
-    --ol-color-success-700: var(--ol-color-green-700);
-    --ol-color-success-800: var(--ol-color-green-800);
-    --ol-color-success-900: var(--ol-color-green-900);
-    --ol-color-success-950: var(--ol-color-green-950);
-
-    /* Warning */
-    --ol-color-warning-50: var(--ol-color-amber-50);
-    --ol-color-warning-100: var(--ol-color-amber-100);
-    --ol-color-warning-200: var(--ol-color-amber-200);
-    --ol-color-warning-300: var(--ol-color-amber-300);
-    --ol-color-warning-400: var(--ol-color-amber-400);
-    --ol-color-warning-500: var(--ol-color-amber-500);
-    --ol-color-warning-600: var(--ol-color-amber-600);
-    --ol-color-warning-700: var(--ol-color-amber-700);
-    --ol-color-warning-800: var(--ol-color-amber-800);
-    --ol-color-warning-900: var(--ol-color-amber-900);
-    --ol-color-warning-950: var(--ol-color-amber-950);
-
-    /* Danger */
-    --ol-color-danger-50: var(--ol-color-red-50);
-    --ol-color-danger-100: var(--ol-color-red-100);
-    --ol-color-danger-200: var(--ol-color-red-200);
-    --ol-color-danger-300: var(--ol-color-red-300);
-    --ol-color-danger-400: var(--ol-color-red-400);
-    --ol-color-danger-500: var(--ol-color-red-500);
-    --ol-color-danger-600: var(--ol-color-red-600);
-    --ol-color-danger-700: var(--ol-color-red-700);
-    --ol-color-danger-800: var(--ol-color-red-800);
-    --ol-color-danger-900: var(--ol-color-red-900);
-    --ol-color-danger-950: var(--ol-color-red-950);
-
-    /* Neutral */
-    --ol-color-neutral-50: var(--ol-color-gray-50);
-    --ol-color-neutral-100: var(--ol-color-gray-100);
-    --ol-color-neutral-200: var(--ol-color-gray-200);
-    --ol-color-neutral-300: var(--ol-color-gray-300);
-    --ol-color-neutral-400: var(--ol-color-gray-400);
-    --ol-color-neutral-500: var(--ol-color-gray-500);
-    --ol-color-neutral-600: var(--ol-color-gray-600);
-    --ol-color-neutral-700: var(--ol-color-gray-700);
-    --ol-color-neutral-800: var(--ol-color-gray-800);
-    --ol-color-neutral-900: var(--ol-color-gray-900);
-    --ol-color-neutral-950: var(--ol-color-gray-950);
-
-    /* Neutral one-offs */
-    --ol-color-neutral-0: rgb(255 255 255);
-    --ol-color-neutral-1000: rgb(0 0 0);
-
-    /*
+  /* Primary */
+  --ol-color-primary-50: rgb(255 248 248);
+  --ol-color-primary-100: rgb(254 231 231);
+  --ol-color-primary-200: rgb(253 212 212);
+  --ol-color-primary-300: rgb(253 191 191);
+  --ol-color-primary-400: rgb(252 162 162);
+  --ol-color-primary-500: rgb(250 119 119);
+  --ol-color-primary-600: rgb(248 55 55);
+  --ol-color-primary-700: rgb(214 24 24);
+  --ol-color-primary-800: rgb(178 20 20);
+  --ol-color-primary-900: rgb(129 15 15);
+  --ol-color-primary-950: rgb(82 9 9);
+
+  /* Success */
+  --ol-color-success-50: var(--ol-color-green-50);
+  --ol-color-success-100: var(--ol-color-green-100);
+  --ol-color-success-200: var(--ol-color-green-200);
+  --ol-color-success-300: var(--ol-color-green-300);
+  --ol-color-success-400: var(--ol-color-green-400);
+  --ol-color-success-500: var(--ol-color-green-500);
+  --ol-color-success-600: var(--ol-color-green-600);
+  --ol-color-success-700: var(--ol-color-green-700);
+  --ol-color-success-800: var(--ol-color-green-800);
+  --ol-color-success-900: var(--ol-color-green-900);
+  --ol-color-success-950: var(--ol-color-green-950);
+
+  /* Warning */
+  --ol-color-warning-50: var(--ol-color-amber-50);
+  --ol-color-warning-100: var(--ol-color-amber-100);
+  --ol-color-warning-200: var(--ol-color-amber-200);
+  --ol-color-warning-300: var(--ol-color-amber-300);
+  --ol-color-warning-400: var(--ol-color-amber-400);
+  --ol-color-warning-500: var(--ol-color-amber-500);
+  --ol-color-warning-600: var(--ol-color-amber-600);
+  --ol-color-warning-700: var(--ol-color-amber-700);
+  --ol-color-warning-800: var(--ol-color-amber-800);
+  --ol-color-warning-900: var(--ol-color-amber-900);
+  --ol-color-warning-950: var(--ol-color-amber-950);
+
+  /* Danger */
+  --ol-color-danger-50: var(--ol-color-red-50);
+  --ol-color-danger-100: var(--ol-color-red-100);
+  --ol-color-danger-200: var(--ol-color-red-200);
+  --ol-color-danger-300: var(--ol-color-red-300);
+  --ol-color-danger-400: var(--ol-color-red-400);
+  --ol-color-danger-500: var(--ol-color-red-500);
+  --ol-color-danger-600: var(--ol-color-red-600);
+  --ol-color-danger-700: var(--ol-color-red-700);
+  --ol-color-danger-800: var(--ol-color-red-800);
+  --ol-color-danger-900: var(--ol-color-red-900);
+  --ol-color-danger-950: var(--ol-color-red-950);
+
+  /* Neutral */
+  --ol-color-neutral-50: var(--ol-color-gray-50);
+  --ol-color-neutral-100: var(--ol-color-gray-100);
+  --ol-color-neutral-200: var(--ol-color-gray-200);
+  --ol-color-neutral-300: var(--ol-color-gray-300);
+  --ol-color-neutral-400: var(--ol-color-gray-400);
+  --ol-color-neutral-500: var(--ol-color-gray-500);
+  --ol-color-neutral-600: var(--ol-color-gray-600);
+  --ol-color-neutral-700: var(--ol-color-gray-700);
+  --ol-color-neutral-800: var(--ol-color-gray-800);
+  --ol-color-neutral-900: var(--ol-color-gray-900);
+  --ol-color-neutral-950: var(--ol-color-gray-950);
+
+  /* Neutral one-offs */
+  --ol-color-neutral-0: rgb(255 255 255);
+  --ol-color-neutral-1000: rgb(0 0 0);
+
+  /*
    * Border radii
    */
 
-    --ol-border-radius-small: 3px; /* 0.1875rem */
-    --ol-border-radius-medium: 4px; /* 0.25rem */
-    --ol-border-radius-large: 8px; /* var(--ol-spacing-x-small) */
-    --ol-border-radius-x-large: 16px; /* 1rem */
+  --ol-border-radius-small: 3px; /* 0.1875rem */
+  --ol-border-radius-medium: 4px; /* 0.25rem */
+  --ol-border-radius-large: 8px; /* var(--ol-spacing-x-small) */
+  --ol-border-radius-x-large: 16px; /* 1rem */
 
-    --ol-border-radius-circle: 50%;
-    --ol-border-radius-pill: 9999px;
+  --ol-border-radius-circle: 50%;
+  --ol-border-radius-pill: 9999px;
 
-    /*
+  /*
    * Elevations
    */
 
-    --ol-shadow-x-small: 0 1px 2px rgb(100 116 139 / 6%);
-    --ol-shadow-small: 0 1px 2px rgb(100 116 139 / 12%);
-    --ol-shadow-medium: 0 2px 4px rgb(100 116 139 / 12%);
-    --ol-shadow-large: 0 2px 8px rgb(100 116 139 / 12%);
-    --ol-shadow-x-large: 0 4px 16px rgb(100 116 139 / 12%);
+  --ol-shadow-x-small: 0 1px 2px rgb(100 116 139 / 6%);
+  --ol-shadow-small: 0 1px 2px rgb(100 116 139 / 12%);
+  --ol-shadow-medium: 0 2px 4px rgb(100 116 139 / 12%);
+  --ol-shadow-large: 0 2px 8px rgb(100 116 139 / 12%);
+  --ol-shadow-x-large: 0 4px 16px rgb(100 116 139 / 12%);
 
-    /*
+  /*
    * Spacings
    */
 
-    --ol-spacing-3x-small: 2px; /* 0.125rem */
-    --ol-spacing-2x-small: 4px; /* 0.25rem */
-    --ol-spacing-x-small: 8px; /* var(--ol-spacing-x-small) */
-    --ol-spacing-small: 12px; /* 0.75rem */
-    --ol-spacing-medium: 16px; /* 1rem */
-    --ol-spacing-large: 20px; /* 1.25rem */
-    --ol-spacing-x-large: 28px; /* 1.75rem */
-    --ol-spacing-2x-large: 36px; /* 2.25rem */
-    --ol-spacing-3x-large: 48px; /* 3rem */
-    --ol-spacing-4x-large: 72px; /* 4.5rem */
-
-    /*
+  --ol-spacing-3x-small: 2px; /* 0.125rem */
+  --ol-spacing-2x-small: 4px; /* 0.25rem */
+  --ol-spacing-x-small: 8px; /* var(--ol-spacing-x-small) */
+  --ol-spacing-small: 12px; /* 0.75rem */
+  --ol-spacing-medium: 16px; /* 1rem */
+  --ol-spacing-large: 20px; /* 1.25rem */
+  --ol-spacing-x-large: 28px; /* 1.75rem */
+  --ol-spacing-2x-large: 36px; /* 2.25rem */
+  --ol-spacing-3x-large: 48px; /* 3rem */
+  --ol-spacing-4x-large: 72px; /* 4.5rem */
+
+  /*
    * Transitions
    */
 
-    --ol-transition-x-slow: 1000ms;
-    --ol-transition-slow: 500ms;
-    --ol-transition-medium: 250ms;
-    --ol-transition-fast: 150ms;
-    --ol-transition-x-fast: 50ms;
+  --ol-transition-x-slow: 1000ms;
+  --ol-transition-slow: 500ms;
+  --ol-transition-medium: 250ms;
+  --ol-transition-fast: 150ms;
+  --ol-transition-x-fast: 50ms;
 
-    /*
+  /*
    * Widget State Transitions
    * Centralized timing for widget display state changes (minimized, normal, maximized)
    */
 
-    --ocb-transition-state-duration: 400ms;
-    --ocb-transition-content-duration: 350ms;
-    --ocb-transition-ui-duration: 150ms;
-    --ocb-easing-state: cubic-bezier(0.4, 0, 0.2, 1);
-    --ocb-easing-ui: ease-out;
+  --ocb-transition-state-duration: 400ms;
+  --ocb-transition-content-duration: 350ms;
+  --ocb-transition-ui-duration: 150ms;
+  --ocb-easing-state: cubic-bezier(0.4, 0, 0.2, 1);
+  --ocb-easing-ui: ease-out;
 
-    /*
+  /*
    * Typography
    */
 
-    /* Fonts */
-    --ol-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
-    --ol-font-sans:
-      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
-      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    --ol-font-serif: Georgia, "Times New Roman", serif;
-
-    /* Font sizes */
-    --ol-font-size-2x-small: 10px; /* 0.625rem */
-    --ol-font-size-x-small: 12px; /* 0.75rem */
-    --ol-font-size-small: 14px; /* 0.875rem */
-    --ol-font-size-medium: 16px; /* 1rem */
-    --ol-font-size-large: 20px; /* 1.25rem */
-    --ol-font-size-x-large: 24px; /* 1.5rem */
-    --ol-font-size-2x-large: 36px; /* 2.25rem */
-    --ol-font-size-3x-large: 48px; /* 3rem */
-    --ol-font-size-4x-large: 72px; /* 4.5rem */
-
-    /* Font weights */
-    --ol-font-weight-light: 300;
-    --ol-font-weight-normal: 400;
-    --ol-font-weight-semibold: 500;
-    --ol-font-weight-bold: 700;
-
-    /* Letter spacings */
-    --ol-letter-spacing-denser: -0.03em;
-    --ol-letter-spacing-dense: -0.015em;
-    --ol-letter-spacing-normal: normal;
-    --ol-letter-spacing-loose: 0.075em;
-    --ol-letter-spacing-looser: 0.15em;
-
-    /* Line heights */
-    --ol-line-height-denser: 1;
-    --ol-line-height-dense: 1.4;
-    --ol-line-height-normal: 1.8;
-    --ol-line-height-loose: 2.2;
-    --ol-line-height-looser: 2.6;
-
-    /* Focus rings */
-    --ol-focus-ring-color: var(--ol-color-primary-600);
-    --ol-focus-ring-style: solid;
-    --ol-focus-ring-width: 3px;
-    --ol-focus-ring: var(--ol-focus-ring-style) var(--ol-focus-ring-width)
-      var(--ol-focus-ring-color);
-    --ol-focus-ring-offset: 1px;
-
-    /*
+  /* Fonts */
+  --ol-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+  --ol-font-sans:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --ol-font-serif: Georgia, "Times New Roman", serif;
+
+  /* Font sizes */
+  --ol-font-size-2x-small: 10px; /* 0.625rem */
+  --ol-font-size-x-small: 12px; /* 0.75rem */
+  --ol-font-size-small: 14px; /* 0.875rem */
+  --ol-font-size-medium: 16px; /* 1rem */
+  --ol-font-size-large: 20px; /* 1.25rem */
+  --ol-font-size-x-large: 24px; /* 1.5rem */
+  --ol-font-size-2x-large: 36px; /* 2.25rem */
+  --ol-font-size-3x-large: 48px; /* 3rem */
+  --ol-font-size-4x-large: 72px; /* 4.5rem */
+
+  /* Font weights */
+  --ol-font-weight-light: 300;
+  --ol-font-weight-normal: 400;
+  --ol-font-weight-semibold: 500;
+  --ol-font-weight-bold: 700;
+
+  /* Letter spacings */
+  --ol-letter-spacing-denser: -0.03em;
+  --ol-letter-spacing-dense: -0.015em;
+  --ol-letter-spacing-normal: normal;
+  --ol-letter-spacing-loose: 0.075em;
+  --ol-letter-spacing-looser: 0.15em;
+
+  /* Line heights */
+  --ol-line-height-denser: 1;
+  --ol-line-height-dense: 1.4;
+  --ol-line-height-normal: 1.8;
+  --ol-line-height-loose: 2.2;
+  --ol-line-height-looser: 2.6;
+
+  /* Focus rings */
+  --ol-focus-ring-color: var(--ol-color-primary-600);
+  --ol-focus-ring-style: solid;
+  --ol-focus-ring-width: 3px;
+  --ol-focus-ring: var(--ol-focus-ring-style) var(--ol-focus-ring-width) var(--ol-focus-ring-color);
+  --ol-focus-ring-offset: 1px;
+
+  /*
    * Forms
    */
 
-    /* Buttons */
-    --ol-button-font-size-small: var(--ol-font-size-x-small);
-    --ol-button-font-size-medium: var(--ol-font-size-small);
-    --ol-button-font-size-large: var(--ol-font-size-medium);
-
-    /* Inputs */
-    --ol-input-height-small: 30px; /* 1.875rem */
-    --ol-input-height-medium: 40px; /* 2.5rem */
-    --ol-input-height-large: 50px; /* 3.125rem */
-
-    --ol-input-background-color: var(--ol-color-neutral-0);
-    --ol-input-background-color-hover: var(--ol-input-background-color);
-    --ol-input-background-color-focus: var(--ol-input-background-color);
-    --ol-input-background-color-disabled: var(--ol-color-neutral-100);
-    --ol-input-border-color: var(--ol-color-neutral-300);
-    --ol-input-border-color-hover: var(--ol-color-neutral-400);
-    --ol-input-border-color-focus: var(--ol-color-primary-500);
-    --ol-input-border-color-disabled: var(--ol-color-neutral-300);
-    --ol-input-border-width: 1px;
-    --ol-input-required-content: "*";
-    --ol-input-required-content-offset: -2px;
-    --ol-input-required-content-color: var(--ol-input-label-color);
-
-    --ol-input-border-radius-small: var(--ol-border-radius-medium);
-    --ol-input-border-radius-medium: var(--ol-border-radius-medium);
-    --ol-input-border-radius-large: var(--ol-border-radius-medium);
-
-    --ol-input-font-family: var(--ol-font-sans);
-    --ol-input-font-weight: var(--ol-font-weight-normal);
-    --ol-input-font-size-small: var(--ol-font-size-small);
-    --ol-input-font-size-medium: var(--ol-font-size-medium);
-    --ol-input-font-size-large: var(--ol-font-size-large);
-    --ol-input-letter-spacing: var(--ol-letter-spacing-normal);
-
-    --ol-input-color: var(--ol-color-neutral-700);
-    --ol-input-color-hover: var(--ol-color-neutral-700);
-    --ol-input-color-focus: var(--ol-color-neutral-700);
-    --ol-input-color-disabled: var(--ol-color-neutral-900);
-    --ol-input-icon-color: var(--ol-color-neutral-500);
-    --ol-input-icon-color-hover: var(--ol-color-neutral-600);
-    --ol-input-icon-color-focus: var(--ol-color-neutral-600);
-    --ol-input-placeholder-color: var(--ol-color-neutral-500);
-    --ol-input-placeholder-color-disabled: var(--ol-color-neutral-600);
-    --ol-input-spacing-small: var(--ol-spacing-small);
-    --ol-input-spacing-medium: var(--ol-spacing-medium);
-    --ol-input-spacing-large: var(--ol-spacing-large);
-
-    --ol-input-focus-ring-color: var(--ol-color-primary-50);
-    --ol-input-focus-ring-offset: 0;
-
-    --ol-input-filled-background-color: var(--ol-color-neutral-100);
-    --ol-input-filled-background-color-hover: var(--ol-color-neutral-100);
-    --ol-input-filled-background-color-focus: var(--ol-color-neutral-100);
-    --ol-input-filled-background-color-disabled: var(--ol-color-neutral-100);
-    --ol-input-filled-color: var(--ol-color-neutral-800);
-    --ol-input-filled-color-hover: var(--ol-color-neutral-800);
-    --ol-input-filled-color-focus: var(--ol-color-neutral-700);
-    --ol-input-filled-color-disabled: var(--ol-color-neutral-800);
-
-    /* Labels */
-    --ol-input-label-font-size-small: var(--ol-font-size-small);
-    --ol-input-label-font-size-medium: var(--ol-font-size-medium);
-    --ol-input-label-font-size-large: var(--ol-font-size-large);
-    --ol-input-floating-label-initial-position-small: 0, var(--ol-spacing-x-small);
-    --ol-input-floating-label-final-position-small: 0, -5px;
-    --ol-input-floating-label-initial-position-medium: 0, var(--ol-spacing-small);
-    --ol-input-floating-label-final-position-medium: 0, -6px;
-    --ol-input-floating-label-initial-position-large: 0, 14px;
-    --ol-input-floating-label-final-position-large: 0, -8px;
-    --ol-input-floating-label-background-color: var(--ol-color-neutral-0);
-    --ol-input-floating-label-final-font-weight: var(--ol-font-weight-bold);
-    --ol-input-floating-label-font-size-small: var(--ol-font-size-2x-small);
-    --ol-input-floating-label-font-size-medium: var(--ol-font-size-x-small);
-    --ol-input-floating-label-font-size-large: var(--ol-font-size-small);
-    --ol-input-label-color: inherit;
-
-    /* Help text */
-    --ol-input-help-text-font-size-small: var(--ol-font-size-x-small);
-    --ol-input-help-text-font-size-medium: var(--ol-font-size-small);
-    --ol-input-help-text-font-size-large: var(--ol-font-size-medium);
-    --ol-input-help-text-color: var(--ol-color-neutral-500);
-
-    /* Toggles (checkboxes, radios, switches) */
-    --ol-toggle-size-small: 14px; /* 0.875rem */
-    --ol-toggle-size-medium: 18px; /* 1.125rem */
-    --ol-toggle-size-large: 22px; /* 1.375rem */
-
-    /*
+  /* Buttons */
+  --ol-button-font-size-small: var(--ol-font-size-x-small);
+  --ol-button-font-size-medium: var(--ol-font-size-small);
+  --ol-button-font-size-large: var(--ol-font-size-medium);
+
+  /* Inputs */
+  --ol-input-height-small: 30px; /* 1.875rem */
+  --ol-input-height-medium: 40px; /* 2.5rem */
+  --ol-input-height-large: 50px; /* 3.125rem */
+
+  --ol-input-background-color: var(--ol-color-neutral-0);
+  --ol-input-background-color-hover: var(--ol-input-background-color);
+  --ol-input-background-color-focus: var(--ol-input-background-color);
+  --ol-input-background-color-disabled: var(--ol-color-neutral-100);
+  --ol-input-border-color: var(--ol-color-neutral-300);
+  --ol-input-border-color-hover: var(--ol-color-neutral-400);
+  --ol-input-border-color-focus: var(--ol-color-primary-500);
+  --ol-input-border-color-disabled: var(--ol-color-neutral-300);
+  --ol-input-border-width: 1px;
+  --ol-input-required-content: "*";
+  --ol-input-required-content-offset: -2px;
+  --ol-input-required-content-color: var(--ol-input-label-color);
+
+  --ol-input-border-radius-small: var(--ol-border-radius-medium);
+  --ol-input-border-radius-medium: var(--ol-border-radius-medium);
+  --ol-input-border-radius-large: var(--ol-border-radius-medium);
+
+  --ol-input-font-family: var(--ol-font-sans);
+  --ol-input-font-weight: var(--ol-font-weight-normal);
+  --ol-input-font-size-small: var(--ol-font-size-small);
+  --ol-input-font-size-medium: var(--ol-font-size-medium);
+  --ol-input-font-size-large: var(--ol-font-size-large);
+  --ol-input-letter-spacing: var(--ol-letter-spacing-normal);
+
+  --ol-input-color: var(--ol-color-neutral-700);
+  --ol-input-color-hover: var(--ol-color-neutral-700);
+  --ol-input-color-focus: var(--ol-color-neutral-700);
+  --ol-input-color-disabled: var(--ol-color-neutral-900);
+  --ol-input-icon-color: var(--ol-color-neutral-500);
+  --ol-input-icon-color-hover: var(--ol-color-neutral-600);
+  --ol-input-icon-color-focus: var(--ol-color-neutral-600);
+  --ol-input-placeholder-color: var(--ol-color-neutral-500);
+  --ol-input-placeholder-color-disabled: var(--ol-color-neutral-600);
+  --ol-input-spacing-small: var(--ol-spacing-small);
+  --ol-input-spacing-medium: var(--ol-spacing-medium);
+  --ol-input-spacing-large: var(--ol-spacing-large);
+
+  --ol-input-focus-ring-color: var(--ol-color-primary-50);
+  --ol-input-focus-ring-offset: 0;
+
+  --ol-input-filled-background-color: var(--ol-color-neutral-100);
+  --ol-input-filled-background-color-hover: var(--ol-color-neutral-100);
+  --ol-input-filled-background-color-focus: var(--ol-color-neutral-100);
+  --ol-input-filled-background-color-disabled: var(--ol-color-neutral-100);
+  --ol-input-filled-color: var(--ol-color-neutral-800);
+  --ol-input-filled-color-hover: var(--ol-color-neutral-800);
+  --ol-input-filled-color-focus: var(--ol-color-neutral-700);
+  --ol-input-filled-color-disabled: var(--ol-color-neutral-800);
+
+  /* Labels */
+  --ol-input-label-font-size-small: var(--ol-font-size-small);
+  --ol-input-label-font-size-medium: var(--ol-font-size-medium);
+  --ol-input-label-font-size-large: var(--ol-font-size-large);
+  --ol-input-floating-label-initial-position-small: 0, var(--ol-spacing-x-small);
+  --ol-input-floating-label-final-position-small: 0, -5px;
+  --ol-input-floating-label-initial-position-medium: 0, var(--ol-spacing-small);
+  --ol-input-floating-label-final-position-medium: 0, -6px;
+  --ol-input-floating-label-initial-position-large: 0, 14px;
+  --ol-input-floating-label-final-position-large: 0, -8px;
+  --ol-input-floating-label-background-color: var(--ol-color-neutral-0);
+  --ol-input-floating-label-final-font-weight: var(--ol-font-weight-bold);
+  --ol-input-floating-label-font-size-small: var(--ol-font-size-2x-small);
+  --ol-input-floating-label-font-size-medium: var(--ol-font-size-x-small);
+  --ol-input-floating-label-font-size-large: var(--ol-font-size-small);
+  --ol-input-label-color: inherit;
+
+  /* Help text */
+  --ol-input-help-text-font-size-small: var(--ol-font-size-x-small);
+  --ol-input-help-text-font-size-medium: var(--ol-font-size-small);
+  --ol-input-help-text-font-size-large: var(--ol-font-size-medium);
+  --ol-input-help-text-color: var(--ol-color-neutral-500);
+
+  /* Toggles (checkboxes, radios, switches) */
+  --ol-toggle-size-small: 14px; /* 0.875rem */
+  --ol-toggle-size-medium: 18px; /* 1.125rem */
+  --ol-toggle-size-large: 22px; /* 1.375rem */
+
+  /*
    * Overlays
    */
 
-    --ol-overlay-background-color: rgb(100 116 139 / 33%);
+  --ol-overlay-background-color: rgb(100 116 139 / 33%);
 
-    /*
+  /*
    * Panels
    */
 
-    --ol-panel-background-color: var(--ol-color-neutral-0);
-    --ol-panel-border-color: var(--ol-color-neutral-200);
-    --ol-panel-border-width: 1px;
+  --ol-panel-background-color: var(--ol-color-neutral-0);
+  --ol-panel-border-color: var(--ol-color-neutral-200);
+  --ol-panel-border-width: 1px;
 
-    /*
+  /*
    * Tooltips
    */
 
-    --ol-tooltip-border-radius: var(--ol-border-radius-medium);
-    --ol-tooltip-background-color: var(--ol-color-neutral-800);
-    --ol-tooltip-color: var(--ol-color-neutral-0);
-    --ol-tooltip-font-family: var(--ol-font-sans);
-    --ol-tooltip-font-weight: var(--ol-font-weight-normal);
-    --ol-tooltip-font-size: var(--ol-font-size-small);
-    --ol-tooltip-line-height: var(--ol-line-height-dense);
-    --ol-tooltip-padding: var(--ol-spacing-2x-small) var(--ol-spacing-x-small);
-    --ol-tooltip-arrow-size: 6px;
-
-    /*
+  --ol-tooltip-border-radius: var(--ol-border-radius-medium);
+  --ol-tooltip-background-color: var(--ol-color-neutral-800);
+  --ol-tooltip-color: var(--ol-color-neutral-0);
+  --ol-tooltip-font-family: var(--ol-font-sans);
+  --ol-tooltip-font-weight: var(--ol-font-weight-normal);
+  --ol-tooltip-font-size: var(--ol-font-size-small);
+  --ol-tooltip-line-height: var(--ol-line-height-dense);
+  --ol-tooltip-padding: var(--ol-spacing-2x-small) var(--ol-spacing-x-small);
+  --ol-tooltip-arrow-size: 6px;
+
+  /*
    * Z-indexes
    */
 
-    --ol-z-index-drawer: 700;
-    --ol-z-index-dialog: 800;
-    --ol-z-index-dropdown: 900;
-    --ol-z-index-toast: 950;
-    --ol-z-index-tooltip: 1000;
-  }
+  --ol-z-index-drawer: 700;
+  --ol-z-index-dialog: 800;
+  --ol-z-index-dropdown: 900;
+  --ol-z-index-toast: 950;
+  --ol-z-index-tooltip: 1000;
+}
 `;0&&(module.exports={styles});