@gravionlabs/helix-ui 22.1.28 → 22.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/gravionlabs-helix-ui.mjs +12 -12
  2. package/fesm2022/gravionlabs-helix-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/tokens.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravionlabs/helix-ui",
3
- "version": "22.1.28",
3
+ "version": "22.1.29",
4
4
  "description": "Helix UI: vanilla Angular components on the Helix design tokens — plain CSS, no runtime styling engine.",
5
5
  "license": "MIT",
6
6
  "keywords": [
package/tokens.css CHANGED
@@ -9,7 +9,7 @@
9
9
  :root,:host{--h-badge-xl-font-size:1rem;--h-badge-xl-min-width:2rem;--h-badge-xl-height:2rem;--h-badge-lg-font-size:0.875rem;--h-badge-lg-min-width:1.75rem;--h-badge-lg-height:1.75rem;--h-badge-sm-font-size:0.625rem;--h-badge-sm-min-width:1.25rem;--h-badge-sm-height:1.25rem;--h-badge-dot-size:0.5rem;--h-badge-border-radius:var(--h-border-radius-md);--h-badge-padding:0 0.5rem;--h-badge-font-size:0.75rem;--h-badge-font-weight:700;--h-badge-min-width:1.5rem;--h-badge-height:1.5rem;--h-badge-contrast-background:var(--h-surface-950);--h-badge-contrast-color:var(--h-surface-0);--h-badge-danger-background:var(--h-red-500);--h-badge-danger-color:var(--h-surface-0);--h-badge-warn-background:var(--h-orange-500);--h-badge-warn-color:var(--h-surface-0);--h-badge-info-background:var(--h-sky-500);--h-badge-info-color:var(--h-surface-0);--h-badge-success-background:var(--h-green-500);--h-badge-success-color:var(--h-surface-0);--h-badge-secondary-background:var(--h-surface-100);--h-badge-secondary-color:var(--h-surface-600);--h-badge-primary-background:var(--h-primary-color);--h-badge-primary-color:var(--h-primary-contrast-color);}.app-dark{--h-badge-contrast-background:var(--h-surface-0);--h-badge-contrast-color:var(--h-surface-950);--h-badge-danger-background:var(--h-red-400);--h-badge-danger-color:var(--h-red-950);--h-badge-warn-background:var(--h-orange-400);--h-badge-warn-color:var(--h-orange-950);--h-badge-info-background:var(--h-sky-400);--h-badge-info-color:var(--h-sky-950);--h-badge-success-background:var(--h-green-400);--h-badge-success-color:var(--h-green-950);--h-badge-secondary-background:var(--h-surface-800);--h-badge-secondary-color:var(--h-surface-300);--h-badge-primary-background:var(--h-primary-color);--h-badge-primary-color:var(--h-primary-contrast-color);}
10
10
  :root,:host{--h-overlaybadge-outline-width:2px;--h-overlaybadge-outline-color:var(--h-content-background);}
11
11
  :root,:host{--h-breadcrumb-separator-color:var(--h-navigation-item-icon-color);--h-breadcrumb-item-color:var(--h-text-muted-color);--h-breadcrumb-item-hover-color:var(--h-text-color);--h-breadcrumb-item-border-radius:var(--h-content-border-radius);--h-breadcrumb-item-gap:var(--h-navigation-item-gap);--h-breadcrumb-item-focus-ring-width:var(--h-focus-ring-width);--h-breadcrumb-item-focus-ring-style:var(--h-focus-ring-style);--h-breadcrumb-item-focus-ring-color:var(--h-focus-ring-color);--h-breadcrumb-item-focus-ring-offset:var(--h-focus-ring-offset);--h-breadcrumb-item-focus-ring-shadow:var(--h-focus-ring-shadow);--h-breadcrumb-item-icon-color:var(--h-navigation-item-icon-color);--h-breadcrumb-item-icon-hover-color:var(--h-navigation-item-icon-focus-color);--h-breadcrumb-padding:1rem;--h-breadcrumb-background:var(--h-content-background);--h-breadcrumb-gap:0.5rem;--h-breadcrumb-transition-duration:var(--h-transition-duration);}
12
- :root,:host{--h-button-border-radius:var(--h-form-field-border-radius);--h-button-rounded-border-radius:2rem;--h-button-gap:0.5rem;--h-button-padding-x:var(--h-form-field-padding-x);--h-button-padding-y:var(--h-form-field-padding-y);--h-button-icon-only-width:2.5rem;--h-button-raised-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--h-button-badge-size:1rem;--h-button-transition-duration:var(--h-form-field-transition-duration);--h-button-focus-ring-width:var(--h-focus-ring-width);--h-button-focus-ring-style:var(--h-focus-ring-style);--h-button-focus-ring-offset:var(--h-focus-ring-offset);--h-button-label-font-weight:500;--h-button-lg-font-size:var(--h-form-field-lg-font-size);--h-button-lg-padding-x:var(--h-form-field-lg-padding-x);--h-button-lg-padding-y:var(--h-form-field-lg-padding-y);--h-button-lg-icon-only-width:3rem;--h-button-sm-font-size:var(--h-form-field-sm-font-size);--h-button-sm-padding-x:var(--h-form-field-sm-padding-x);--h-button-sm-padding-y:var(--h-form-field-sm-padding-y);--h-button-sm-icon-only-width:2rem;--h-button-link-color:var(--h-primary-color);--h-button-link-hover-color:var(--h-primary-color);--h-button-link-active-color:var(--h-primary-color);--h-button-text-plain-hover-background:var(--h-surface-50);--h-button-text-plain-active-background:var(--h-surface-100);--h-button-text-plain-color:var(--h-surface-700);--h-button-text-contrast-hover-background:var(--h-surface-50);--h-button-text-contrast-active-background:var(--h-surface-100);--h-button-text-contrast-color:var(--h-surface-950);--h-button-text-danger-hover-background:var(--h-red-50);--h-button-text-danger-active-background:var(--h-red-100);--h-button-text-danger-color:var(--h-red-500);--h-button-text-help-hover-background:var(--h-purple-50);--h-button-text-help-active-background:var(--h-purple-100);--h-button-text-help-color:var(--h-purple-500);--h-button-text-warn-hover-background:var(--h-orange-50);--h-button-text-warn-active-background:var(--h-orange-100);--h-button-text-warn-color:var(--h-orange-500);--h-button-text-info-hover-background:var(--h-sky-50);--h-button-text-info-active-background:var(--h-sky-100);--h-button-text-info-color:var(--h-sky-500);--h-button-text-success-hover-background:var(--h-green-50);--h-button-text-success-active-background:var(--h-green-100);--h-button-text-success-color:var(--h-green-500);--h-button-text-secondary-hover-background:var(--h-surface-50);--h-button-text-secondary-active-background:var(--h-surface-100);--h-button-text-secondary-color:var(--h-surface-500);--h-button-text-primary-hover-background:var(--h-primary-50);--h-button-text-primary-active-background:var(--h-primary-100);--h-button-text-primary-color:var(--h-primary-color);--h-button-outlined-plain-hover-background:var(--h-surface-50);--h-button-outlined-plain-active-background:var(--h-surface-100);--h-button-outlined-plain-border-color:var(--h-surface-200);--h-button-outlined-plain-color:var(--h-surface-700);--h-button-outlined-contrast-hover-background:var(--h-surface-50);--h-button-outlined-contrast-active-background:var(--h-surface-100);--h-button-outlined-contrast-border-color:var(--h-surface-700);--h-button-outlined-contrast-color:var(--h-surface-950);--h-button-outlined-danger-hover-background:var(--h-red-50);--h-button-outlined-danger-active-background:var(--h-red-100);--h-button-outlined-danger-border-color:var(--h-red-200);--h-button-outlined-danger-color:var(--h-red-500);--h-button-outlined-help-hover-background:var(--h-purple-50);--h-button-outlined-help-active-background:var(--h-purple-100);--h-button-outlined-help-border-color:var(--h-purple-200);--h-button-outlined-help-color:var(--h-purple-500);--h-button-outlined-warn-hover-background:var(--h-orange-50);--h-button-outlined-warn-active-background:var(--h-orange-100);--h-button-outlined-warn-border-color:var(--h-orange-200);--h-button-outlined-warn-color:var(--h-orange-500);--h-button-outlined-info-hover-background:var(--h-sky-50);--h-button-outlined-info-active-background:var(--h-sky-100);--h-button-outlined-info-border-color:var(--h-sky-200);--h-button-outlined-info-color:var(--h-sky-500);--h-button-outlined-success-hover-background:var(--h-green-50);--h-button-outlined-success-active-background:var(--h-green-100);--h-button-outlined-success-border-color:var(--h-green-200);--h-button-outlined-success-color:var(--h-green-500);--h-button-outlined-secondary-hover-background:var(--h-surface-50);--h-button-outlined-secondary-active-background:var(--h-surface-100);--h-button-outlined-secondary-border-color:var(--h-surface-200);--h-button-outlined-secondary-color:var(--h-surface-500);--h-button-outlined-primary-hover-background:var(--h-primary-50);--h-button-outlined-primary-active-background:var(--h-primary-100);--h-button-outlined-primary-border-color:var(--h-primary-200);--h-button-outlined-primary-color:var(--h-primary-color);--h-button-contrast-background:var(--h-surface-950);--h-button-contrast-hover-background:var(--h-surface-900);--h-button-contrast-active-background:var(--h-surface-800);--h-button-contrast-border-color:var(--h-surface-950);--h-button-contrast-hover-border-color:var(--h-surface-900);--h-button-contrast-active-border-color:var(--h-surface-800);--h-button-contrast-color:var(--h-surface-0);--h-button-contrast-hover-color:var(--h-surface-0);--h-button-contrast-active-color:var(--h-surface-0);--h-button-contrast-focus-ring-color:var(--h-surface-950);--h-button-contrast-focus-ring-shadow:none;--h-button-danger-background:var(--h-red-500);--h-button-danger-hover-background:var(--h-red-600);--h-button-danger-active-background:var(--h-red-700);--h-button-danger-border-color:var(--h-red-500);--h-button-danger-hover-border-color:var(--h-red-600);--h-button-danger-active-border-color:var(--h-red-700);--h-button-danger-color:#ffffff;--h-button-danger-hover-color:#ffffff;--h-button-danger-active-color:#ffffff;--h-button-danger-focus-ring-color:var(--h-red-500);--h-button-danger-focus-ring-shadow:none;--h-button-help-background:var(--h-purple-500);--h-button-help-hover-background:var(--h-purple-600);--h-button-help-active-background:var(--h-purple-700);--h-button-help-border-color:var(--h-purple-500);--h-button-help-hover-border-color:var(--h-purple-600);--h-button-help-active-border-color:var(--h-purple-700);--h-button-help-color:#ffffff;--h-button-help-hover-color:#ffffff;--h-button-help-active-color:#ffffff;--h-button-help-focus-ring-color:var(--h-purple-500);--h-button-help-focus-ring-shadow:none;--h-button-warn-background:var(--h-orange-500);--h-button-warn-hover-background:var(--h-orange-600);--h-button-warn-active-background:var(--h-orange-700);--h-button-warn-border-color:var(--h-orange-500);--h-button-warn-hover-border-color:var(--h-orange-600);--h-button-warn-active-border-color:var(--h-orange-700);--h-button-warn-color:#ffffff;--h-button-warn-hover-color:#ffffff;--h-button-warn-active-color:#ffffff;--h-button-warn-focus-ring-color:var(--h-orange-500);--h-button-warn-focus-ring-shadow:none;--h-button-success-background:var(--h-green-500);--h-button-success-hover-background:var(--h-green-600);--h-button-success-active-background:var(--h-green-700);--h-button-success-border-color:var(--h-green-500);--h-button-success-hover-border-color:var(--h-green-600);--h-button-success-active-border-color:var(--h-green-700);--h-button-success-color:#ffffff;--h-button-success-hover-color:#ffffff;--h-button-success-active-color:#ffffff;--h-button-success-focus-ring-color:var(--h-green-500);--h-button-success-focus-ring-shadow:none;--h-button-info-background:var(--h-sky-500);--h-button-info-hover-background:var(--h-sky-600);--h-button-info-active-background:var(--h-sky-700);--h-button-info-border-color:var(--h-sky-500);--h-button-info-hover-border-color:var(--h-sky-600);--h-button-info-active-border-color:var(--h-sky-700);--h-button-info-color:#ffffff;--h-button-info-hover-color:#ffffff;--h-button-info-active-color:#ffffff;--h-button-info-focus-ring-color:var(--h-sky-500);--h-button-info-focus-ring-shadow:none;--h-button-secondary-background:var(--h-surface-100);--h-button-secondary-hover-background:var(--h-surface-200);--h-button-secondary-active-background:var(--h-surface-300);--h-button-secondary-border-color:var(--h-surface-100);--h-button-secondary-hover-border-color:var(--h-surface-200);--h-button-secondary-active-border-color:var(--h-surface-300);--h-button-secondary-color:var(--h-surface-600);--h-button-secondary-hover-color:var(--h-surface-700);--h-button-secondary-active-color:var(--h-surface-800);--h-button-secondary-focus-ring-color:var(--h-surface-600);--h-button-secondary-focus-ring-shadow:none;--h-button-primary-background:var(--h-primary-color);--h-button-primary-hover-background:var(--h-primary-hover-color);--h-button-primary-active-background:var(--h-primary-active-color);--h-button-primary-border-color:var(--h-primary-color);--h-button-primary-hover-border-color:var(--h-primary-hover-color);--h-button-primary-active-border-color:var(--h-primary-active-color);--h-button-primary-color:var(--h-primary-contrast-color);--h-button-primary-hover-color:var(--h-primary-contrast-color);--h-button-primary-active-color:var(--h-primary-contrast-color);--h-button-primary-focus-ring-color:var(--h-primary-color);--h-button-primary-focus-ring-shadow:none;}.app-dark{--h-button-link-color:var(--h-primary-color);--h-button-link-hover-color:var(--h-primary-color);--h-button-link-active-color:var(--h-primary-color);--h-button-text-plain-hover-background:var(--h-surface-800);--h-button-text-plain-active-background:var(--h-surface-700);--h-button-text-plain-color:var(--h-surface-0);--h-button-text-contrast-hover-background:var(--h-surface-800);--h-button-text-contrast-active-background:var(--h-surface-700);--h-button-text-contrast-color:var(--h-surface-0);--h-button-text-danger-hover-background:color-mix(in srgb, var(--h-red-400), transparent 96%);--h-button-text-danger-active-background:color-mix(in srgb, var(--h-red-400), transparent 84%);--h-button-text-danger-color:var(--h-red-400);--h-button-text-help-hover-background:color-mix(in srgb, var(--h-purple-400), transparent 96%);--h-button-text-help-active-background:color-mix(in srgb, var(--h-purple-400), transparent 84%);--h-button-text-help-color:var(--h-purple-400);--h-button-text-warn-hover-background:color-mix(in srgb, var(--h-orange-400), transparent 96%);--h-button-text-warn-active-background:color-mix(in srgb, var(--h-orange-400), transparent 84%);--h-button-text-warn-color:var(--h-orange-400);--h-button-text-info-hover-background:color-mix(in srgb, var(--h-sky-400), transparent 96%);--h-button-text-info-active-background:color-mix(in srgb, var(--h-sky-400), transparent 84%);--h-button-text-info-color:var(--h-sky-400);--h-button-text-success-hover-background:color-mix(in srgb, var(--h-green-400), transparent 96%);--h-button-text-success-active-background:color-mix(in srgb, var(--h-green-400), transparent 84%);--h-button-text-success-color:var(--h-green-400);--h-button-text-secondary-hover-background:var(--h-surface-800);--h-button-text-secondary-active-background:var(--h-surface-700);--h-button-text-secondary-color:var(--h-surface-400);--h-button-text-primary-hover-background:color-mix(in srgb, var(--h-primary-color), transparent 96%);--h-button-text-primary-active-background:color-mix(in srgb, var(--h-primary-color), transparent 84%);--h-button-text-primary-color:var(--h-primary-color);--h-button-outlined-plain-hover-background:var(--h-surface-800);--h-button-outlined-plain-active-background:var(--h-surface-700);--h-button-outlined-plain-border-color:var(--h-surface-600);--h-button-outlined-plain-color:var(--h-surface-0);--h-button-outlined-contrast-hover-background:var(--h-surface-800);--h-button-outlined-contrast-active-background:var(--h-surface-700);--h-button-outlined-contrast-border-color:var(--h-surface-500);--h-button-outlined-contrast-color:var(--h-surface-0);--h-button-outlined-danger-hover-background:color-mix(in srgb, var(--h-red-400), transparent 96%);--h-button-outlined-danger-active-background:color-mix(in srgb, var(--h-red-400), transparent 84%);--h-button-outlined-danger-border-color:var(--h-red-700);--h-button-outlined-danger-color:var(--h-red-400);--h-button-outlined-help-hover-background:color-mix(in srgb, var(--h-purple-400), transparent 96%);--h-button-outlined-help-active-background:color-mix(in srgb, var(--h-purple-400), transparent 84%);--h-button-outlined-help-border-color:var(--h-purple-700);--h-button-outlined-help-color:var(--h-purple-400);--h-button-outlined-warn-hover-background:color-mix(in srgb, var(--h-orange-400), transparent 96%);--h-button-outlined-warn-active-background:color-mix(in srgb, var(--h-orange-400), transparent 84%);--h-button-outlined-warn-border-color:var(--h-orange-700);--h-button-outlined-warn-color:var(--h-orange-400);--h-button-outlined-info-hover-background:color-mix(in srgb, var(--h-sky-400), transparent 96%);--h-button-outlined-info-active-background:color-mix(in srgb, var(--h-sky-400), transparent 84%);--h-button-outlined-info-border-color:var(--h-sky-700);--h-button-outlined-info-color:var(--h-sky-400);--h-button-outlined-success-hover-background:color-mix(in srgb, var(--h-green-400), transparent 96%);--h-button-outlined-success-active-background:color-mix(in srgb, var(--h-green-400), transparent 84%);--h-button-outlined-success-border-color:var(--h-green-700);--h-button-outlined-success-color:var(--h-green-400);--h-button-outlined-secondary-hover-background:rgba(255,255,255,0.04);--h-button-outlined-secondary-active-background:rgba(255,255,255,0.16);--h-button-outlined-secondary-border-color:var(--h-surface-700);--h-button-outlined-secondary-color:var(--h-surface-400);--h-button-outlined-primary-hover-background:color-mix(in srgb, var(--h-primary-color), transparent 96%);--h-button-outlined-primary-active-background:color-mix(in srgb, var(--h-primary-color), transparent 84%);--h-button-outlined-primary-border-color:var(--h-primary-700);--h-button-outlined-primary-color:var(--h-primary-color);--h-button-contrast-background:var(--h-surface-0);--h-button-contrast-hover-background:var(--h-surface-100);--h-button-contrast-active-background:var(--h-surface-200);--h-button-contrast-border-color:var(--h-surface-0);--h-button-contrast-hover-border-color:var(--h-surface-100);--h-button-contrast-active-border-color:var(--h-surface-200);--h-button-contrast-color:var(--h-surface-950);--h-button-contrast-hover-color:var(--h-surface-950);--h-button-contrast-active-color:var(--h-surface-950);--h-button-contrast-focus-ring-color:var(--h-surface-0);--h-button-contrast-focus-ring-shadow:none;--h-button-danger-background:var(--h-red-400);--h-button-danger-hover-background:var(--h-red-300);--h-button-danger-active-background:var(--h-red-200);--h-button-danger-border-color:var(--h-red-400);--h-button-danger-hover-border-color:var(--h-red-300);--h-button-danger-active-border-color:var(--h-red-200);--h-button-danger-color:var(--h-red-950);--h-button-danger-hover-color:var(--h-red-950);--h-button-danger-active-color:var(--h-red-950);--h-button-danger-focus-ring-color:var(--h-red-400);--h-button-danger-focus-ring-shadow:none;--h-button-help-background:var(--h-purple-400);--h-button-help-hover-background:var(--h-purple-300);--h-button-help-active-background:var(--h-purple-200);--h-button-help-border-color:var(--h-purple-400);--h-button-help-hover-border-color:var(--h-purple-300);--h-button-help-active-border-color:var(--h-purple-200);--h-button-help-color:var(--h-purple-950);--h-button-help-hover-color:var(--h-purple-950);--h-button-help-active-color:var(--h-purple-950);--h-button-help-focus-ring-color:var(--h-purple-400);--h-button-help-focus-ring-shadow:none;--h-button-warn-background:var(--h-orange-400);--h-button-warn-hover-background:var(--h-orange-300);--h-button-warn-active-background:var(--h-orange-200);--h-button-warn-border-color:var(--h-orange-400);--h-button-warn-hover-border-color:var(--h-orange-300);--h-button-warn-active-border-color:var(--h-orange-200);--h-button-warn-color:var(--h-orange-950);--h-button-warn-hover-color:var(--h-orange-950);--h-button-warn-active-color:var(--h-orange-950);--h-button-warn-focus-ring-color:var(--h-orange-400);--h-button-warn-focus-ring-shadow:none;--h-button-success-background:var(--h-green-400);--h-button-success-hover-background:var(--h-green-300);--h-button-success-active-background:var(--h-green-200);--h-button-success-border-color:var(--h-green-400);--h-button-success-hover-border-color:var(--h-green-300);--h-button-success-active-border-color:var(--h-green-200);--h-button-success-color:var(--h-green-950);--h-button-success-hover-color:var(--h-green-950);--h-button-success-active-color:var(--h-green-950);--h-button-success-focus-ring-color:var(--h-green-400);--h-button-success-focus-ring-shadow:none;--h-button-info-background:var(--h-sky-400);--h-button-info-hover-background:var(--h-sky-300);--h-button-info-active-background:var(--h-sky-200);--h-button-info-border-color:var(--h-sky-400);--h-button-info-hover-border-color:var(--h-sky-300);--h-button-info-active-border-color:var(--h-sky-200);--h-button-info-color:var(--h-sky-950);--h-button-info-hover-color:var(--h-sky-950);--h-button-info-active-color:var(--h-sky-950);--h-button-info-focus-ring-color:var(--h-sky-400);--h-button-info-focus-ring-shadow:none;--h-button-secondary-background:var(--h-surface-800);--h-button-secondary-hover-background:var(--h-surface-700);--h-button-secondary-active-background:var(--h-surface-600);--h-button-secondary-border-color:var(--h-surface-800);--h-button-secondary-hover-border-color:var(--h-surface-700);--h-button-secondary-active-border-color:var(--h-surface-600);--h-button-secondary-color:var(--h-surface-300);--h-button-secondary-hover-color:var(--h-surface-200);--h-button-secondary-active-color:var(--h-surface-100);--h-button-secondary-focus-ring-color:var(--h-surface-300);--h-button-secondary-focus-ring-shadow:none;--h-button-primary-background:var(--h-primary-color);--h-button-primary-hover-background:var(--h-primary-hover-color);--h-button-primary-active-background:var(--h-primary-active-color);--h-button-primary-border-color:var(--h-primary-color);--h-button-primary-hover-border-color:var(--h-primary-hover-color);--h-button-primary-active-border-color:var(--h-primary-active-color);--h-button-primary-color:var(--h-primary-contrast-color);--h-button-primary-hover-color:var(--h-primary-contrast-color);--h-button-primary-active-color:var(--h-primary-contrast-color);--h-button-primary-focus-ring-color:var(--h-primary-color);--h-button-primary-focus-ring-shadow:none;}
12
+ :root,:host{--h-button-border-radius:var(--h-form-field-border-radius);--h-button-rounded-border-radius:2rem;--h-button-gap:0.5rem;--h-button-padding-x:var(--h-form-field-padding-x);--h-button-padding-y:var(--h-form-field-padding-y);--h-button-icon-only-width:2.5rem;--h-button-raised-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--h-button-badge-size:1rem;--h-button-transition-duration:var(--h-form-field-transition-duration);--h-button-focus-ring-width:var(--h-focus-ring-width);--h-button-focus-ring-style:var(--h-focus-ring-style);--h-button-focus-ring-offset:var(--h-focus-ring-offset);--h-button-label-font-weight:500;--h-button-lg-font-size:var(--h-form-field-lg-font-size);--h-button-lg-padding-x:var(--h-form-field-lg-padding-x);--h-button-lg-padding-y:var(--h-form-field-lg-padding-y);--h-button-lg-icon-only-width:3rem;--h-button-sm-font-size:var(--h-form-field-sm-font-size);--h-button-sm-padding-x:var(--h-form-field-sm-padding-x);--h-button-sm-padding-y:var(--h-form-field-sm-padding-y);--h-button-sm-icon-only-width:2rem;--h-button-link-color:var(--h-primary-color);--h-button-link-hover-color:var(--h-primary-color);--h-button-link-active-color:var(--h-primary-color);--h-button-text-plain-hover-background:var(--h-surface-50);--h-button-text-plain-active-background:var(--h-surface-100);--h-button-text-plain-color:var(--h-surface-700);--h-button-text-contrast-hover-background:var(--h-surface-50);--h-button-text-contrast-active-background:var(--h-surface-100);--h-button-text-contrast-color:var(--h-surface-950);--h-button-text-danger-hover-background:var(--h-red-50);--h-button-text-danger-active-background:var(--h-red-100);--h-button-text-danger-color:var(--h-red-500);--h-button-text-help-hover-background:var(--h-purple-50);--h-button-text-help-active-background:var(--h-purple-100);--h-button-text-help-color:var(--h-purple-500);--h-button-text-warn-hover-background:var(--h-orange-50);--h-button-text-warn-active-background:var(--h-orange-100);--h-button-text-warn-color:var(--h-orange-500);--h-button-text-info-hover-background:var(--h-sky-50);--h-button-text-info-active-background:var(--h-sky-100);--h-button-text-info-color:var(--h-sky-500);--h-button-text-success-hover-background:var(--h-green-50);--h-button-text-success-active-background:var(--h-green-100);--h-button-text-success-color:var(--h-green-500);--h-button-text-secondary-hover-background:var(--h-surface-50);--h-button-text-secondary-active-background:var(--h-surface-100);--h-button-text-secondary-color:var(--h-surface-500);--h-button-text-primary-hover-background:var(--h-primary-50);--h-button-text-primary-active-background:var(--h-primary-100);--h-button-text-primary-color:var(--h-primary-color);--h-button-outlined-plain-hover-background:var(--h-surface-50);--h-button-outlined-plain-active-background:var(--h-surface-100);--h-button-outlined-plain-border-color:var(--h-surface-200);--h-button-outlined-plain-color:var(--h-surface-700);--h-button-outlined-contrast-hover-background:var(--h-surface-50);--h-button-outlined-contrast-active-background:var(--h-surface-100);--h-button-outlined-contrast-border-color:var(--h-surface-700);--h-button-outlined-contrast-color:var(--h-surface-950);--h-button-outlined-danger-hover-background:var(--h-red-50);--h-button-outlined-danger-active-background:var(--h-red-100);--h-button-outlined-danger-border-color:var(--h-red-200);--h-button-outlined-danger-color:var(--h-red-500);--h-button-outlined-help-hover-background:var(--h-purple-50);--h-button-outlined-help-active-background:var(--h-purple-100);--h-button-outlined-help-border-color:var(--h-purple-200);--h-button-outlined-help-color:var(--h-purple-500);--h-button-outlined-warn-hover-background:var(--h-orange-50);--h-button-outlined-warn-active-background:var(--h-orange-100);--h-button-outlined-warn-border-color:var(--h-orange-200);--h-button-outlined-warn-color:var(--h-orange-500);--h-button-outlined-info-hover-background:var(--h-sky-50);--h-button-outlined-info-active-background:var(--h-sky-100);--h-button-outlined-info-border-color:var(--h-sky-200);--h-button-outlined-info-color:var(--h-sky-500);--h-button-outlined-success-hover-background:var(--h-green-50);--h-button-outlined-success-active-background:var(--h-green-100);--h-button-outlined-success-border-color:var(--h-green-200);--h-button-outlined-success-color:var(--h-green-500);--h-button-outlined-secondary-hover-background:var(--h-surface-50);--h-button-outlined-secondary-active-background:var(--h-surface-100);--h-button-outlined-secondary-border-color:var(--h-surface-200);--h-button-outlined-secondary-color:var(--h-surface-500);--h-button-outlined-primary-hover-background:var(--h-primary-50);--h-button-outlined-primary-active-background:var(--h-primary-100);--h-button-outlined-primary-border-color:var(--h-primary-200);--h-button-outlined-primary-color:var(--h-primary-color);--h-button-contrast-background:var(--h-surface-800);--h-button-contrast-hover-background:var(--h-surface-700);--h-button-contrast-active-background:var(--h-surface-600);--h-button-contrast-border-color:var(--h-surface-800);--h-button-contrast-hover-border-color:var(--h-surface-700);--h-button-contrast-active-border-color:var(--h-surface-600);--h-button-contrast-color:var(--h-surface-0);--h-button-contrast-hover-color:var(--h-surface-0);--h-button-contrast-active-color:var(--h-surface-0);--h-button-contrast-focus-ring-color:var(--h-surface-800);--h-button-contrast-focus-ring-shadow:none;--h-button-danger-background:var(--h-red-500);--h-button-danger-hover-background:var(--h-red-600);--h-button-danger-active-background:var(--h-red-700);--h-button-danger-border-color:var(--h-red-500);--h-button-danger-hover-border-color:var(--h-red-600);--h-button-danger-active-border-color:var(--h-red-700);--h-button-danger-color:#ffffff;--h-button-danger-hover-color:#ffffff;--h-button-danger-active-color:#ffffff;--h-button-danger-focus-ring-color:var(--h-red-500);--h-button-danger-focus-ring-shadow:none;--h-button-help-background:var(--h-purple-500);--h-button-help-hover-background:var(--h-purple-600);--h-button-help-active-background:var(--h-purple-700);--h-button-help-border-color:var(--h-purple-500);--h-button-help-hover-border-color:var(--h-purple-600);--h-button-help-active-border-color:var(--h-purple-700);--h-button-help-color:#ffffff;--h-button-help-hover-color:#ffffff;--h-button-help-active-color:#ffffff;--h-button-help-focus-ring-color:var(--h-purple-500);--h-button-help-focus-ring-shadow:none;--h-button-warn-background:var(--h-orange-500);--h-button-warn-hover-background:var(--h-orange-600);--h-button-warn-active-background:var(--h-orange-700);--h-button-warn-border-color:var(--h-orange-500);--h-button-warn-hover-border-color:var(--h-orange-600);--h-button-warn-active-border-color:var(--h-orange-700);--h-button-warn-color:#ffffff;--h-button-warn-hover-color:#ffffff;--h-button-warn-active-color:#ffffff;--h-button-warn-focus-ring-color:var(--h-orange-500);--h-button-warn-focus-ring-shadow:none;--h-button-success-background:var(--h-green-500);--h-button-success-hover-background:var(--h-green-600);--h-button-success-active-background:var(--h-green-700);--h-button-success-border-color:var(--h-green-500);--h-button-success-hover-border-color:var(--h-green-600);--h-button-success-active-border-color:var(--h-green-700);--h-button-success-color:#ffffff;--h-button-success-hover-color:#ffffff;--h-button-success-active-color:#ffffff;--h-button-success-focus-ring-color:var(--h-green-500);--h-button-success-focus-ring-shadow:none;--h-button-info-background:var(--h-sky-500);--h-button-info-hover-background:var(--h-sky-600);--h-button-info-active-background:var(--h-sky-700);--h-button-info-border-color:var(--h-sky-500);--h-button-info-hover-border-color:var(--h-sky-600);--h-button-info-active-border-color:var(--h-sky-700);--h-button-info-color:#ffffff;--h-button-info-hover-color:#ffffff;--h-button-info-active-color:#ffffff;--h-button-info-focus-ring-color:var(--h-sky-500);--h-button-info-focus-ring-shadow:none;--h-button-secondary-background:var(--h-surface-100);--h-button-secondary-hover-background:var(--h-surface-200);--h-button-secondary-active-background:var(--h-surface-300);--h-button-secondary-border-color:var(--h-surface-100);--h-button-secondary-hover-border-color:var(--h-surface-200);--h-button-secondary-active-border-color:var(--h-surface-300);--h-button-secondary-color:var(--h-surface-600);--h-button-secondary-hover-color:var(--h-surface-700);--h-button-secondary-active-color:var(--h-surface-800);--h-button-secondary-focus-ring-color:var(--h-surface-600);--h-button-secondary-focus-ring-shadow:none;--h-button-primary-background:var(--h-primary-color);--h-button-primary-hover-background:var(--h-primary-hover-color);--h-button-primary-active-background:var(--h-primary-active-color);--h-button-primary-border-color:var(--h-primary-color);--h-button-primary-hover-border-color:var(--h-primary-hover-color);--h-button-primary-active-border-color:var(--h-primary-active-color);--h-button-primary-color:var(--h-primary-contrast-color);--h-button-primary-hover-color:var(--h-primary-contrast-color);--h-button-primary-active-color:var(--h-primary-contrast-color);--h-button-primary-focus-ring-color:var(--h-primary-color);--h-button-primary-focus-ring-shadow:none;}.app-dark{--h-button-link-color:var(--h-primary-color);--h-button-link-hover-color:var(--h-primary-color);--h-button-link-active-color:var(--h-primary-color);--h-button-text-plain-hover-background:var(--h-surface-800);--h-button-text-plain-active-background:var(--h-surface-700);--h-button-text-plain-color:var(--h-surface-0);--h-button-text-contrast-hover-background:var(--h-surface-800);--h-button-text-contrast-active-background:var(--h-surface-700);--h-button-text-contrast-color:var(--h-surface-0);--h-button-text-danger-hover-background:color-mix(in srgb, var(--h-red-400), transparent 96%);--h-button-text-danger-active-background:color-mix(in srgb, var(--h-red-400), transparent 84%);--h-button-text-danger-color:var(--h-red-400);--h-button-text-help-hover-background:color-mix(in srgb, var(--h-purple-400), transparent 96%);--h-button-text-help-active-background:color-mix(in srgb, var(--h-purple-400), transparent 84%);--h-button-text-help-color:var(--h-purple-400);--h-button-text-warn-hover-background:color-mix(in srgb, var(--h-orange-400), transparent 96%);--h-button-text-warn-active-background:color-mix(in srgb, var(--h-orange-400), transparent 84%);--h-button-text-warn-color:var(--h-orange-400);--h-button-text-info-hover-background:color-mix(in srgb, var(--h-sky-400), transparent 96%);--h-button-text-info-active-background:color-mix(in srgb, var(--h-sky-400), transparent 84%);--h-button-text-info-color:var(--h-sky-400);--h-button-text-success-hover-background:color-mix(in srgb, var(--h-green-400), transparent 96%);--h-button-text-success-active-background:color-mix(in srgb, var(--h-green-400), transparent 84%);--h-button-text-success-color:var(--h-green-400);--h-button-text-secondary-hover-background:var(--h-surface-800);--h-button-text-secondary-active-background:var(--h-surface-700);--h-button-text-secondary-color:var(--h-surface-400);--h-button-text-primary-hover-background:color-mix(in srgb, var(--h-primary-color), transparent 96%);--h-button-text-primary-active-background:color-mix(in srgb, var(--h-primary-color), transparent 84%);--h-button-text-primary-color:var(--h-primary-color);--h-button-outlined-plain-hover-background:var(--h-surface-800);--h-button-outlined-plain-active-background:var(--h-surface-700);--h-button-outlined-plain-border-color:var(--h-surface-600);--h-button-outlined-plain-color:var(--h-surface-0);--h-button-outlined-contrast-hover-background:var(--h-surface-800);--h-button-outlined-contrast-active-background:var(--h-surface-700);--h-button-outlined-contrast-border-color:var(--h-surface-500);--h-button-outlined-contrast-color:var(--h-surface-0);--h-button-outlined-danger-hover-background:color-mix(in srgb, var(--h-red-400), transparent 96%);--h-button-outlined-danger-active-background:color-mix(in srgb, var(--h-red-400), transparent 84%);--h-button-outlined-danger-border-color:var(--h-red-700);--h-button-outlined-danger-color:var(--h-red-400);--h-button-outlined-help-hover-background:color-mix(in srgb, var(--h-purple-400), transparent 96%);--h-button-outlined-help-active-background:color-mix(in srgb, var(--h-purple-400), transparent 84%);--h-button-outlined-help-border-color:var(--h-purple-700);--h-button-outlined-help-color:var(--h-purple-400);--h-button-outlined-warn-hover-background:color-mix(in srgb, var(--h-orange-400), transparent 96%);--h-button-outlined-warn-active-background:color-mix(in srgb, var(--h-orange-400), transparent 84%);--h-button-outlined-warn-border-color:var(--h-orange-700);--h-button-outlined-warn-color:var(--h-orange-400);--h-button-outlined-info-hover-background:color-mix(in srgb, var(--h-sky-400), transparent 96%);--h-button-outlined-info-active-background:color-mix(in srgb, var(--h-sky-400), transparent 84%);--h-button-outlined-info-border-color:var(--h-sky-700);--h-button-outlined-info-color:var(--h-sky-400);--h-button-outlined-success-hover-background:color-mix(in srgb, var(--h-green-400), transparent 96%);--h-button-outlined-success-active-background:color-mix(in srgb, var(--h-green-400), transparent 84%);--h-button-outlined-success-border-color:var(--h-green-700);--h-button-outlined-success-color:var(--h-green-400);--h-button-outlined-secondary-hover-background:rgba(255,255,255,0.04);--h-button-outlined-secondary-active-background:rgba(255,255,255,0.16);--h-button-outlined-secondary-border-color:var(--h-surface-700);--h-button-outlined-secondary-color:var(--h-surface-400);--h-button-outlined-primary-hover-background:color-mix(in srgb, var(--h-primary-color), transparent 96%);--h-button-outlined-primary-active-background:color-mix(in srgb, var(--h-primary-color), transparent 84%);--h-button-outlined-primary-border-color:var(--h-primary-700);--h-button-outlined-primary-color:var(--h-primary-color);--h-button-contrast-background:var(--h-surface-200);--h-button-contrast-hover-background:var(--h-surface-300);--h-button-contrast-active-background:var(--h-surface-400);--h-button-contrast-border-color:var(--h-surface-200);--h-button-contrast-hover-border-color:var(--h-surface-300);--h-button-contrast-active-border-color:var(--h-surface-400);--h-button-contrast-color:var(--h-surface-950);--h-button-contrast-hover-color:var(--h-surface-950);--h-button-contrast-active-color:var(--h-surface-950);--h-button-contrast-focus-ring-color:var(--h-surface-200);--h-button-contrast-focus-ring-shadow:none;--h-button-danger-background:var(--h-red-400);--h-button-danger-hover-background:var(--h-red-300);--h-button-danger-active-background:var(--h-red-200);--h-button-danger-border-color:var(--h-red-400);--h-button-danger-hover-border-color:var(--h-red-300);--h-button-danger-active-border-color:var(--h-red-200);--h-button-danger-color:var(--h-red-950);--h-button-danger-hover-color:var(--h-red-950);--h-button-danger-active-color:var(--h-red-950);--h-button-danger-focus-ring-color:var(--h-red-400);--h-button-danger-focus-ring-shadow:none;--h-button-help-background:var(--h-purple-400);--h-button-help-hover-background:var(--h-purple-300);--h-button-help-active-background:var(--h-purple-200);--h-button-help-border-color:var(--h-purple-400);--h-button-help-hover-border-color:var(--h-purple-300);--h-button-help-active-border-color:var(--h-purple-200);--h-button-help-color:var(--h-purple-950);--h-button-help-hover-color:var(--h-purple-950);--h-button-help-active-color:var(--h-purple-950);--h-button-help-focus-ring-color:var(--h-purple-400);--h-button-help-focus-ring-shadow:none;--h-button-warn-background:var(--h-orange-400);--h-button-warn-hover-background:var(--h-orange-300);--h-button-warn-active-background:var(--h-orange-200);--h-button-warn-border-color:var(--h-orange-400);--h-button-warn-hover-border-color:var(--h-orange-300);--h-button-warn-active-border-color:var(--h-orange-200);--h-button-warn-color:var(--h-orange-950);--h-button-warn-hover-color:var(--h-orange-950);--h-button-warn-active-color:var(--h-orange-950);--h-button-warn-focus-ring-color:var(--h-orange-400);--h-button-warn-focus-ring-shadow:none;--h-button-success-background:var(--h-green-400);--h-button-success-hover-background:var(--h-green-300);--h-button-success-active-background:var(--h-green-200);--h-button-success-border-color:var(--h-green-400);--h-button-success-hover-border-color:var(--h-green-300);--h-button-success-active-border-color:var(--h-green-200);--h-button-success-color:var(--h-green-950);--h-button-success-hover-color:var(--h-green-950);--h-button-success-active-color:var(--h-green-950);--h-button-success-focus-ring-color:var(--h-green-400);--h-button-success-focus-ring-shadow:none;--h-button-info-background:var(--h-sky-400);--h-button-info-hover-background:var(--h-sky-300);--h-button-info-active-background:var(--h-sky-200);--h-button-info-border-color:var(--h-sky-400);--h-button-info-hover-border-color:var(--h-sky-300);--h-button-info-active-border-color:var(--h-sky-200);--h-button-info-color:var(--h-sky-950);--h-button-info-hover-color:var(--h-sky-950);--h-button-info-active-color:var(--h-sky-950);--h-button-info-focus-ring-color:var(--h-sky-400);--h-button-info-focus-ring-shadow:none;--h-button-secondary-background:var(--h-surface-800);--h-button-secondary-hover-background:var(--h-surface-700);--h-button-secondary-active-background:var(--h-surface-600);--h-button-secondary-border-color:var(--h-surface-800);--h-button-secondary-hover-border-color:var(--h-surface-700);--h-button-secondary-active-border-color:var(--h-surface-600);--h-button-secondary-color:var(--h-surface-300);--h-button-secondary-hover-color:var(--h-surface-200);--h-button-secondary-active-color:var(--h-surface-100);--h-button-secondary-focus-ring-color:var(--h-surface-300);--h-button-secondary-focus-ring-shadow:none;--h-button-primary-background:var(--h-primary-color);--h-button-primary-hover-background:var(--h-primary-hover-color);--h-button-primary-active-background:var(--h-primary-active-color);--h-button-primary-border-color:var(--h-primary-color);--h-button-primary-hover-border-color:var(--h-primary-hover-color);--h-button-primary-active-border-color:var(--h-primary-active-color);--h-button-primary-color:var(--h-primary-contrast-color);--h-button-primary-hover-color:var(--h-primary-contrast-color);--h-button-primary-active-color:var(--h-primary-contrast-color);--h-button-primary-focus-ring-color:var(--h-primary-color);--h-button-primary-focus-ring-shadow:none;}
13
13
  :root,:host{--h-card-subtitle-color:var(--h-text-muted-color);--h-card-title-font-size:1.25rem;--h-card-title-font-weight:500;--h-card-caption-gap:0.5rem;--h-card-body-padding:1.25rem;--h-card-body-gap:0.5rem;--h-card-background:var(--h-content-background);--h-card-border-radius:var(--h-border-radius-xl);--h-card-color:var(--h-content-color);--h-card-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);}
14
14
  :root,:host{--h-checkbox-icon-size:0.875rem;--h-checkbox-icon-color:var(--h-form-field-color);--h-checkbox-icon-checked-color:var(--h-primary-contrast-color);--h-checkbox-icon-checked-hover-color:var(--h-primary-contrast-color);--h-checkbox-icon-disabled-color:var(--h-form-field-disabled-color);--h-checkbox-icon-lg-size:1rem;--h-checkbox-icon-sm-size:0.75rem;--h-checkbox-border-radius:var(--h-border-radius-sm);--h-checkbox-width:1.25rem;--h-checkbox-height:1.25rem;--h-checkbox-background:var(--h-form-field-background);--h-checkbox-checked-background:var(--h-primary-color);--h-checkbox-checked-hover-background:var(--h-primary-hover-color);--h-checkbox-disabled-background:var(--h-form-field-disabled-background);--h-checkbox-filled-background:var(--h-form-field-filled-background);--h-checkbox-border-color:var(--h-form-field-border-color);--h-checkbox-hover-border-color:var(--h-form-field-hover-border-color);--h-checkbox-focus-border-color:var(--h-form-field-border-color);--h-checkbox-checked-border-color:var(--h-primary-color);--h-checkbox-checked-hover-border-color:var(--h-primary-hover-color);--h-checkbox-checked-focus-border-color:var(--h-primary-color);--h-checkbox-checked-disabled-border-color:var(--h-form-field-border-color);--h-checkbox-invalid-border-color:var(--h-form-field-invalid-border-color);--h-checkbox-shadow:var(--h-form-field-shadow);--h-checkbox-transition-duration:var(--h-form-field-transition-duration);--h-checkbox-lg-width:1.5rem;--h-checkbox-lg-height:1.5rem;--h-checkbox-sm-width:1rem;--h-checkbox-sm-height:1rem;--h-checkbox-focus-ring-width:var(--h-focus-ring-width);--h-checkbox-focus-ring-style:var(--h-focus-ring-style);--h-checkbox-focus-ring-color:var(--h-focus-ring-color);--h-checkbox-focus-ring-offset:var(--h-focus-ring-offset);--h-checkbox-focus-ring-shadow:var(--h-focus-ring-shadow);}
15
15
  :root,:host{--h-chip-remove-icon-size:1rem;--h-chip-remove-icon-focus-ring-width:var(--h-focus-ring-width);--h-chip-remove-icon-focus-ring-style:var(--h-focus-ring-style);--h-chip-remove-icon-focus-ring-color:var(--h-focus-ring-color);--h-chip-remove-icon-focus-ring-offset:var(--h-focus-ring-offset);--h-chip-remove-icon-focus-ring-shadow:var(--h-form-field-focus-ring-shadow);--h-chip-icon-size:1rem;--h-chip-image-width:2rem;--h-chip-image-height:2rem;--h-chip-border-radius:16px;--h-chip-padding-x:0.75rem;--h-chip-padding-y:0.5rem;--h-chip-gap:0.5rem;--h-chip-transition-duration:var(--h-transition-duration);--h-chip-remove-icon-color:var(--h-surface-800);--h-chip-icon-color:var(--h-surface-800);--h-chip-background:var(--h-surface-100);--h-chip-color:var(--h-surface-800);}.app-dark{--h-chip-remove-icon-color:var(--h-surface-0);--h-chip-icon-color:var(--h-surface-0);--h-chip-background:var(--h-surface-800);--h-chip-color:var(--h-surface-0);}