@navikt/ds-css 7.39.1 → 8.0.0

package/tokens.json

@@ -1,485 +0,0 @@
-{
-  "alert": {
-    "--ac-alert-error-border": "--a-border-danger",
-    "--ac-alert-error-bg": "--a-surface-danger-subtle",
-    "--ac-alert-icon-error-color": "--a-icon-danger",
-    "--ac-alert-warning-border": "--a-border-warning",
-    "--ac-alert-warning-bg": "--a-surface-warning-subtle",
-    "--ac-alert-icon-warning-color": "--a-icon-warning",
-    "--ac-alert-info-border": "--a-border-info",
-    "--ac-alert-info-bg": "--a-surface-info-subtle",
-    "--ac-alert-icon-info-color": "--a-icon-info",
-    "--ac-alert-success-border": "--a-border-success",
-    "--ac-alert-success-bg": "--a-surface-success-subtle",
-    "--ac-alert-icon-success-color": "--a-icon-success"
-  },
-  "accordion": {
-    "--ac-accordion-header-bg": "--a-surface-transparent",
-    "--ac-accordion-header-bg-hover": "--a-surface-hover",
-    "--ac-accordion-header-text-hover": "inherit",
-    "--ac-accordion-header-border": "--a-border-divider",
-    "--ac-accordion-item-bg-open": "--a-surface-action-subtle",
-    "--ac-accordion-neutral-item-bg-open": "--a-surface-neutral-subtle",
-    "--ac-accordion-header-icon-bg-hover": "--a-surface-neutral-subtle-hover"
-  },
-  "button": {
-    "--ac-button-border-radius": "--a-border-radius-medium",
-    "--ac-button-padding": "--a-spacing-3 --a-spacing-5",
-    "--ac-button-padding-small": "--a-spacing-1 --a-spacing-3",
-    "--ac-button-padding-xsmall": "--a-spacing-05 --a-spacing-2",
-    "--ac-button-padding-icon-only": "--a-spacing-3",
-    "--ac-button-padding-icon-only-small": "--a-spacing-1",
-    "--ac-button-padding-icon-only-xsmall": "--a-spacing-05",
-    "--ac-button-primary-bg": "--a-surface-action",
-    "--ac-button-primary-text": "--a-text-on-action",
-    "--ac-button-primary-hover-bg": "--a-surface-action-hover",
-    "--ac-button-primary-active-bg": "--a-surface-action-active",
-    "--ac-button-primary-focus-border": "--a-surface-default",
-    "--ac-button-secondary-text": "--a-text-action",
-    "--ac-button-secondary-bg": "--a-surface-transparent",
-    "--ac-button-secondary-border": "--a-border-action",
-    "--ac-button-secondary-hover-text": "--a-text-action-on-action-subtle",
-    "--ac-button-secondary-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-button-secondary-hover-border": "--a-border-action-hover",
-    "--ac-button-secondary-focus-border": "--a-border-action",
-    "--ac-button-secondary-active-text": "--a-text-on-action",
-    "--ac-button-secondary-active-bg": "--a-surface-action-active",
-    "--ac-button-secondary-active-focus-border": "--a-surface-default",
-    "--ac-button-tertiary-text": "--a-text-action",
-    "--ac-button-tertiary-bg": "--a-surface-transparent",
-    "--ac-button-tertiary-hover-text": "--a-text-action-on-action-subtle",
-    "--ac-button-tertiary-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-button-tertiary-focus-border": "--a-border-action",
-    "--ac-button-tertiary-active-text": "--a-text-on-action",
-    "--ac-button-tertiary-active-bg": "--a-surface-action-active",
-    "--ac-button-tertiary-active-hover-bg": "--a-surface-action-active",
-    "--ac-button-danger-bg": "--a-surface-danger",
-    "--ac-button-danger-text": "--a-text-on-danger",
-    "--ac-button-danger-hover-bg": "--a-surface-danger-hover",
-    "--ac-button-danger-active-bg": "--a-surface-danger-active",
-    "--ac-button-loader-stroke": "currentColor",
-    "--ac-button-primary-loader-stroke-bg": "rgb(255 255 255 / 0.3)",
-    "--ac-button-primary-neutral-bg": "--a-surface-neutral",
-    "--ac-button-primary-neutral-text": "--a-text-on-neutral",
-    "--ac-button-primary-neutral-hover-bg": "--a-surface-neutral-hover",
-    "--ac-button-primary-neutral-active-bg": "--a-surface-neutral-active",
-    "--ac-button-primary-neutral-focus-border": "--a-surface-default",
-    "--ac-button-secondary-neutral-text": "--a-text-default",
-    "--ac-button-secondary-neutral-bg": "--a-surface-transparent",
-    "--ac-button-secondary-neutral-border": "--a-border-strong",
-    "--ac-button-secondary-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
-    "--ac-button-secondary-neutral-focus-border": "--a-border-stron",
-    "--ac-button-secondary-neutral-active-text": "--a-text-on-neutral",
-    "--ac-button-secondary-neutral-active-bg": "--a-surface-neutral-active",
-    "--ac-button-secondary-neutral-active-focus-border": "--a-surface-default",
-    "--ac-button-tertiary-neutral-text": "--a-text-default",
-    "--ac-button-tertiary-neutral-hover-text": "--a-text-default",
-    "--ac-button-tertiary-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
-    "--ac-button-tertiary-neutral-focus-border": "--a-border-stron",
-    "--ac-button-tertiary-neutral-active-text": "--a-text-on-neutral",
-    "--ac-button-tertiary-neutral-active-bg": "--a-surface-neutral-active",
-    "--ac-button-tertiary-neutral-active-hover-bg": "--a-surface-neutral-active"
-  },
-  "chat": {
-    "--ac-chat-avatar-bg": "--a-surface-neutral-subtle",
-    "--ac-chat-avatar-color": "--a-text-default",
-    "--ac-chat-bubble-bg": "--a-surface-neutral-subtle",
-    "--ac-chat-top-text": "--a-text-default"
-  },
-  "chips": {
-    "--ac-chip-toggle-border": "--a-border-subtle",
-    "--ac-chip-toggle-bg": "--a-surface-action-subtle",
-    "--ac-chip-toggle-text": "--a-text-default",
-    "--ac-chip-toggle-hover-border": "--a-border-subtle-hover",
-    "--ac-chip-toggle-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-chip-toggle-pressed-bg": "--a-surface-action-selected",
-    "--ac-chip-toggle-pressed-text": "--a-text-on-action",
-    "--ac-chip-toggle-pressed-hover-bg": "--a-surface-action-selected-hover",
-    "--ac-chip-toggle-neutral-border": "--a-border-subtle",
-    "--ac-chip-toggle-neutral-bg": "--a-surface-neutral-subtle",
-    "--ac-chip-toggle-neutral-text": "--a-text-default",
-    "--ac-chip-toggle-neutral-hover-border": "--a-border-subtle-hover",
-    "--ac-chip-toggle-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
-    "--ac-chip-toggle-neutral-pressed-bg": "--a-surface-neutral-selected",
-    "--ac-chip-toggle-neutral-pressed-text": "--a-text-on-neutral",
-    "--ac-chip-toggle-neutral-pressed-hover-bg": "--a-surface-neutral-selected",
-    "--ac-chip-toggle-circle-border": "--a-border-default",
-    "--ac-chip-toggle-focus": "--a-border-focus",
-    "--ac-chip-removable-action-bg": "--a-surface-action-selected",
-    "--ac-chip-removable-action-text": "--a-text-on-action",
-    "--ac-chip-removable-neutral-bg": "--a-surface-neutral-subtle",
-    "--ac-chip-removable-neutral-text": "--a-text-default",
-    "--ac-chip-removable-neutral-border": "--a-border-default",
-    "--ac-chip-removable-action-hover-bg": "--a-surface-action-selected-hover",
-    "--ac-chip-removable-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
-    "--ac-chip-removable-neutral-hover-border": "--a-border-strong"
-  },
-  "copybutton": {
-    "--ac-copybutton-border-radius": "--a-border-radius-medium",
-    "--ac-copybutton-action-text": "--a-text-action",
-    "--ac-copybutton-action-bg": "--a-surface-transparent",
-    "--ac-copybutton-action-hover-text": "--a-text-action-hover",
-    "--ac-copybutton-action-hover-bg": "--a-surface-hover",
-    "--ac-copybutton-action-active-text": "--a-icon-success",
-    "--ac-copybutton-neutral-text": "--a-text-subtle",
-    "--ac-copybutton-neutral-bg": "--a-surface-transparent",
-    "--ac-copybutton-neutral-hover-text": "--a-text-default",
-    "--ac-copybutton-neutral-hover-bg": "--a-surface-hover",
-    "--ac-copybutton-neutral-active-text": "--a-text-default",
-    "--ac-copybutton-animation": "akselCopyButtonAnimation 0.4s linear"
-  },
-  "date": {
-    "--ac-date-middle-text": "--a-text-on-action",
-    "--ac-date-middle-bg": "--a-surface-action-selected",
-    "--ac-date-week-text": "--a-text-on-neutral",
-    "--ac-date-week-bg": "--a-surface-neutral",
-    "--ac-date-selected-text": "--a-text-on-action",
-    "--ac-date-selected-bg": "--a-surface-action-selected",
-    "--ac-date-disabled-bg": "--a-surface-neutral-subtle",
-    "--ac-date-disabled-text": "--a-text-subtle",
-    "--ac-date-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-date-today-border": "--a-border-action-selected",
-    "--ac-date-caption-text": "--a-text-default",
-    "--ac-date-input-error-border": "--a-border-danger",
-    "--ac-date-input-button-text": "--a-text-default",
-    "--ac-date-input-button-hover-text": "--a-text-action-on-action-subtle",
-    "--ac-date-input-button-hover-bg": "--a-surface-action-subtle-hover"
-  },
-  "expansioncard": {
-    "--ac-expansioncard-bg": "--a-surface-default",
-    "--ac-expansioncard-header-bg": "--a-surface-transparent",
-    "--ac-expansioncard-header-bg-hover": "--a-surface-hover",
-    "--ac-expansioncard-header-open-bg": "--a-surface-transparent",
-    "--ac-expansioncard-border-color": "--a-border-default",
-    "--ac-expansioncard-border-open-color": "--a-border-default",
-    "--ac-expansioncard-border-radius": "--a-border-radius-large",
-    "--ac-expansioncard-button-border-radius": "--a-border-radius-medium",
-    "--ac-expansioncard-border-hover-color": "--a-border-strong"
-  },
-  "guidepanel": {
-    "--ac-guide-panel-bg": "--a-surface-default",
-    "--ac-guide-panel-border": "--a-border-alt-3",
-    "--ac-guide-panel-illustration-bg": "--a-surface-alt-3-subtle"
-  },
-  "helptext": {
-    "--ac-help-text-popover-bg": "--a-surface-info-subtle",
-    "--ac-help-text-button-color": "--a-surface-action",
-    "--ac-help-text-button-hover-color": "--a-surface-action-hover",
-    "--ac-help-text-button-active-color": "--a-surface-action-active"
-  },
-  "linkpanel": {
-    "--ac-link-panel-text": "--a-text-default",
-    "--ac-link-panel-hover-text": "--a-text-action-hover",
-    "--ac-link-panel-hover-border": "--a-border-action-hover"
-  },
-  "link": {
-    "--ac-link-text": "--a-text-action",
-    "--ac-link-focus-text": "--a-text-on-action",
-    "--ac-link-focus-bg": "--a-border-focus",
-    "--ac-link-focus-border": "--a-border-focus",
-    "--ac-link-active-text": "--a-text-on-action",
-    "--ac-link-active-bg": "--a-border-focus",
-    "--ac-link-active-border": "--a-border-focus",
-    "--ac-link-action-text": "--a-text-action",
-    "--ac-link-neutral-text": "--a-text-default",
-    "--ac-link-subtle-text": "--a-text-subtle"
-  },
-  "list": {
-    "--ac-list-marker-ul-color": "--ac-list-marker-color",
-    "--ac-list-marker-icon-color": "--ac-list-marker-color",
-    "--ac-list-marker-ol-color": "--ac-list-marker-color",
-    "--ac-list-marker-color": "--a-icon-default"
-  },
-  "loader": {
-    "--ac-loader-stroke": "--a-border-default",
-    "--ac-loader-stroke-bg": "--a-surface-active",
-    "--ac-loader-neutral-stroke": "--a-border-default",
-    "--ac-loader-interaction-stroke": "--a-border-action",
-    "--ac-loader-inverted-stroke": "--a-border-on-inverted",
-    "--ac-loader-inverted-stroke-bg": "--a-border-on-inverted-subtle"
-  },
-  "modal": {
-    "--ac-modal-bg": "--a-surface-default",
-    "--ac-modal-backdrop": "--a-surface-backdrop",
-    "--ac-modal-width-small": "450px",
-    "--ac-modal-width-medium": "700px"
-  },
-  "pagination": {
-    "--ac-pagination-text": "--a-text-default",
-    "--ac-pagination-selected-bg": "--a-surface-action-selected",
-    "--ac-pagination-selected-text": "--a-text-on-action"
-  },
-  "panel": {
-    "--ac-panel-bg": "--a-surface-default",
-    "--ac-panel-border": "--a-border-default"
-  },
-  "popover": {
-    "--ac-popover-bg": "--a-surface-default",
-    "--ac-popover-border": "--a-border-default"
-  },
-  "progress-bar": {
-    "--ac-progress-bar-fg": "--a-surface-alt-3"
-  },
-  "readmore": {
-    "--ac-read-more-text": "--a-text-action",
-    "--ac-read-more-hover-bg": "--a-surface-hover",
-    "--ac-read-more-hover-text": "--a-text-action-hover",
-    "--ac-read-more-active-bg": "--a-surface-active",
-    "--ac-read-more-line": "--a-border-divider"
-  },
-  "skeleton": {
-    "--ac-skeleton-bg": "--a-surface-neutral-moderate"
-  },
-  "stepper": {
-    "--ac-stepper-text": "--a-surface-action",
-    "--ac-stepper-line": "--a-border-default",
-    "--ac-stepper-line-completed": "--a-border-selected",
-    "--ac-stepper-non-interactive": "--a-text-subtle",
-    "--ac-stepper-active": "--a-text-action-selected",
-    "--ac-stepper-active-bg": "--a-surface-action-selected",
-    "--ac-stepper-active-border": "--a-border-action-selected",
-    "--ac-stepper-active-text": "--a-text-on-action",
-    "--ac-stepper-hover-active": "--a-text-action-hover",
-    "--ac-stepper-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-stepper-non-interactive-completed-bg": "--a-surface-subtle",
-    "--ac-stepper-non-interactive-line-completed": "--a-border-strong",
-    "--ac-stepper-non-interactive-active": "--a-text-default",
-    "--ac-stepper-non-interactive-active-bg": "--a-surface-inverted",
-    "--ac-stepper-non-interactive-active-border": "--a-surface-inverted",
-    "--ac-stepper-non-interactive-active-text": "--a-text-on-inverted",
-    "--ac-stepper-active-completed": "--a-text-action-selected",
-    "--ac-stepper-non-interactive-active-completed": "--a-text-default"
-  },
-  "table": {
-    "--ac-table-row-hover": "--a-bg-subtle",
-    "--ac-table-row-selected": "--a-surface-action-subtle",
-    "--ac-table-row-selected-hover": "--a-surface-action-subtle-hover",
-    "--ac-table-row-zebra": "--a-surface-subtle",
-    "--ac-table-row-border": "--a-border-default",
-    "--ac-table-row-hover-border": "--a-border-strong",
-    "--ac-table-sort-button-text": "--a-text-action",
-    "--ac-table-sort-button-hover-bg": "--a-bg-subtle",
-    "--ac-table-sort-button-sorted-bg": "--a-surface-selected",
-    "--ac-table-sort-button-sorted-text": "--a-text-action-on-action-subtle"
-  },
-  "tabs": {
-    "--ac-tabs-border": "--a-border-divider",
-    "--ac-tabs-text": "--a-text-default",
-    "--ac-tabs-hover-border": "--a-border-subtle-hover",
-    "--ac-tabs-selected-border": "--a-border-action-selected",
-    "--ac-tabs-selected-text": "--a-text-default",
-    "--ac-tabs-focus-text": "--a-text-default"
-  },
-  "tag": {
-    "--ac-tag-error-border": "--a-border-danger",
-    "--ac-tag-error-bg": "--a-surface-danger-subtle",
-    "--ac-tag-error-text": "--a-text-default",
-    "--ac-tag-error-filled-bg": "--a-surface-danger",
-    "--ac-tag-error-filled-text": "--a-text-on-danger",
-    "--ac-tag-error-moderate-bg": "--a-surface-danger-moderate",
-    "--ac-tag-error-moderate-text": "--a-text-default",
-    "--ac-tag-success-border": "--a-border-success",
-    "--ac-tag-success-bg": "--a-surface-success-subtle",
-    "--ac-tag-success-text": "--a-text-default",
-    "--ac-tag-success-filled-bg": "--a-surface-success",
-    "--ac-tag-success-filled-text": "--a-text-on-success",
-    "--ac-tag-success-moderate-bg": "--a-surface-success-moderate",
-    "--ac-tag-success-moderate-text": "--a-text-default",
-    "--ac-tag-warning-border": "--a-border-warning",
-    "--ac-tag-warning-bg": "--a-surface-warning-subtle",
-    "--ac-tag-warning-text": "--a-text-default",
-    "--ac-tag-warning-filled-bg": "--a-surface-warning",
-    "--ac-tag-warning-filled-text": "--a-text-on-warning",
-    "--ac-tag-warning-moderate-bg": "--a-surface-warning-moderate",
-    "--ac-tag-warning-moderate-text": "--a-text-default",
-    "--ac-tag-info-border": "--a-border-info",
-    "--ac-tag-info-bg": "--a-surface-info-subtle",
-    "--ac-tag-info-text": "--a-text-default",
-    "--ac-tag-info-filled-bg": "--a-surface-info",
-    "--ac-tag-info-filled-text": "--a-text-on-info",
-    "--ac-tag-info-moderate-bg": "--a-surface-info-moderate",
-    "--ac-tag-info-moderate-text": "--a-text-default",
-    "--ac-tag-neutral-border": "--a-border-default",
-    "--ac-tag-neutral-bg": "--a-surface-neutral-subtle",
-    "--ac-tag-neutral-text": "--a-text-default",
-    "--ac-tag-neutral-filled-bg": "--a-surface-neutral",
-    "--ac-tag-neutral-filled-text": "--a-text-on-neutral",
-    "--ac-tag-neutral-moderate-bg": "--a-surface-neutral-moderate",
-    "--ac-tag-neutral-moderate-text": "--a-text-default",
-    "--ac-tag-alt-1-border": "--a-border-alt-1",
-    "--ac-tag-alt-1-bg": "--a-surface-alt-1-subtle",
-    "--ac-tag-alt-1-text": "--a-text-default",
-    "--ac-tag-alt-1-filled-bg": "--a-surface-alt-1",
-    "--ac-tag-alt-1-filled-text": "--a-text-on-alt-1",
-    "--ac-tag-alt-1-moderate-bg": "--a-surface-alt-1-moderate",
-    "--ac-tag-alt-1-moderate-text": "--a-text-default",
-    "--ac-tag-alt-2-border": "--a-border-alt-2",
-    "--ac-tag-alt-2-bg": "--a-surface-alt-2-subtle",
-    "--ac-tag-alt-2-text": "--a-text-default",
-    "--ac-tag-alt-2-filled-bg": "--a-surface-alt-2",
-    "--ac-tag-alt-2-filled-text": "--a-text-on-alt-2",
-    "--ac-tag-alt-2-moderate-bg": "--a-surface-alt-2-moderate",
-    "--ac-tag-alt-2-moderate-text": "--a-text-default",
-    "--ac-tag-alt-3-border": "--a-border-alt-3",
-    "--ac-tag-alt-3-bg": "--a-surface-alt-3-subtle",
-    "--ac-tag-alt-3-text": "--a-text-default",
-    "--ac-tag-alt-3-filled-bg": "--a-surface-alt-3",
-    "--ac-tag-alt-3-filled-text": "--a-text-on-alt-3",
-    "--ac-tag-alt-3-moderate-bg": "--a-surface-alt-3-moderate",
-    "--ac-tag-alt-3-moderate-text": "--a-text-default"
-  },
-  "togglegroup": {
-    "--ac-toggle-group-bg": "--a-surface-transparent",
-    "--ac-toggle-group-border": "--a-border-default",
-    "--ac-toggle-group-button-bg": "--a-surface-transparent",
-    "--ac-toggle-group-button-text": "--a-text-default",
-    "--ac-toggle-group-button-hover-bg": "--a-surface-action-subtle",
-    "--ac-toggle-group-button-hover-text": "--a-text-default",
-    "--ac-toggle-group-selected-bg": "--a-surface-action-selected",
-    "--ac-toggle-group-selected-text": "--a-text-on-action",
-    "--ac-toggle-group-button-neutral-bg": "--a-surface-transparent",
-    "--ac-toggle-group-button-neutral-text": "--a-text-default",
-    "--ac-toggle-group-button-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
-    "--ac-toggle-group-button-neutral-hover-text": "--a-text-default",
-    "--ac-toggle-group-neutral-selected-bg": "--a-surface-neutral-selected",
-    "--ac-toggle-group-neutral-selected-text": "--a-text-on-neutral"
-  },
-  "tooltip": {
-    "--ac-tooltip-bg": "--a-surface-inverted",
-    "--ac-tooltip-text": "--a-text-on-inverted",
-    "--ac-tooltip-key-bg": "--a-surface-neutral",
-    "--ac-tooltip-key-text": "--a-text-on-inverted"
-  },
-  "typography": {
-    "--ac-typo-error-text": "--a-text-danger"
-  },
-  "confirmationpanel": {
-    "--ac-confirmation-panel-border": "--a-border-warning",
-    "--ac-confirmation-panel-bg": "--a-surface-warning-subtle",
-    "--ac-confirmation-panel-checked-border": "--a-border-success",
-    "--ac-confirmation-panel-checked-bg": "--a-surface-success-subtle",
-    "--ac-confirmation-panel-error-border": "--a-border-danger",
-    "--ac-confirmation-panel-error-bg": "--a-surface-danger-subtle"
-  },
-  "errorsummary": {
-    "--ac-error-summary-bg": "--a-surface-default",
-    "--ac-error-summary-border": "--a-border-danger",
-    "--ac-error-summary-list-dot": "--a-text-action"
-  },
-  "checkbox-radio": {
-    "--ac-radio-checkbox-bg": "--a-surface-default",
-    "--ac-radio-checkbox-border": "--a-border-default",
-    "--ac-radio-checkbox-action": "--a-surface-action-selected",
-    "--ac-radio-checkbox-action-hover-bg": "--a-surface-action-subtle",
-    "--ac-radio-checkbox-error-border": "--a-border-danger",
-    "--ac-radio-checkbox-error-hover-bg": "--a-surface-danger-subtle"
-  },
-  "forms": {
-    "--ac-form-description": "--a-text-subtle",
-    "--ac-form-subdescription": "--a-text-subtle"
-  },
-  "search": {
-    "--ac-search-button-border": "--a-border-default",
-    "--ac-search-button-border-hover": "--a-border-action-hover",
-    "--ac-search-clear-icon": "--a-text-default",
-    "--ac-search-clear-icon-hover": "--a-text-action-hover",
-    "--ac-search-button-focus-active-border": "--a-surface-default",
-    "--ac-search-error-border": "--a-border-danger"
-  },
-  "combobox": {
-    "--ac-combobox-list-bg": "--a-surface-default",
-    "--ac-combobox-list-text": "--a-text-default",
-    "--ac-combobox-list-border-color": "--a-border-divider",
-    "--ac-combobox-list-item-bg": "--a-surface-default",
-    "--ac-combobox-list-item-hover-bg": "--a-surface-hover",
-    "--ac-combobox-list-item-selected-bg": "--a-surface-default",
-    "--ac-combobox-list-item-selected-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-combobox-list-item-loading-bg": "--a-surface-default",
-    "--ac-combobox-list-item-hover-border-left": "--a-border-strong",
-    "--ac-combobox-list-item-selected-hover-border-left": "--a-border-focus",
-    "--ac-combobox-list-item-max-selected-bg": "--a-surface-info-subtle",
-    "--ac-combobox-list-item-max-selected-border": "--a-border-info",
-    "--ac-combobox-error-border": "--a-border-danger"
-  },
-  "select": {
-    "--ac-select-bg": "--a-surface-default",
-    "--ac-select-text": "--a-text-default",
-    "--ac-select-border": "--a-border-default",
-    "--ac-select-hover-border": "--a-border-action-hover",
-    "--ac-select-active-border": "--a-border-action-selected",
-    "--ac-select-error-border": "--a-surface-danger"
-  },
-  "switch": {
-    "--ac-switch-action": "--a-surface-action-selected",
-    "--ac-switch-bg": "--a-surface-default",
-    "--ac-switch-checked-bg": "--a-surface-action-selected",
-    "--ac-switch-hover-bg": "--a-surface-subtle",
-    "--ac-switch-checked-hover-bg": "--a-surface-action-selected-hover",
-    "--ac-switch-thumb-bg": "--a-surface-neutral",
-    "--ac-switch-thumb-icon": "--a-icon-subtle",
-    "--ac-switch-thumb-icon-checked": "--a-icon-action-selected"
-  },
-  "textfield": {
-    "--ac-textfield-bg": "--a-surface-default",
-    "--ac-textfield-border": "--a-border-default",
-    "--ac-textfield-text": "--a-text-default",
-    "--ac-textfield-placeholder": "--a-text-subtle",
-    "--ac-textfield-hover-border": "--a-border-action-hover",
-    "--ac-textfield-active-border": "--a-border-action-selected",
-    "--ac-textfield-error-border": "--a-border-danger"
-  },
-  "textarea": {
-    "--ac-textarea-bg": "--a-surface-default",
-    "--ac-textarea-border": "--a-border-default",
-    "--ac-textarea-text": "--a-text-default",
-    "--ac-textarea-placeholder": "--a-text-subtle",
-    "--ac-textarea-hover-border": "--a-border-action-hover",
-    "--ac-textarea-active-border": "--a-border-action-selected",
-    "--ac-textarea-counter-text": "--a-text-subtle",
-    "--ac-textarea-counter-error-text": "--a-text-danger",
-    "--ac-textarea-error-border": "--a-border-danger"
-  },
-  "dropdown": {
-    "--ac-dropdown-text": "--a-text-default",
-    "--ac-dropdown-item-text": "--a-text-action",
-    "--ac-dropdown-item-hover-bg": "--a-surface-action-subtle-hover",
-    "--ac-dropdown-item-hover-text": "--a-text-action-hover",
-    "--ac-dropdown-item-active-bg": "--a-surface-action-active",
-    "--ac-dropdown-item-active-text": "--a-text-on-active"
-  },
-  "internalheader": {
-    "--ac-internalheader-bg": "--a-surface-inverted",
-    "--ac-internalheader-divider": "--a-gray-600",
-    "--ac-internalheader-text": "--a-text-on-inverted",
-    "--ac-internalheader-hover-bg": "--a-surface-inverted-hover",
-    "--ac-internalheader-active-bg": "--a-surface-inverted-active"
-  },
-  "timeline": {
-    "--ac-timeline-row-bg": "--a-surface-subtle",
-    "--ac-timeline-row-active-bg": "--a-surface-selected",
-    "--ac-timeline-period-success-bg": "--a-surface-success-subtle",
-    "--ac-timeline-period-success-border": "--a-border-success",
-    "--ac-timeline-period-success-bg-hover": "--a-surface-success-subtle-hover",
-    "--ac-timeline-period-warning-bg": "--a-surface-warning-subtle",
-    "--ac-timeline-period-warning-border": "--a-border-warning",
-    "--ac-timeline-period-warning-bg-hover": "--a-surface-warning-subtle-hover",
-    "--ac-timeline-period-danger-bg": "--a-surface-danger-subtle",
-    "--ac-timeline-period-danger-border": "--a-border-danger",
-    "--ac-timeline-period-danger-bg-hover": "--a-surface-danger-subtle-hover",
-    "--ac-timeline-period-info-bg": "--a-surface-info-subtle",
-    "--ac-timeline-period-info-border": "--a-border-info",
-    "--ac-timeline-period-info-bg-hover": "--a-surface-info-subtle-hover",
-    "--ac-timeline-period-neutral-bg": "--a-bg-subtle",
-    "--ac-timeline-period-neutral-border": "--a-border-default",
-    "--ac-timeline-period-neutral-bg-hover": "--a-gray-200",
-    "--ac-timeline-period-selected-border": "--a-border-action-selected",
-    "--ac-timeline-pin-bg": "--a-surface-danger",
-    "--ac-timeline-pin-bg-hover": "--a-surface-danger-hover",
-    "--ac-timeline-zoom-border": "--a-border-default",
-    "--ac-timeline-zoom-bg": "--a-surface-default",
-    "--ac-timeline-zoom-bg-hover": "--a-surface-action-subtle-hover",
-    "--ac-timeline-zoom-selected-bg": "--a-surface-inverted",
-    "--ac-timeline-zoom-selected-text": "--a-text-on-inverted",
-    "--ac-timeline-axislabel-text": "--a-text-subtle"
-  }
-}

