1055 lines
54 KiB
JSON
1055 lines
54 KiB
JSON
{
|
|
"--hm-accordion-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-accordion-content-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-accordion-divider-width": "1px",
|
|
"--hm-accordion-divider-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-accordion-trigger-min-height": "48px",
|
|
"--hm-accordion-trigger-padding-y": "12px",
|
|
"--hm-accordion-trigger-gap": "16px",
|
|
"--hm-accordion-trigger-font-size": "16px",
|
|
"--hm-accordion-trigger-line-height": "24px",
|
|
"--hm-accordion-trigger-font-weight": "500",
|
|
"--hm-accordion-icon-size": "20px",
|
|
"--hm-accordion-icon-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-accordion-content-font-size": "14px",
|
|
"--hm-accordion-content-line-height": "20px",
|
|
"--hm-accordion-content-padding-bottom": "16px",
|
|
"--hm-accordion-disabled-opacity": "0.6",
|
|
"--hm-alert-dialog-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-alert-dialog-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-alert-dialog-border-width": "1px",
|
|
"--hm-alert-dialog-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-alert-dialog-radius": "8px",
|
|
"--hm-alert-dialog-shadow": "0 0 12px rgb(0 0 0 / 0.2)",
|
|
"--hm-alert-dialog-width": "400px",
|
|
"--hm-alert-dialog-edge": "16px",
|
|
"--hm-alert-dialog-padding": "24px",
|
|
"--hm-alert-dialog-header-gap": "8px",
|
|
"--hm-alert-dialog-actions-gap": "8px",
|
|
"--hm-alert-dialog-actions-margin-top": "24px",
|
|
"--hm-alert-dialog-title-font-size": "18px",
|
|
"--hm-alert-dialog-title-line-height": "28px",
|
|
"--hm-alert-dialog-title-font-weight": "700",
|
|
"--hm-alert-dialog-description-font-size": "14px",
|
|
"--hm-alert-dialog-description-line-height": "20px",
|
|
"--hm-alert-dialog-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-alert-radius": "var(--hm-radius-control-md)",
|
|
"--hm-alert-padding-x": "16px",
|
|
"--hm-alert-padding-y": "12px",
|
|
"--hm-alert-border-width": "1px",
|
|
"--hm-alert-icon-size": "16px",
|
|
"--hm-alert-title-font-size": "14px",
|
|
"--hm-alert-title-line-height": "20px",
|
|
"--hm-alert-title-font-weight": "500",
|
|
"--hm-alert-description-font-size": "14px",
|
|
"--hm-alert-description-line-height": "20px",
|
|
"--hm-alert-description-font-weight": "400",
|
|
"--hm-alert-default-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-alert-default-border-color": "var(--hm-sem-stroke-default)",
|
|
"--hm-alert-default-title-color": "var(--hm-sem-fg-primary)",
|
|
"--hm-alert-default-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-alert-destructive-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-alert-destructive-border-color": "var(--hm-sem-action-destructive)",
|
|
"--hm-alert-destructive-title-color": "var(--hm-sem-action-destructive)",
|
|
"--hm-alert-destructive-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-avatar-size-sm": "24px",
|
|
"--hm-avatar-size-md": "32px",
|
|
"--hm-avatar-size-lg": "40px",
|
|
"--hm-avatar-radius": "9999px",
|
|
"--hm-avatar-fallback-background": "var(--accent)",
|
|
"--hm-avatar-fallback-text": "var(--accent-foreground)",
|
|
"--hm-avatar-fallback-font-weight": "500",
|
|
"--hm-avatar-fallback-font-size-sm": "10px",
|
|
"--hm-avatar-fallback-font-size-md": "12px",
|
|
"--hm-avatar-fallback-font-size-lg": "14px",
|
|
"--hm-badge-radius": "var(--hm-radius-control-md)",
|
|
"--hm-badge-padding-x": "8px",
|
|
"--hm-badge-padding-y": "2px",
|
|
"--hm-badge-border-width": "1px",
|
|
"--hm-badge-font-size": "12px",
|
|
"--hm-badge-line-height": "18px",
|
|
"--hm-badge-font-weight": "500",
|
|
"--hm-badge-default-background": "var(--hm-sem-action-primary)",
|
|
"--hm-badge-default-text": "var(--hm-sem-on-action-primary)",
|
|
"--hm-badge-default-border-color": "var(--hm-sem-action-primary)",
|
|
"--hm-badge-secondary-background": "var(--hm-color-surface-subtle)",
|
|
"--hm-badge-secondary-text": "var(--hm-sem-fg-secondary)",
|
|
"--hm-badge-secondary-border-color": "var(--hm-color-surface-subtle)",
|
|
"--hm-badge-destructive-background": "var(--hm-sem-action-destructive)",
|
|
"--hm-badge-destructive-text": "var(--hm-white)",
|
|
"--hm-badge-destructive-border-color": "var(--hm-sem-action-destructive)",
|
|
"--hm-badge-outline-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-badge-outline-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-badge-outline-border-color": "var(--hm-sem-stroke-default)",
|
|
"--hm-breadcrumb-font-size": "14px",
|
|
"--hm-breadcrumb-line-height": "20px",
|
|
"--hm-breadcrumb-font-weight": "400",
|
|
"--hm-breadcrumb-gap": "8px",
|
|
"--hm-breadcrumb-link-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-breadcrumb-link-hover-color": "var(--hm-sem-fg-primary)",
|
|
"--hm-breadcrumb-page-color": "var(--hm-sem-fg-primary)",
|
|
"--hm-breadcrumb-page-font-weight": "700",
|
|
"--hm-breadcrumb-separator-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-breadcrumb-separator-size": "16px",
|
|
"--hm-breadcrumb-ellipsis-size": "20px",
|
|
"--hm-breadcrumb-focus-radius": "2px",
|
|
"--hm-button-radius": "var(--hm-radius-button)",
|
|
"--hm-button-font-family": "var(--hm-font-family-base)",
|
|
"--hm-button-weight-brand": "var(--hm-font-weight-bold)",
|
|
"--hm-button-weight-standard": "var(--hm-font-weight-medium)",
|
|
"--hm-button-text": "var(--hm-color-text-inverse)",
|
|
"--hm-button-disabled-opacity": "0.6",
|
|
"--hm-button-height-sm": "28px",
|
|
"--hm-button-height-md": "var(--hm-control-height-md)",
|
|
"--hm-button-height-lg": "42px",
|
|
"--hm-button-padding-x-sm": "10px",
|
|
"--hm-button-padding-x-md": "14px",
|
|
"--hm-button-padding-x-lg": "18px",
|
|
"--hm-button-font-size-sm": "12px",
|
|
"--hm-button-font-size-md": "var(--hm-font-size-button-md)",
|
|
"--hm-button-font-size-lg": "15px",
|
|
"--hm-button-line-height-sm": "18px",
|
|
"--hm-button-line-height-md": "20px",
|
|
"--hm-button-line-height-lg": "22px",
|
|
"--hm-button-brand-green-background": "var(--hm-sem-surface-action-primary)",
|
|
"--hm-button-brand-green-border": "var(--hm-sem-border-action-primary)",
|
|
"--hm-button-brand-brown-background": "linear-gradient(180deg, var(--hm-brown-light-2) 0%, var(--hm-brown-light-1) 30%, var(--hm-brown-dark-1) 65%, #221d13 100%)",
|
|
"--hm-button-brand-brown-border": "linear-gradient(180deg, var(--hm-brown-dark-1) 0%, #a98d53 50%, #221d13 100%)",
|
|
"--hm-button-brand-orange-background": "linear-gradient(180deg, #d35a00 0%, #ce5600 30%, #b44b00 65%, #783402 100%)",
|
|
"--hm-button-brand-orange-border": "linear-gradient(180deg, #bc4c00 0%, var(--hm-orange-light-4) 50%, #5e2902 100%)",
|
|
"--hm-button-brand-bevel": "inset 0 1px 1px var(--hm-color-action-shadow-light), inset 0 -1px 2px var(--hm-color-action-shadow-dark)",
|
|
"--hm-button-solid-green-background": "var(--hm-green-light-1)",
|
|
"--hm-button-solid-green-border": "var(--hm-green-dark-1)",
|
|
"--hm-button-solid-brown-background": "var(--hm-brown-light-1)",
|
|
"--hm-button-solid-brown-border": "var(--hm-brown-dark-1)",
|
|
"--hm-button-solid-orange-background": "var(--hm-orange-default)",
|
|
"--hm-button-solid-orange-border": "var(--hm-orange-default)",
|
|
"--hm-button-solid-gray-background": "#767676",
|
|
"--hm-button-solid-gray-border": "#5a5a5a",
|
|
"--hm-button-outline-green-ink": "var(--hm-color-primary)",
|
|
"--hm-button-outline-brown-ink": "var(--hm-brown-default)",
|
|
"--hm-button-outline-red-ink": "var(--hm-color-action-destructive)",
|
|
"--hm-button-outline-red-surface": "var(--hm-color-action-destructive-hover)",
|
|
"--hm-button-outline-surface": "var(--hm-color-surface-default)",
|
|
"--hm-button-state-overlay": "var(--hm-color-action-overlay-hover)",
|
|
"--hm-calendar-padding": "12px",
|
|
"--hm-calendar-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-calendar-month-gap": "16px",
|
|
"--hm-calendar-caption-height": "32px",
|
|
"--hm-calendar-caption-font-size": "14px",
|
|
"--hm-calendar-caption-line-height": "20px",
|
|
"--hm-calendar-caption-font-weight": "700",
|
|
"--hm-calendar-nav-size": "28px",
|
|
"--hm-calendar-nav-radius": "var(--hm-radius-control-md)",
|
|
"--hm-calendar-nav-icon-size": "16px",
|
|
"--hm-calendar-nav-hover-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-calendar-weekday-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-calendar-weekday-font-size": "12px",
|
|
"--hm-calendar-weekday-line-height": "18px",
|
|
"--hm-calendar-weekday-font-weight": "500",
|
|
"--hm-calendar-day-size": "36px",
|
|
"--hm-calendar-day-radius": "var(--hm-radius-control-md)",
|
|
"--hm-calendar-day-font-size": "14px",
|
|
"--hm-calendar-day-line-height": "20px",
|
|
"--hm-calendar-day-hover-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-calendar-today-background": "var(--hm-color-surface-subtle)",
|
|
"--hm-calendar-today-font-weight": "700",
|
|
"--hm-calendar-selected-background": "var(--hm-sem-state-active)",
|
|
"--hm-calendar-selected-text": "var(--hm-sem-on-state-active)",
|
|
"--hm-calendar-range-edge-background": "var(--hm-sem-state-active)",
|
|
"--hm-calendar-range-edge-text": "var(--hm-sem-on-state-active)",
|
|
"--hm-calendar-range-middle-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-calendar-range-middle-text": "var(--accent-foreground)",
|
|
"--hm-calendar-outside-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-calendar-outside-opacity": "0.6",
|
|
"--hm-calendar-disabled-opacity": "0.4",
|
|
"--hm-card-radius": "var(--hm-radius-container)",
|
|
"--hm-card-border-width": "1px",
|
|
"--hm-card-padding": "24px",
|
|
"--hm-card-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-card-border-color-on-content": "var(--hm-brown-light-4)",
|
|
"--hm-card-surface": "var(--hm-sem-bg-surface)",
|
|
"--hm-card-surface-content": "var(--hm-sem-bg-content)",
|
|
"--hm-card-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-card-header-gap": "20px",
|
|
"--hm-card-title-font-size": "20px",
|
|
"--hm-card-title-line-height": "28px",
|
|
"--hm-card-title-font-weight": "var(--hm-font-weight-bold)",
|
|
"--hm-card-title-color": "var(--hm-sem-fg-primary)",
|
|
"--hm-carousel-gap": "16px",
|
|
"--hm-carousel-control-size": "32px",
|
|
"--hm-carousel-control-inset": "8px",
|
|
"--hm-carousel-control-icon-size": "16px",
|
|
"--hm-carousel-control-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-carousel-control-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-carousel-control-border-width": "1px",
|
|
"--hm-carousel-control-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-carousel-control-hover-background": "var(--accent)",
|
|
"--hm-carousel-disabled-opacity": "0.6",
|
|
"--hm-checkbox-size": "18px",
|
|
"--hm-checkbox-radius": "var(--hm-radius-control-md)",
|
|
"--hm-checkbox-border-width": "1px",
|
|
"--hm-checkbox-icon-size": "14px",
|
|
"--hm-checkbox-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-checkbox-border-color": "var(--hm-sem-stroke-default)",
|
|
"--hm-checkbox-hover-border-color": "var(--hm-sem-action-primary)",
|
|
"--hm-checkbox-checked-background": "var(--hm-sem-state-active)",
|
|
"--hm-checkbox-checked-border-color": "var(--hm-sem-state-active)",
|
|
"--hm-checkbox-checked-hover-overlay": "var(--hm-color-action-overlay-hover)",
|
|
"--hm-checkbox-indicator-color": "var(--hm-sem-on-state-active)",
|
|
"--hm-checkbox-error-border-color": "var(--hm-red-danger)",
|
|
"--hm-collapsible-trigger-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-collapsible-trigger-gap": "8px",
|
|
"--hm-collapsible-trigger-font-size": "14px",
|
|
"--hm-collapsible-trigger-line-height": "20px",
|
|
"--hm-collapsible-trigger-font-weight": "500",
|
|
"--hm-collapsible-icon-size": "16px",
|
|
"--hm-collapsible-icon-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-collapsible-content-gap": "8px",
|
|
"--hm-collapsible-content-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-collapsible-content-font-size": "14px",
|
|
"--hm-collapsible-content-line-height": "20px",
|
|
"--hm-collapsible-disabled-opacity": "0.6",
|
|
"--hm-combobox-height-md": "32px",
|
|
"--hm-combobox-height-lg": "42px",
|
|
"--hm-combobox-border-width": "1px",
|
|
"--hm-combobox-padding-x": "12px",
|
|
"--hm-combobox-gap": "12px",
|
|
"--hm-combobox-radius": "var(--hm-radius-control-md)",
|
|
"--hm-combobox-font-size-md": "14px",
|
|
"--hm-combobox-line-height-md": "20px",
|
|
"--hm-combobox-font-size-lg": "16px",
|
|
"--hm-combobox-line-height-lg": "24px",
|
|
"--hm-combobox-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-combobox-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-combobox-placeholder": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-combobox-border-color": "var(--hm-sem-stroke-input-default)",
|
|
"--hm-combobox-focus-border-color": "var(--hm-sem-stroke-input-focus)",
|
|
"--hm-combobox-icon-size": "18px",
|
|
"--hm-combobox-icon-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-combobox-check-size": "16px",
|
|
"--hm-combobox-disabled-opacity": "0.6",
|
|
"--hm-command-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-command-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-command-radius": "var(--hm-radius-container)",
|
|
"--hm-command-input-height": "40px",
|
|
"--hm-command-input-padding-x": "12px",
|
|
"--hm-command-input-gap": "8px",
|
|
"--hm-command-input-font-size": "14px",
|
|
"--hm-command-input-line-height": "20px",
|
|
"--hm-command-input-placeholder": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-command-input-icon-size": "16px",
|
|
"--hm-command-input-icon-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-command-divider-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-command-list-max-height": "280px",
|
|
"--hm-command-list-padding": "4px",
|
|
"--hm-command-item-height": "36px",
|
|
"--hm-command-item-padding-x": "12px",
|
|
"--hm-command-item-gap": "8px",
|
|
"--hm-command-item-radius": "2px",
|
|
"--hm-command-item-font-size": "14px",
|
|
"--hm-command-item-line-height": "20px",
|
|
"--hm-command-highlight-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-command-highlight-text": "var(--accent-foreground)",
|
|
"--hm-command-group-label-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-command-group-label-font-size": "12px",
|
|
"--hm-command-group-label-line-height": "18px",
|
|
"--hm-command-group-label-font-weight": "500",
|
|
"--hm-command-shortcut-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-command-shortcut-font-size": "12px",
|
|
"--hm-command-empty-padding-y": "24px",
|
|
"--hm-command-empty-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-command-disabled-opacity": "0.6",
|
|
"--hm-context-menu-background": "var(--hm-sem-floating-background)",
|
|
"--hm-context-menu-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-context-menu-border-width": "var(--hm-sem-floating-border-width)",
|
|
"--hm-context-menu-border-color": "var(--hm-sem-floating-border-color)",
|
|
"--hm-context-menu-radius": "var(--hm-sem-floating-radius)",
|
|
"--hm-context-menu-shadow": "var(--hm-sem-floating-shadow)",
|
|
"--hm-context-menu-padding": "4px",
|
|
"--hm-context-menu-item-height": "36px",
|
|
"--hm-context-menu-item-padding-x": "12px",
|
|
"--hm-context-menu-item-gap": "8px",
|
|
"--hm-context-menu-item-radius": "2px",
|
|
"--hm-context-menu-font-size": "14px",
|
|
"--hm-context-menu-line-height": "20px",
|
|
"--hm-context-menu-font-weight": "400",
|
|
"--hm-context-menu-highlight-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-context-menu-highlight-text": "var(--accent-foreground)",
|
|
"--hm-context-menu-destructive-text": "var(--hm-sem-action-destructive)",
|
|
"--hm-context-menu-destructive-highlight-background": "var(--hm-color-action-destructive-hover)",
|
|
"--hm-context-menu-label-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-context-menu-label-font-size": "12px",
|
|
"--hm-context-menu-label-line-height": "18px",
|
|
"--hm-context-menu-label-font-weight": "500",
|
|
"--hm-context-menu-shortcut-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-context-menu-shortcut-font-size": "12px",
|
|
"--hm-context-menu-separator-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-context-menu-indicator-size": "16px",
|
|
"--hm-context-menu-radio-dot-size": "8px",
|
|
"--hm-dashboard-height": "100dvh",
|
|
"--hm-dashboard-background": "var(--hm-lnb-background-end)",
|
|
"--hm-dashboard-content-background": "var(--hm-sem-bg-content)",
|
|
"--hm-dashboard-padding": "34px",
|
|
"--hm-dashboard-gap": "24px",
|
|
"--hm-dashboard-content-shadow-top": "0 -8px 18px rgb(7 30 24 / 0.18)",
|
|
"--hm-dashboard-content-shadow-side": "-8px 0 18px rgb(7 30 24 / 0.18)",
|
|
"--hm-data-table-footer-gap": "12px",
|
|
"--hm-data-table-footer-padding-top": "12px",
|
|
"--hm-data-table-summary-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-data-table-summary-font-size": "13px",
|
|
"--hm-data-table-sort-gap": "4px",
|
|
"--hm-data-table-sort-icon-size": "14px",
|
|
"--hm-data-table-sort-active-color": "var(--hm-green-light-3)",
|
|
"--hm-data-table-empty-padding-y": "48px",
|
|
"--hm-data-table-empty-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-data-table-skeleton-height": "16px",
|
|
"--hm-date-picker-height-md": "32px",
|
|
"--hm-date-picker-height-lg": "42px",
|
|
"--hm-date-picker-border-width": "1px",
|
|
"--hm-date-picker-padding-x": "12px",
|
|
"--hm-date-picker-gap": "12px",
|
|
"--hm-date-picker-radius": "var(--hm-radius-control-md)",
|
|
"--hm-date-picker-font-size-md": "14px",
|
|
"--hm-date-picker-line-height-md": "20px",
|
|
"--hm-date-picker-font-size-lg": "16px",
|
|
"--hm-date-picker-line-height-lg": "24px",
|
|
"--hm-date-picker-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-date-picker-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-date-picker-placeholder": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-date-picker-border-color": "var(--hm-sem-stroke-input-default)",
|
|
"--hm-date-picker-focus-border-color": "var(--hm-sem-stroke-input-focus)",
|
|
"--hm-date-picker-icon-size": "18px",
|
|
"--hm-date-picker-icon-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-date-picker-disabled-opacity": "0.6",
|
|
"--hm-color-primary": "var(--hm-green-default)",
|
|
"--hm-color-primary-hover": "color-mix(in srgb, var(--hm-color-primary) 85%, var(--hm-black))",
|
|
"--hm-color-primary-active": "color-mix(in srgb, var(--hm-color-primary) 70%, var(--hm-black))",
|
|
"--hm-color-surface-default": "var(--hm-white)",
|
|
"--hm-color-surface-content": "var(--hm-beige-light)",
|
|
"--hm-color-surface-subtle": "var(--hm-warm-neutral-muted)",
|
|
"--hm-color-text-primary": "var(--hm-green-dark-1)",
|
|
"--hm-color-text-secondary": "var(--hm-warm-neutral-dark)",
|
|
"--hm-color-text-inverse": "var(--hm-white)",
|
|
"--hm-color-text-placeholder": "var(--hm-neutral-gray-500)",
|
|
"--hm-color-border-default": "var(--hm-warm-neutral-mid)",
|
|
"--hm-color-border-control": "var(--hm-warm-neutral-pale)",
|
|
"--hm-color-border-focus": "var(--hm-green-light-2)",
|
|
"--hm-color-action-cancel": "var(--hm-warm-neutral-dark)",
|
|
"--hm-color-action-destructive": "var(--hm-red-danger)",
|
|
"--hm-color-action-destructive-hover": "color-mix(in srgb, var(--hm-color-action-destructive) 8%, var(--hm-color-surface-default))",
|
|
"--hm-color-action-overlay-hover": "color-mix(in srgb, var(--hm-black) 20%, transparent)",
|
|
"--hm-color-action-overlay-active": "color-mix(in srgb, var(--hm-black) 30%, transparent)",
|
|
"--hm-color-action-shadow-light": "color-mix(in srgb, var(--hm-white) 10%, transparent)",
|
|
"--hm-color-action-shadow-dark": "color-mix(in srgb, var(--hm-black) 25%, transparent)",
|
|
"--hm-radius-control-md": "4px",
|
|
"--hm-control-height-md": "34px",
|
|
"--hm-font-family-base": "\"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
|
|
"--hm-font-size-button-md": "13px",
|
|
"--hm-font-weight-medium": "500",
|
|
"--hm-font-weight-bold": "700",
|
|
"--hm-sem-bg-content": "var(--hm-color-surface-content)",
|
|
"--hm-sem-bg-surface": "var(--hm-color-surface-default)",
|
|
"--hm-sem-fg-primary": "var(--hm-color-text-primary)",
|
|
"--hm-sem-fg-secondary": "var(--hm-color-text-secondary)",
|
|
"--hm-sem-fg-placeholder": "var(--hm-color-text-placeholder)",
|
|
"--hm-sem-action-primary": "var(--hm-color-primary)",
|
|
"--hm-sem-action-cancel": "var(--hm-color-action-cancel)",
|
|
"--hm-sem-action-destructive": "var(--hm-color-action-destructive)",
|
|
"--hm-sem-stroke-default": "var(--hm-color-border-default)",
|
|
"--hm-sem-stroke-input-default": "var(--hm-color-border-control)",
|
|
"--hm-sem-stroke-input-focus": "var(--hm-color-border-focus)",
|
|
"--hm-sem-on-action-primary": "var(--hm-color-text-inverse)",
|
|
"--hm-sem-state-active": "var(--hm-green-light-2)",
|
|
"--hm-sem-on-state-active": "var(--hm-color-text-inverse)",
|
|
"--hm-sem-brand-bg-stop-0": "var(--hm-green-dark-1)",
|
|
"--hm-sem-brand-bg-stop-12": "var(--hm-green-dark-2)",
|
|
"--hm-sem-brand-bg-stop-42": "var(--hm-green-default)",
|
|
"--hm-sem-brand-bg-stop-78": "var(--hm-green-light-2)",
|
|
"--hm-sem-brand-bg-stop-100": "var(--hm-green-light-1)",
|
|
"--hm-sem-bg-brand": "linear-gradient(to bottom,\r\n var(--hm-sem-brand-bg-stop-0) 0%, var(--hm-sem-brand-bg-stop-12) 12%,\r\n var(--hm-sem-brand-bg-stop-42) 42%, var(--hm-sem-brand-bg-stop-78) 78%,\r\n var(--hm-sem-brand-bg-stop-100) 100%)",
|
|
"--hm-sem-action-surface-stop-0": "var(--hm-green-tone-1)",
|
|
"--hm-sem-action-surface-stop-30": "var(--hm-green-tone-2)",
|
|
"--hm-sem-action-surface-stop-65": "var(--hm-green-tone-3)",
|
|
"--hm-sem-action-surface-stop-100": "var(--hm-green-tone-4)",
|
|
"--hm-sem-surface-action-primary": "linear-gradient(180deg,\r\n var(--hm-sem-action-surface-stop-0) 0%, var(--hm-sem-action-surface-stop-30) 30%,\r\n var(--hm-sem-action-surface-stop-65) 65%, var(--hm-sem-action-surface-stop-100) 100%)",
|
|
"--hm-sem-action-border-stop-0": "var(--hm-green-dark-1)",
|
|
"--hm-sem-action-border-stop-50": "var(--hm-green-light-4)",
|
|
"--hm-sem-action-border-stop-100": "var(--hm-green-tone-4)",
|
|
"--hm-sem-border-action-primary": "linear-gradient(180deg,\r\n var(--hm-sem-action-border-stop-0) 0%, var(--hm-sem-action-border-stop-50) 50%,\r\n var(--hm-sem-action-border-stop-100) 100%)",
|
|
"--hm-radius-button": "var(--hm-radius-control-md)",
|
|
"--hm-radius-input": "var(--hm-radius-control-md)",
|
|
"--hm-radius-select": "var(--hm-radius-control-md)",
|
|
"--hm-radius-container": "var(--hm-radius-control-md)",
|
|
"--hm-sem-floating-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-sem-floating-border-width": "1px",
|
|
"--hm-sem-floating-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-sem-floating-radius": "var(--hm-radius-container)",
|
|
"--hm-sem-floating-shadow": "0 0 12px rgb(0 0 0 / 0.2)",
|
|
"--background": "var(--hm-sem-bg-content)",
|
|
"--foreground": "var(--hm-sem-fg-primary)",
|
|
"--card": "var(--hm-sem-bg-surface)",
|
|
"--card-foreground": "var(--hm-sem-fg-primary)",
|
|
"--popover": "var(--hm-sem-bg-surface)",
|
|
"--popover-foreground": "var(--hm-sem-fg-primary)",
|
|
"--primary": "var(--hm-sem-action-primary)",
|
|
"--primary-foreground": "var(--hm-sem-on-action-primary)",
|
|
"--secondary": "var(--hm-warm-neutral-secondary)",
|
|
"--secondary-foreground": "var(--hm-brown-default)",
|
|
"--muted": "var(--hm-color-surface-subtle)",
|
|
"--muted-foreground": "var(--hm-sem-fg-secondary)",
|
|
"--accent": "var(--hm-green-tint)",
|
|
"--accent-foreground": "var(--hm-sem-action-primary)",
|
|
"--destructive": "var(--hm-sem-action-destructive)",
|
|
"--border": "var(--hm-sem-stroke-default)",
|
|
"--input": "var(--hm-sem-stroke-input-default)",
|
|
"--ring": "var(--hm-sem-stroke-input-focus)",
|
|
"--radius": "var(--hm-radius-container)",
|
|
"--hm-dialog-radius": "8px",
|
|
"--hm-dialog-shadow": "0 0 12px rgb(0 0 0 / 0.2)",
|
|
"--hm-dialog-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-dialog-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-dialog-border-width": "1px",
|
|
"--hm-dialog-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-dialog-divider-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-dialog-padding": "24px",
|
|
"--hm-dialog-header-padding-bottom": "16px",
|
|
"--hm-dialog-header-gap": "8px",
|
|
"--hm-dialog-actions-gap": "8px",
|
|
"--hm-dialog-title-font-size": "20px",
|
|
"--hm-dialog-title-line-height": "28px",
|
|
"--hm-dialog-title-font-weight": "700",
|
|
"--hm-dialog-description-font-size": "14px",
|
|
"--hm-dialog-description-line-height": "20px",
|
|
"--hm-dialog-body-font-size": "16px",
|
|
"--hm-dialog-body-line-height": "24px",
|
|
"--hm-dialog-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-dialog-edge": "16px",
|
|
"--hm-dialog-app-header-height": "0px",
|
|
"--hm-dialog-app-footer-height": "0px",
|
|
"--hm-drawer-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-drawer-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-drawer-border-width": "1px",
|
|
"--hm-drawer-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-drawer-radius": "8px",
|
|
"--hm-drawer-shadow": "0 0 12px rgb(0 0 0 / 0.2)",
|
|
"--hm-drawer-max-height": "85dvh",
|
|
"--hm-drawer-width": "400px",
|
|
"--hm-drawer-edge-gap": "48px",
|
|
"--hm-drawer-padding": "24px",
|
|
"--hm-drawer-header-gap": "8px",
|
|
"--hm-drawer-footer-gap": "8px",
|
|
"--hm-drawer-handle-width": "48px",
|
|
"--hm-drawer-handle-height": "4px",
|
|
"--hm-drawer-handle-color": "var(--hm-warm-neutral-mid)",
|
|
"--hm-drawer-handle-margin-top": "12px",
|
|
"--hm-drawer-title-font-size": "18px",
|
|
"--hm-drawer-title-line-height": "28px",
|
|
"--hm-drawer-title-font-weight": "700",
|
|
"--hm-drawer-description-font-size": "14px",
|
|
"--hm-drawer-description-line-height": "20px",
|
|
"--hm-drawer-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-drawer-body-font-size": "14px",
|
|
"--hm-drawer-body-line-height": "20px",
|
|
"--hm-dropdown-menu-background": "var(--hm-sem-floating-background)",
|
|
"--hm-dropdown-menu-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-dropdown-menu-border-width": "var(--hm-sem-floating-border-width)",
|
|
"--hm-dropdown-menu-border-color": "var(--hm-sem-floating-border-color)",
|
|
"--hm-dropdown-menu-radius": "var(--hm-sem-floating-radius)",
|
|
"--hm-dropdown-menu-shadow": "var(--hm-sem-floating-shadow)",
|
|
"--hm-dropdown-menu-padding": "4px",
|
|
"--hm-dropdown-menu-item-height": "36px",
|
|
"--hm-dropdown-menu-item-padding-x": "12px",
|
|
"--hm-dropdown-menu-item-gap": "8px",
|
|
"--hm-dropdown-menu-item-radius": "2px",
|
|
"--hm-dropdown-menu-font-size": "14px",
|
|
"--hm-dropdown-menu-line-height": "20px",
|
|
"--hm-dropdown-menu-font-weight": "400",
|
|
"--hm-dropdown-menu-highlight-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-dropdown-menu-highlight-text": "var(--accent-foreground)",
|
|
"--hm-dropdown-menu-destructive-text": "var(--hm-sem-action-destructive)",
|
|
"--hm-dropdown-menu-destructive-highlight-background": "var(--hm-color-action-destructive-hover)",
|
|
"--hm-dropdown-menu-label-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-dropdown-menu-label-font-size": "12px",
|
|
"--hm-dropdown-menu-label-line-height": "18px",
|
|
"--hm-dropdown-menu-label-font-weight": "500",
|
|
"--hm-dropdown-menu-shortcut-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-dropdown-menu-shortcut-font-size": "12px",
|
|
"--hm-dropdown-menu-separator-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-dropdown-menu-indicator-size": "16px",
|
|
"--hm-dropdown-menu-radio-dot-size": "8px",
|
|
"--hm-filter-bar-gap": "8px",
|
|
"--hm-filter-bar-control-width": "180px",
|
|
"--hm-filter-bar-search-width": "280px",
|
|
"--hm-filter-bar-search-icon-size": "16px",
|
|
"--hm-filter-bar-search-icon-inset": "12px",
|
|
"--hm-filter-bar-search-icon-gap": "8px",
|
|
"--hm-filter-bar-search-text-end": "32px",
|
|
"--hm-filter-bar-search-icon-color": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-filter-bar-search-clear-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-filter-bar-narrow-breakpoint": "640px",
|
|
"--hm-gnb-height": "70px",
|
|
"--hm-gnb-join": "12px",
|
|
"--hm-gnb-background": "linear-gradient(180deg, var(--hm-green-tone-1) 0%, var(--hm-green-tone-2) 30%, var(--hm-green-tone-3) 65%, var(--hm-green-tone-4) 100%)",
|
|
"--hm-gnb-padding-x": "28px",
|
|
"--hm-gnb-column-gap": "24px",
|
|
"--hm-gnb-z-index": "40",
|
|
"--hm-gnb-text": "var(--hm-white)",
|
|
"--hm-gnb-text-secondary": "var(--hm-green-tint)",
|
|
"--hm-gnb-text-stroke-color": "color-mix(in srgb, var(--hm-black) 30%, transparent)",
|
|
"--hm-gnb-text-stroke-width": "1px",
|
|
"--hm-gnb-hover-background": "color-mix(in srgb, var(--hm-black) 10%, transparent)",
|
|
"--hm-gnb-focus-outline": "2px solid var(--hm-white)",
|
|
"--hm-gnb-brand-gap": "12px",
|
|
"--hm-gnb-brand-padding-end": "28px",
|
|
"--hm-gnb-brand-eyebrow-size": "11px",
|
|
"--hm-gnb-brand-eyebrow-spacing": "0.12em",
|
|
"--hm-gnb-brand-name-size": "16px",
|
|
"--hm-gnb-brand-text-gap": "5px",
|
|
"--hm-gnb-logo-max-height": "100%",
|
|
"--hm-gnb-menu-inset-top": "4px",
|
|
"--hm-gnb-menu-join": "12px",
|
|
"--hm-gnb-menu-min-width": "112px",
|
|
"--hm-gnb-menu-padding-x": "16px",
|
|
"--hm-gnb-menu-gap": "12px",
|
|
"--hm-gnb-menu-radius": "4px 4px 0 0",
|
|
"--hm-gnb-menu-font-size": "16px",
|
|
"--hm-gnb-menu-font-weight": "700",
|
|
"--hm-gnb-current-background": "var(--hm-sem-bg-content)",
|
|
"--hm-gnb-current-text": "var(--hm-sem-action-primary)",
|
|
"--hm-gnb-open-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-gnb-open-text": "var(--hm-sem-action-primary)",
|
|
"--hm-gnb-panel-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-gnb-panel-radius": "0 0 8px 8px",
|
|
"--hm-gnb-panel-shadow": "0 6px 16px rgb(0 0 0 / 0.1)",
|
|
"--hm-gnb-panel-item-min-height": "56px",
|
|
"--hm-gnb-panel-item-padding": "16px",
|
|
"--hm-gnb-panel-item-font-size": "16px",
|
|
"--hm-gnb-panel-item-line-height": "24px",
|
|
"--hm-gnb-panel-item-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-gnb-panel-item-hover-background": "var(--hm-sem-bg-content)",
|
|
"--hm-gnb-panel-item-hover-text": "var(--hm-sem-action-primary)",
|
|
"--hm-gnb-user-gap": "3px",
|
|
"--hm-gnb-user-radius": "var(--hm-radius-control-md)",
|
|
"--hm-gnb-user-name-size": "16px",
|
|
"--hm-gnb-user-description-size": "12px",
|
|
"--hm-gnb-user-text-max-width": "220px",
|
|
"--hm-gnb-mobile-link-height": "44px",
|
|
"--hm-gnb-mobile-link-padding-x": "12px",
|
|
"--hm-gnb-mobile-link-radius": "var(--hm-radius-control-md)",
|
|
"--hm-gnb-mobile-link-font-size": "14px",
|
|
"--hm-gnb-mobile-link-line-height": "20px",
|
|
"--hm-gnb-mobile-link-font-weight": "500",
|
|
"--hm-gnb-mobile-link-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-gnb-mobile-link-hover-background": "var(--accent)",
|
|
"--hm-gnb-mobile-link-hover-text": "var(--accent-foreground)",
|
|
"--hm-gnb-mobile-link-current-background": "var(--hm-sem-bg-content)",
|
|
"--hm-gnb-mobile-link-current-text": "var(--hm-sem-action-primary)",
|
|
"--hm-gnb-mobile-link-current-font-weight": "700",
|
|
"--hm-gnb-mobile-group-label-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-gnb-mobile-group-gap": "16px",
|
|
"--hm-gnb-mobile-nested-gap": "8px",
|
|
"--hm-gnb-mobile-nested-indent": "var(--hm-gnb-mobile-link-padding-x)",
|
|
"--hm-gnb-mobile-focus-ring": "0 0 0 3px color-mix(in srgb, var(--ring) 50%, transparent)",
|
|
"--hm-hover-card-background": "var(--hm-sem-floating-background)",
|
|
"--hm-hover-card-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-hover-card-border-width": "var(--hm-sem-floating-border-width)",
|
|
"--hm-hover-card-border-color": "var(--hm-sem-floating-border-color)",
|
|
"--hm-hover-card-radius": "var(--hm-sem-floating-radius)",
|
|
"--hm-hover-card-shadow": "var(--hm-sem-floating-shadow)",
|
|
"--hm-hover-card-padding": "16px",
|
|
"--hm-hover-card-width": "320px",
|
|
"--hm-hover-card-font-size": "14px",
|
|
"--hm-hover-card-line-height": "20px",
|
|
"--hm-hover-card-font-weight": "400",
|
|
"--hm-input-height-sm": "28px",
|
|
"--hm-input-height-md": "34px",
|
|
"--hm-input-height-lg": "42px",
|
|
"--hm-input-padding-x-sm": "10px",
|
|
"--hm-input-padding-x-md": "12px",
|
|
"--hm-input-padding-x-lg": "12px",
|
|
"--hm-input-font-size-sm": "12px",
|
|
"--hm-input-line-height-sm": "18px",
|
|
"--hm-input-font-size-md": "14px",
|
|
"--hm-input-line-height-md": "20px",
|
|
"--hm-input-font-size-lg": "16px",
|
|
"--hm-input-line-height-lg": "24px",
|
|
"--hm-input-font-weight": "400",
|
|
"--hm-input-radius": "var(--hm-radius-input)",
|
|
"--hm-input-border-width": "1px",
|
|
"--hm-input-state-border-width": "1.5px",
|
|
"--hm-input-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-input-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-input-placeholder": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-input-border-color": "var(--hm-sem-stroke-input-default)",
|
|
"--hm-input-focus-border-color": "var(--hm-sem-stroke-input-focus)",
|
|
"--hm-input-error-border-color": "var(--hm-red-danger)",
|
|
"--hm-label-font-size": "14px",
|
|
"--hm-label-line-height": "20px",
|
|
"--hm-label-font-weight": "500",
|
|
"--hm-label-text": "var(--hm-sem-fg-secondary)",
|
|
"--hm-lnb-width": "272px",
|
|
"--hm-lnb-join": "18px",
|
|
"--hm-lnb-background": "linear-gradient(90deg, var(--hm-green-default) 0%, var(--hm-green-light-1) 30%, var(--hm-green-light-2) 50%, var(--hm-green-light-3) 90%, var(--hm-green-light-2) 100%)",
|
|
"--hm-lnb-background-end": "var(--hm-green-light-2)",
|
|
"--hm-lnb-padding-top": "28px",
|
|
"--hm-lnb-padding-bottom": "22px",
|
|
"--hm-lnb-inset-start": "20px",
|
|
"--hm-lnb-inset-end": "20px",
|
|
"--hm-lnb-nav-padding-top": "20px",
|
|
"--hm-lnb-text": "var(--hm-white)",
|
|
"--hm-lnb-text-secondary": "var(--hm-green-tint)",
|
|
"--hm-lnb-text-stroke-color": "color-mix(in srgb, var(--hm-black) 30%, transparent)",
|
|
"--hm-lnb-focus-outline": "2px solid var(--hm-white)",
|
|
"--hm-lnb-brand-padding-x": "30px",
|
|
"--hm-lnb-brand-padding-bottom": "22px",
|
|
"--hm-lnb-brand-gap": "12px",
|
|
"--hm-lnb-brand-eyebrow-size": "11px",
|
|
"--hm-lnb-brand-eyebrow-spacing": "0.12em",
|
|
"--hm-lnb-brand-name-size": "17px",
|
|
"--hm-lnb-brand-text-gap": "5px",
|
|
"--hm-lnb-item-min-height": "56px",
|
|
"--hm-lnb-item-padding-start": "18px",
|
|
"--hm-lnb-item-gap": "12px",
|
|
"--hm-lnb-item-font-size": "18px",
|
|
"--hm-lnb-item-line-height": "28px",
|
|
"--hm-lnb-item-font-weight": "700",
|
|
"--hm-lnb-item-radius": "4px 0 0 4px",
|
|
"--hm-lnb-item-icon-size": "20px",
|
|
"--hm-lnb-item-icon-opacity": "0.5",
|
|
"--hm-lnb-item-icon-stroke": "1.7",
|
|
"--hm-lnb-item-text-stroke-width": "1.5px",
|
|
"--hm-lnb-item-text-shadow": "1px 2px 1px var(--hm-lnb-text-stroke-color)",
|
|
"--hm-lnb-hover-background": "color-mix(in srgb, var(--hm-black) 10%, transparent)",
|
|
"--hm-lnb-current-background": "var(--hm-sem-bg-content)",
|
|
"--hm-lnb-current-text": "var(--hm-sem-action-primary)",
|
|
"--hm-lnb-current-radius": "8px 0 0 8px",
|
|
"--hm-lnb-current-depth": "linear-gradient(to right, rgb(0 0 0 / 0.3), transparent 6px) 0 0 / 75% 100% no-repeat,\n linear-gradient(to bottom, rgb(0 0 0 / 0.2), transparent 3px) 0 0 / 75% 100% no-repeat,\n linear-gradient(to top, rgb(0 0 0 / 0.2), transparent 3px) 0 0 / 75% 100% no-repeat",
|
|
"--hm-lnb-group-open-background": "color-mix(in srgb, var(--hm-black) 20%, transparent)",
|
|
"--hm-lnb-group-open-line": "1px solid var(--hm-green-light-2)",
|
|
"--hm-lnb-group-radius": "8px 0 0 8px",
|
|
"--hm-lnb-group-current-text": "var(--hm-yellow-accent)",
|
|
"--hm-lnb-group-arrow-size": "18px",
|
|
"--hm-lnb-subitem-padding-start": "68px",
|
|
"--hm-lnb-group-padding-bottom": "8px",
|
|
"--hm-lnb-third-min-height": "48px",
|
|
"--hm-lnb-third-padding-block": "12px",
|
|
"--hm-lnb-third-padding-start": "88px",
|
|
"--hm-lnb-third-line-height": "24px",
|
|
"--hm-lnb-third-font-weight": "500",
|
|
"--hm-lnb-third-current-font-weight": "700",
|
|
"--hm-lnb-third-connector-x": "var(--hm-lnb-subitem-padding-start)",
|
|
"--hm-lnb-third-connector-length": "12px",
|
|
"--hm-lnb-third-connector-width": "1px",
|
|
"--hm-lnb-third-connector-color": "color-mix(in srgb, var(--hm-green-tint) 40%, transparent)",
|
|
"--hm-lnb-third-connector-current-color": "color-mix(in srgb, var(--hm-green-light-2) 40%, transparent)",
|
|
"--hm-lnb-profile-padding-x": "30px",
|
|
"--hm-lnb-profile-padding-top": "22px",
|
|
"--hm-lnb-profile-gap": "12px",
|
|
"--hm-lnb-profile-name-size": "16px",
|
|
"--hm-lnb-profile-description-size": "12px",
|
|
"--hm-loading-screen-background": "var(--hm-green-default)",
|
|
"--hm-loading-screen-foreground": "var(--hm-white)",
|
|
"--hm-loading-screen-inline-padding-block": "36px",
|
|
"--hm-loading-screen-inline-padding-inline": "24px",
|
|
"--hm-loading-screen-inline-radius": "6px",
|
|
"--hm-loading-screen-inline-shadow": "inset 0 0 24px rgb(0 0 0 / 0.45)",
|
|
"--hm-loading-screen-gap": "12px",
|
|
"--hm-loading-screen-z-index": "9999",
|
|
"--hm-loading-spinner-size": "44px",
|
|
"--hm-loading-spinner-bar-width": "2.5px",
|
|
"--hm-loading-spinner-bar-height": "10px",
|
|
"--hm-loading-spinner-bar-count": "24",
|
|
"--hm-loading-spinner-bar-color": "var(--hm-loading-screen-foreground)",
|
|
"--hm-loading-spinner-bar-min-opacity": "0.08",
|
|
"--hm-loading-spinner-duration": "1.2s",
|
|
"--hm-loading-spinner-stagger": "0.05s",
|
|
"--hm-loading-text-font-size": "14px",
|
|
"--hm-loading-text-font-weight": "500",
|
|
"--hm-loading-text-letter-spacing": "-0.02em",
|
|
"--hm-loading-text-color": "color-mix(in srgb, var(--hm-loading-screen-foreground) 60%, transparent)",
|
|
"--hm-menubar-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-menubar-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-menubar-border-width": "1px",
|
|
"--hm-menubar-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-menubar-radius": "var(--hm-radius-container)",
|
|
"--hm-menubar-height": "38px",
|
|
"--hm-menubar-padding": "2px",
|
|
"--hm-menubar-gap": "2px",
|
|
"--hm-menubar-trigger-padding-x": "12px",
|
|
"--hm-menubar-trigger-radius": "2px",
|
|
"--hm-menubar-trigger-font-size": "14px",
|
|
"--hm-menubar-trigger-line-height": "20px",
|
|
"--hm-menubar-trigger-font-weight": "500",
|
|
"--hm-menubar-content-background": "var(--hm-sem-floating-background)",
|
|
"--hm-menubar-content-border-width": "var(--hm-sem-floating-border-width)",
|
|
"--hm-menubar-content-border-color": "var(--hm-sem-floating-border-color)",
|
|
"--hm-menubar-content-radius": "var(--hm-sem-floating-radius)",
|
|
"--hm-menubar-content-shadow": "var(--hm-sem-floating-shadow)",
|
|
"--hm-menubar-content-padding": "4px",
|
|
"--hm-menubar-item-height": "36px",
|
|
"--hm-menubar-item-padding-x": "12px",
|
|
"--hm-menubar-item-gap": "8px",
|
|
"--hm-menubar-item-radius": "2px",
|
|
"--hm-menubar-font-size": "14px",
|
|
"--hm-menubar-line-height": "20px",
|
|
"--hm-menubar-highlight-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-menubar-trigger-highlight-background": "var(--accent)",
|
|
"--hm-menubar-highlight-text": "var(--accent-foreground)",
|
|
"--hm-menubar-destructive-text": "var(--hm-sem-action-destructive)",
|
|
"--hm-menubar-destructive-highlight-background": "var(--hm-color-action-destructive-hover)",
|
|
"--hm-menubar-label-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-menubar-label-font-size": "12px",
|
|
"--hm-menubar-label-line-height": "18px",
|
|
"--hm-menubar-label-font-weight": "500",
|
|
"--hm-menubar-shortcut-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-menubar-shortcut-font-size": "12px",
|
|
"--hm-menubar-separator-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-menubar-indicator-size": "16px",
|
|
"--hm-menubar-radio-dot-size": "8px",
|
|
"--hm-navigation-menu-height": "34px",
|
|
"--hm-navigation-menu-padding-x": "12px",
|
|
"--hm-navigation-menu-gap": "4px",
|
|
"--hm-navigation-menu-radius": "var(--hm-radius-control-md)",
|
|
"--hm-navigation-menu-font-size": "14px",
|
|
"--hm-navigation-menu-line-height": "20px",
|
|
"--hm-navigation-menu-font-weight": "500",
|
|
"--hm-navigation-menu-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-navigation-menu-icon-size": "12px",
|
|
"--hm-navigation-menu-hover-background": "var(--accent)",
|
|
"--hm-navigation-menu-hover-text": "var(--accent-foreground)",
|
|
"--hm-navigation-menu-active-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-navigation-menu-active-text": "var(--hm-sem-action-primary)",
|
|
"--hm-navigation-menu-active-font-weight": "700",
|
|
"--hm-navigation-menu-background": "var(--hm-sem-floating-background)",
|
|
"--hm-navigation-menu-border-width": "var(--hm-sem-floating-border-width)",
|
|
"--hm-navigation-menu-border-color": "var(--hm-sem-floating-border-color)",
|
|
"--hm-navigation-menu-surface-radius": "var(--hm-sem-floating-radius)",
|
|
"--hm-navigation-menu-shadow": "var(--hm-sem-floating-shadow)",
|
|
"--hm-navigation-menu-content-padding": "8px",
|
|
"--hm-navigation-menu-content-min-width": "240px",
|
|
"--hm-navigation-menu-item-padding": "8px 12px",
|
|
"--hm-navigation-menu-item-gap": "2px",
|
|
"--hm-navigation-menu-item-radius": "2px",
|
|
"--hm-navigation-menu-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-navigation-menu-description-font-size": "12px",
|
|
"--hm-navigation-menu-description-line-height": "18px",
|
|
"--hm-navigation-menu-disabled-opacity": "0.6",
|
|
"--hm-page-header-gap": "24px",
|
|
"--hm-page-header-margin-bottom": "20px",
|
|
"--hm-page-header-breadcrumb-gap": "10px",
|
|
"--hm-page-header-title-font-size": "28px",
|
|
"--hm-page-header-title-line-height": "36px",
|
|
"--hm-page-header-title-font-weight": "700",
|
|
"--hm-page-header-title-color": "var(--hm-sem-fg-primary)",
|
|
"--hm-page-header-description-gap": "8px",
|
|
"--hm-page-header-description-font-size": "14px",
|
|
"--hm-page-header-description-line-height": "20px",
|
|
"--hm-page-header-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-page-header-actions-gap": "8px",
|
|
"--hm-pagination-gap": "4px",
|
|
"--hm-pagination-height": "34px",
|
|
"--hm-pagination-min-width": "34px",
|
|
"--hm-pagination-padding-x": "12px",
|
|
"--hm-pagination-radius": "var(--hm-radius-control-md)",
|
|
"--hm-pagination-font-size": "14px",
|
|
"--hm-pagination-line-height": "20px",
|
|
"--hm-pagination-font-weight": "500",
|
|
"--hm-pagination-icon-size": "16px",
|
|
"--hm-pagination-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-pagination-hover-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-pagination-hover-text": "var(--accent-foreground)",
|
|
"--hm-pagination-active-background": "var(--hm-sem-action-primary)",
|
|
"--hm-pagination-active-text": "var(--hm-sem-on-action-primary)",
|
|
"--hm-pagination-active-font-weight": "700",
|
|
"--hm-pagination-ellipsis-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-pagination-disabled-opacity": "0.6",
|
|
"--hm-popover-background": "var(--hm-sem-floating-background)",
|
|
"--hm-popover-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-popover-border-width": "var(--hm-sem-floating-border-width)",
|
|
"--hm-popover-border-color": "var(--hm-sem-floating-border-color)",
|
|
"--hm-popover-radius": "var(--hm-sem-floating-radius)",
|
|
"--hm-popover-shadow": "var(--hm-sem-floating-shadow)",
|
|
"--hm-popover-padding": "16px",
|
|
"--hm-popover-width": "288px",
|
|
"--hm-popover-font-size": "14px",
|
|
"--hm-popover-line-height": "20px",
|
|
"--hm-popover-font-weight": "400",
|
|
"--hm-green-light-4": "#34daaa",
|
|
"--hm-green-light-3": "#249473",
|
|
"--hm-green-light-2": "#266651",
|
|
"--hm-green-light-1": "#205241",
|
|
"--hm-green-default": "#123328",
|
|
"--hm-green-dark-1": "#0a221d",
|
|
"--hm-green-dark-2": "#071e18",
|
|
"--hm-brown-light-2": "#897445",
|
|
"--hm-brown-light-1": "#604f32",
|
|
"--hm-brown-default": "#3e3523",
|
|
"--hm-brown-dark-1": "#352d1d",
|
|
"--hm-brown-light-4": "#ecd4a2",
|
|
"--hm-orange-light-4": "#feba88",
|
|
"--hm-orange-default": "#cc5200",
|
|
"--hm-warm-neutral-light": "#e0dace",
|
|
"--hm-warm-neutral-mid": "#9a9284",
|
|
"--hm-warm-neutral-dark": "#6e6759",
|
|
"--hm-beige-light": "#f5f0e5",
|
|
"--hm-red-danger": "#d32f2f",
|
|
"--hm-white": "#ffffff",
|
|
"--hm-black": "#000000",
|
|
"--hm-neutral-gray-500": "#999999",
|
|
"--hm-green-tone-1": "#1f8265",
|
|
"--hm-green-tone-2": "#165c47",
|
|
"--hm-green-tone-3": "#114838",
|
|
"--hm-green-tone-4": "#08241c",
|
|
"--hm-warm-neutral-pale": "#dedbd2",
|
|
"--hm-warm-neutral-secondary": "#ede8db",
|
|
"--hm-warm-neutral-muted": "#f4f1ea",
|
|
"--hm-green-tint": "#bddfd4",
|
|
"--hm-yellow-accent": "#ffc600",
|
|
"--hm-progress-height": "8px",
|
|
"--hm-progress-radius": "9999px",
|
|
"--hm-progress-track-background": "var(--hm-warm-neutral-light)",
|
|
"--hm-progress-indicator-background": "var(--hm-sem-state-active)",
|
|
"--hm-radio-size": "18px",
|
|
"--hm-radio-border-width": "1px",
|
|
"--hm-radio-dot-size": "8px",
|
|
"--hm-radio-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-radio-border-color": "var(--hm-sem-stroke-default)",
|
|
"--hm-radio-hover-border-color": "var(--hm-sem-action-primary)",
|
|
"--hm-radio-checked-border-color": "var(--hm-sem-state-active)",
|
|
"--hm-radio-dot-color": "var(--hm-sem-state-active)",
|
|
"--hm-radio-error-border-color": "var(--hm-red-danger)",
|
|
"--hm-radio-group-gap": "12px",
|
|
"--hm-radio-group-gap-horizontal": "16px",
|
|
"--hm-resizable-divider-width": "1px",
|
|
"--hm-resizable-divider-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-resizable-hover-color": "var(--hm-warm-neutral-mid)",
|
|
"--hm-resizable-active-color": "var(--hm-sem-action-primary)",
|
|
"--hm-resizable-focus-color": "var(--hm-sem-stroke-input-focus)",
|
|
"--hm-resizable-halo-width": "1px",
|
|
"--hm-resizable-grip-width": "12px",
|
|
"--hm-resizable-grip-height": "16px",
|
|
"--hm-resizable-grip-radius": "2px",
|
|
"--hm-resizable-grip-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-resizable-grip-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-resizable-grip-icon-size": "10px",
|
|
"--hm-resizable-grip-icon-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-resizable-disabled-opacity": "0.6",
|
|
"--hm-scroll-area-scrollbar-size": "10px",
|
|
"--hm-scroll-area-thumb-background": "var(--hm-warm-neutral-mid)",
|
|
"--hm-scroll-area-thumb-hover-background": "var(--hm-warm-neutral-dark)",
|
|
"--hm-scroll-area-thumb-radius": "9999px",
|
|
"--hm-select-control-height-md": "32px",
|
|
"--hm-select-control-height-lg": "42px",
|
|
"--hm-select-border-width": "1px",
|
|
"--hm-select-padding-x": "12px",
|
|
"--hm-select-gap": "12px",
|
|
"--hm-select-option-height-md": "42px",
|
|
"--hm-select-option-height-lg": "42px",
|
|
"--hm-select-radius": "var(--hm-radius-input)",
|
|
"--hm-select-font-size-md": "14px",
|
|
"--hm-select-line-height-md": "20px",
|
|
"--hm-select-font-size-lg": "16px",
|
|
"--hm-select-line-height-lg": "24px",
|
|
"--hm-select-option-font-size-md": "var(--hm-select-font-size-md)",
|
|
"--hm-select-option-line-height-md": "var(--hm-select-line-height-md)",
|
|
"--hm-select-option-font-size-lg": "var(--hm-select-font-size-lg)",
|
|
"--hm-select-option-line-height-lg": "var(--hm-select-line-height-lg)",
|
|
"--hm-select-font-weight": "400",
|
|
"--hm-select-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-select-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-select-placeholder": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-select-border-color": "var(--hm-sem-stroke-input-default)",
|
|
"--hm-select-focus-border-color": "var(--hm-sem-stroke-input-focus)",
|
|
"--hm-select-seam-color": "var(--hm-sem-stroke-input-default)",
|
|
"--hm-select-option-state-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-select-option-state-text": "var(--accent-foreground)",
|
|
"--hm-select-content-shadow": "0 2px 24px rgb(0 0 0 / 0.12)",
|
|
"--hm-select-disabled-opacity": "0.6",
|
|
"--hm-select-indicator-color": "#2d2d2d",
|
|
"--hm-separator-thickness": "1px",
|
|
"--hm-separator-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-sheet-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-sheet-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-sheet-border-width": "1px",
|
|
"--hm-sheet-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-sheet-shadow": "0 0 12px rgb(0 0 0 / 0.2)",
|
|
"--hm-sheet-width": "400px",
|
|
"--hm-sheet-edge-gap": "48px",
|
|
"--hm-sheet-padding": "24px",
|
|
"--hm-sheet-header-gap": "8px",
|
|
"--hm-sheet-footer-gap": "8px",
|
|
"--hm-sheet-close-clearance": "36px",
|
|
"--hm-sheet-title-font-size": "20px",
|
|
"--hm-sheet-title-line-height": "28px",
|
|
"--hm-sheet-title-font-weight": "700",
|
|
"--hm-sheet-description-font-size": "14px",
|
|
"--hm-sheet-description-line-height": "20px",
|
|
"--hm-sheet-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-sheet-body-font-size": "14px",
|
|
"--hm-sheet-body-line-height": "20px",
|
|
"--hm-skeleton-background": "var(--hm-warm-neutral-light)",
|
|
"--hm-skeleton-radius": "var(--hm-radius-control-md)",
|
|
"--hm-slider-track-size": "6px",
|
|
"--hm-slider-track-background": "var(--hm-warm-neutral-light)",
|
|
"--hm-slider-range-background": "var(--hm-sem-state-active)",
|
|
"--hm-slider-thumb-size": "18px",
|
|
"--hm-slider-thumb-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-slider-thumb-border-width": "2px",
|
|
"--hm-slider-thumb-border-color": "var(--hm-sem-state-active)",
|
|
"--hm-slider-thumb-halo-color": "color-mix(in srgb, var(--hm-sem-action-primary) 20%, transparent)",
|
|
"--hm-slider-thumb-halo-size": "4px",
|
|
"--hm-slider-thumb-halo-size-active": "6px",
|
|
"--hm-slider-disabled-opacity": "0.6",
|
|
"--hm-toast-width": "356px",
|
|
"--hm-toast-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-toast-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-toast-border-width": "1px",
|
|
"--hm-toast-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-toast-radius": "var(--hm-radius-container)",
|
|
"--hm-toast-shadow": "0 0 12px rgb(0 0 0 / 0.2)",
|
|
"--hm-toast-padding": "16px",
|
|
"--hm-toast-gap": "12px",
|
|
"--hm-toast-font-family": "var(--hm-font-family-base)",
|
|
"--hm-toast-title-font-size": "14px",
|
|
"--hm-toast-title-line-height": "20px",
|
|
"--hm-toast-title-font-weight": "500",
|
|
"--hm-toast-description-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-toast-description-font-size": "13px",
|
|
"--hm-toast-description-line-height": "18px",
|
|
"--hm-toast-description-font-weight": "400",
|
|
"--hm-toast-icon-size": "16px",
|
|
"--hm-toast-icon-color": "var(--hm-sem-fg-primary)",
|
|
"--hm-toast-error-border-color": "var(--hm-sem-action-destructive)",
|
|
"--hm-toast-error-text": "var(--hm-sem-action-destructive)",
|
|
"--hm-toast-action-height": "28px",
|
|
"--hm-toast-action-padding-x": "12px",
|
|
"--hm-toast-action-radius": "var(--hm-radius-control-md)",
|
|
"--hm-toast-action-font-size": "12px",
|
|
"--hm-toast-action-font-weight": "500",
|
|
"--hm-toast-action-background": "var(--hm-sem-action-primary)",
|
|
"--hm-toast-action-text": "var(--hm-sem-on-action-primary)",
|
|
"--hm-toast-cancel-background": "var(--hm-color-surface-subtle)",
|
|
"--hm-toast-cancel-text": "var(--hm-sem-fg-secondary)",
|
|
"--hm-toast-close-background": "var(--hm-toast-background)",
|
|
"--hm-toast-close-text": "var(--hm-sem-fg-secondary)",
|
|
"--hm-toast-close-border-color": "var(--hm-toast-border-color)",
|
|
"--hm-switch-width": "36px",
|
|
"--hm-switch-height": "20px",
|
|
"--hm-switch-thumb-size": "16px",
|
|
"--hm-switch-thumb-offset": "2px",
|
|
"--hm-switch-off-background": "var(--hm-sem-stroke-default)",
|
|
"--hm-switch-on-background": "var(--hm-sem-state-active)",
|
|
"--hm-switch-thumb-color": "var(--hm-sem-bg-surface)",
|
|
"--hm-switch-hover-overlay": "var(--hm-color-action-overlay-hover)",
|
|
"--hm-table-min-width": "520px",
|
|
"--hm-table-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-table-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-table-font-size": "14px",
|
|
"--hm-table-line-height": "20px",
|
|
"--hm-table-font-weight": "400",
|
|
"--hm-table-cell-padding-y": "14px",
|
|
"--hm-table-cell-padding-x": "12px",
|
|
"--hm-table-divider-width": "1px",
|
|
"--hm-table-divider-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-table-header-background": "color-mix(in srgb, var(--hm-green-tint) 30%, var(--hm-white))",
|
|
"--hm-table-header-text": "var(--hm-green-light-1)",
|
|
"--hm-table-header-font-size": "13px",
|
|
"--hm-table-header-font-weight": "700",
|
|
"--hm-table-header-border-top": "var(--hm-green-light-2)",
|
|
"--hm-table-header-border-bottom": "color-mix(in srgb, var(--hm-green-light-2) 20%, transparent)",
|
|
"--hm-table-row-hover-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-table-row-selected-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-table-footer-background": "var(--hm-color-surface-subtle)",
|
|
"--hm-table-footer-font-weight": "500",
|
|
"--hm-table-caption-color": "var(--hm-sem-fg-secondary)",
|
|
"--hm-table-caption-font-size": "12px",
|
|
"--hm-table-caption-line-height": "18px",
|
|
"--hm-table-caption-gap": "12px",
|
|
"--hm-tab-height": "34px",
|
|
"--hm-tab-padding-x": "16px",
|
|
"--hm-tab-radius-top": "4px",
|
|
"--hm-tab-border-width": "1px",
|
|
"--hm-tab-font-size": "16px",
|
|
"--hm-tab-line-height": "24px",
|
|
"--hm-tab-font-weight": "700",
|
|
"--hm-tab-background": "color-mix(in srgb, var(--hm-green-tint) 45%, transparent)",
|
|
"--hm-tab-border-color": "color-mix(in srgb, var(--hm-green-light-2) 35%, transparent)",
|
|
"--hm-tab-text": "var(--hm-green-light-2)",
|
|
"--hm-tab-selected-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-tab-selected-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-tab-selected-text": "var(--hm-green-default)",
|
|
"--hm-tab-hover-overlay": "color-mix(in srgb, var(--hm-black) 20%, transparent)",
|
|
"--hm-tab-hover-text": "var(--hm-green-default)",
|
|
"--hm-tab-transition-duration": "0.15s",
|
|
"--hm-tab-arrow-size": "34px",
|
|
"--hm-tab-arrow-icon-size": "18px",
|
|
"--hm-tab-arrow-background": "var(--hm-green-light-1)",
|
|
"--hm-tab-arrow-border-color": "var(--hm-green-dark-1)",
|
|
"--hm-tab-arrow-icon-color": "var(--hm-white)",
|
|
"--hm-tab-arrow-disabled-opacity": "0.6",
|
|
"--hm-tab-fill-line-color": "var(--hm-green-light-3)",
|
|
"--hm-tab-fill-curve-radius": "8px",
|
|
"--hm-textarea-min-height": "112px",
|
|
"--hm-textarea-padding-block": "8px",
|
|
"--hm-textarea-padding-inline": "12px",
|
|
"--hm-textarea-font-size": "16px",
|
|
"--hm-textarea-line-height": "24px",
|
|
"--hm-textarea-font-weight": "400",
|
|
"--hm-textarea-radius": "var(--hm-radius-input)",
|
|
"--hm-textarea-border-width": "1px",
|
|
"--hm-textarea-state-border-width": "1.5px",
|
|
"--hm-textarea-background": "var(--hm-sem-bg-surface)",
|
|
"--hm-textarea-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-textarea-placeholder": "var(--hm-sem-fg-placeholder)",
|
|
"--hm-textarea-border-color": "var(--hm-sem-stroke-input-default)",
|
|
"--hm-textarea-focus-border-color": "var(--hm-sem-stroke-input-focus)",
|
|
"--hm-textarea-error-border-color": "var(--hm-red-danger)",
|
|
"--hm-toggle-group-height-sm": "28px",
|
|
"--hm-toggle-group-height-md": "34px",
|
|
"--hm-toggle-group-height-lg": "42px",
|
|
"--hm-toggle-group-padding-x-sm": "8px",
|
|
"--hm-toggle-group-padding-x-md": "12px",
|
|
"--hm-toggle-group-padding-x-lg": "16px",
|
|
"--hm-toggle-group-radius": "var(--hm-radius-control-md)",
|
|
"--hm-toggle-group-gap": "8px",
|
|
"--hm-toggle-group-font-size": "14px",
|
|
"--hm-toggle-group-line-height": "20px",
|
|
"--hm-toggle-group-font-weight": "500",
|
|
"--hm-toggle-group-off-background": "transparent",
|
|
"--hm-toggle-group-off-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-toggle-group-hover-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-toggle-group-on-background": "var(--accent)",
|
|
"--hm-toggle-group-on-text": "var(--accent-foreground)",
|
|
"--hm-toggle-group-border-width": "1px",
|
|
"--hm-toggle-group-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-toggle-group-disabled-opacity": "0.6",
|
|
"--hm-toggle-height-sm": "28px",
|
|
"--hm-toggle-height-md": "34px",
|
|
"--hm-toggle-height-lg": "42px",
|
|
"--hm-toggle-padding-x-sm": "8px",
|
|
"--hm-toggle-padding-x-md": "12px",
|
|
"--hm-toggle-padding-x-lg": "16px",
|
|
"--hm-toggle-radius": "var(--hm-radius-control-md)",
|
|
"--hm-toggle-gap": "8px",
|
|
"--hm-toggle-font-size": "14px",
|
|
"--hm-toggle-line-height": "20px",
|
|
"--hm-toggle-font-weight": "500",
|
|
"--hm-toggle-off-background": "transparent",
|
|
"--hm-toggle-off-text": "var(--hm-sem-fg-primary)",
|
|
"--hm-toggle-hover-background": "color-mix(in srgb, var(--accent) 45%, transparent)",
|
|
"--hm-toggle-on-background": "var(--accent)",
|
|
"--hm-toggle-on-text": "var(--accent-foreground)",
|
|
"--hm-toggle-outline-border-width": "1px",
|
|
"--hm-toggle-outline-border-color": "var(--hm-warm-neutral-pale)",
|
|
"--hm-toggle-disabled-opacity": "0.6",
|
|
"--hm-tooltip-background": "var(--hm-sem-fg-primary)",
|
|
"--hm-tooltip-text": "var(--hm-color-text-inverse)",
|
|
"--hm-tooltip-radius": "var(--hm-radius-container)",
|
|
"--hm-tooltip-padding-x": "10px",
|
|
"--hm-tooltip-padding-y": "6px",
|
|
"--hm-tooltip-max-width": "240px",
|
|
"--hm-tooltip-font-size": "12px",
|
|
"--hm-tooltip-line-height": "18px",
|
|
"--hm-tooltip-font-weight": "400"
|
|
} |