package/tooltip.css

@@ -1,81 +0,0 @@
-@keyframes tooltipFadeIn {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.navds-tooltip {
-  z-index: var(--a-z-index-tooltip);
-  background-color: var(--ac-tooltip-bg, var(--a-surface-inverted));
-  color: var(--ac-tooltip-text, var(--a-text-on-inverted));
-  border-radius: var(--a-border-radius-small);
-  padding: 0 var(--a-spacing-2);
-  align-items: center;
-  filter: drop-shadow(0 2px 4px rgba(0 0 0 / 0.1)) drop-shadow(0 4px 6px rgba(0 0 0 / 0.1));
-  display: flex;
-  flex-direction: column;
-  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  animation-duration: 0.2s;
-  animation-name: tooltipFadeIn;
-  text-align: center;
-}
-
-.navds-tooltip__arrow {
-  height: 0.4375rem;
-  width: 0.4375rem;
-  transform: rotate(45deg);
-  z-index: -1;
-  background-color: var(--ac-tooltip-bg, var(--a-surface-inverted));
-  position: absolute;
-}
-
-.navds-tooltip__keys {
-  padding-bottom: var(--a-spacing-1);
-  display: flex;
-  gap: var(--a-spacing-1);
-}
-
-.navds-tooltip__key {
-  font-family: var(--a-font-family);
-  background-color: var(--ac-tooltip-key-bg, var(--a-surface-neutral));
-  color: var(--ac-tooltip-key-text, var(--a-text-on-inverted));
-  border-radius: var(--a-border-radius-small);
-  padding: 0 var(--a-spacing-1);
-  min-width: 1.125rem;
-  height: 1.125rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-@media (forced-colors: active) {
-  .navds-tooltip {
-    --__a-tooltip-high-contrast-border: 1px solid transparent;
-
-    border: var(--__a-tooltip-high-contrast-border);
-  }
-
-  .navds-tooltip[data-side="top"] .navds-tooltip__arrow {
-    border-bottom: var(--__a-tooltip-high-contrast-border);
-    border-right: var(--__a-tooltip-high-contrast-border);
-  }
-
-  .navds-tooltip[data-side="right"] .navds-tooltip__arrow {
-    border-bottom: var(--__a-tooltip-high-contrast-border);
-    border-left: var(--__a-tooltip-high-contrast-border);
-  }
-
-  .navds-tooltip[data-side="bottom"] .navds-tooltip__arrow {
-    border-left: var(--__a-tooltip-high-contrast-border);
-    border-top: var(--__a-tooltip-high-contrast-border);
-  }
-
-  .navds-tooltip[data-side="left"] .navds-tooltip__arrow {
-    border-top: var(--__a-tooltip-high-contrast-border);
-    border-right: var(--__a-tooltip-high-contrast-border);
-  }
-}