@codacy/ui-components 0.66.14 → 0.66.16

package/lib/theme/ColorSchemes/components/charts.d.ts

@@ -1,7 +1,93 @@
 import { FunctionalColorScheme } from '..';
-declare type Variant = 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'success' | 'danger' | 'warning' | 'info' | 'attention' | 'critical' | 'high' | 'medium' | 'minor';
-declare type State = 'enabled' | 'disabled' | 'active';
-declare type Element = 'text' | 'link' | 'icon' | 'background' | 'border' | 'iconLink';
-declare type ChartsKey = `charts-${Variant | `value${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}`}-${Element}-${State}`;
-export declare const charts: (colors: FunctionalColorScheme) => Record<ChartsKey, string>;
-export {};
+export declare const charts: (colors: FunctionalColorScheme) => {
+    'charts-primary-icon-enabled': string;
+    'charts-primary-icon-disabled': string;
+    'charts-primary-iconLink-enabled': string;
+    'charts-primary-iconLink-disabled': string;
+    'charts-success-icon-enabled': string;
+    'charts-success-icon-disabled': string;
+    'charts-critical-icon-enabled': string;
+    'charts-critical-icon-disabled': string;
+    'charts-high-icon-enabled': string;
+    'charts-high-icon-disabled': string;
+    'charts-medium-icon-enabled': string;
+    'charts-medium-icon-disabled': string;
+    'charts-minor-icon-enabled': string;
+    'charts-minor-icon-disabled': string;
+    'charts-primary-text-enabled': string;
+    'charts-secondary-text-enabled': string;
+    'charts-tertiary-text-enabled': string;
+    'charts-primary-text-disabled': string;
+    'charts-primary-link-enabled': string;
+    'charts-critical-text-enabled': string;
+    'charts-critical-text-disabled': string;
+    'charts-high-text-enabled': string;
+    'charts-high-text-disabled': string;
+    'charts-medium-text-enabled': string;
+    'charts-medium-text-disabled': string;
+    'charts-minor-text-enabled': string;
+    'charts-minor-text-disabled': string;
+    'charts-primary-border-enabled': string;
+    'charts-secondary-border-enabled': string;
+    'charts-primary-border-active': string;
+    'charts-critical-border-enabled': string;
+    'charts-critical-border-disabled': string;
+    'charts-high-border-enabled': string;
+    'charts-high-border-disabled': string;
+    'charts-medium-border-enabled': string;
+    'charts-medium-border-disabled': string;
+    'charts-minor-border-enabled': string;
+    'charts-minor-border-disabled': string;
+    'charts-primary-background-enabled': string;
+    'charts-secondary-background-enabled': string;
+    'charts-tertiary-background-enabled': string;
+    'charts-subtle-background-enabled': string;
+    'charts-danger-background-enabled': string;
+    'charts-danger-background-active': string;
+    'charts-warning-background-enabled': string;
+    'charts-warning-background-active': string;
+    'charts-success-background-enabled': string;
+    'charts-success-background-active': string;
+    'charts-info-background-enabled': string;
+    'charts-info-background-active': string;
+    'charts-attention-background-enabled': string;
+    'charts-attention-background-active': string;
+    'charts-critical-background-enabled': string;
+    'charts-critical-background-active': string;
+    'charts-high-background-enabled': string;
+    'charts-high-background-active': string;
+    'charts-medium-background-enabled': string;
+    'charts-medium-background-active': string;
+    'charts-minor-background-enabled': string;
+    'charts-minor-background-active': string;
+    'charts-value1-border-enabled': string;
+    'charts-value1-border-disabled': string;
+    'charts-value2-border-enabled': string;
+    'charts-value2-border-disabled': string;
+    'charts-value3-border-enabled': string;
+    'charts-value3-border-disabled': string;
+    'charts-value4-border-enabled': string;
+    'charts-value4-border-disabled': string;
+    'charts-value5-border-enabled': string;
+    'charts-value5-border-disabled': string;
+    'charts-value6-border-enabled': string;
+    'charts-value6-border-disabled': string;
+    'charts-value7-border-enabled': string;
+    'charts-value7-border-disabled': string;
+    'charts-value1-background-enabled': string;
+    'charts-value1-background-disabled': string;
+    'charts-value2-background-enabled': string;
+    'charts-value2-background-disabled': string;
+    'charts-value3-background-enabled': string;
+    'charts-value3-background-disabled': string;
+    'charts-value4-background-enabled': string;
+    'charts-value4-background-disabled': string;
+    'charts-value5-background-enabled': string;
+    'charts-value5-background-disabled': string;
+    'charts-value6-background-enabled': string;
+    'charts-value6-background-disabled': string;
+    'charts-value7-background-enabled': string;
+    'charts-value7-background-disabled': string;
+    'charts-value8-background-enabled': string;
+    'charts-value8-background-disabled': string;
+};

package/lib/theme/ColorSchemes/components/charts.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.charts = void 0;
+var _utils = require("./utils");
 var charts = exports.charts = function charts(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'charts-primary-icon-enabled': colors['icon-enabled'],
     'charts-primary-icon-disabled': colors['text-disabled'],
     'charts-primary-iconLink-enabled': colors['icon-brand-enabled'],
@@ -96,5 +97,5 @@ var charts = exports.charts = function charts(colors) {
     'charts-value7-background-disabled': colors['data-color7-disabled'],
     'charts-value8-background-enabled': colors['data-color8-enabled'],
     'charts-value8-background-disabled': colors['data-color8-disabled']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/checkbox-input.d.ts

@@ -1,7 +1,13 @@
 import { FunctionalColorScheme } from '..';
-declare type Variant = 'primary' | 'secondary';
-declare type State = 'enabled' | 'disabled' | 'active';
-declare type Element = 'text' | 'background' | 'border' | 'icon';
-declare type CheckboxInputKey = `checkboxInput-${Variant}-${Element}-${State}`;
-export declare const checkboxInput: (colors: FunctionalColorScheme) => Record<CheckboxInputKey, string>;
-export {};
+export declare const checkboxInput: (colors: FunctionalColorScheme) => {
+    'checkboxInput-primary-text-enabled': string;
+    'checkboxInput-primary-text-disabled': string;
+    'checkboxInput-secondary-text-enabled': string;
+    'checkboxInput-secondary-text-disabled': string;
+    'checkboxInput-primary-background-enabled': string;
+    'checkboxInput-primary-background-disabled': string;
+    'checkboxInput-primary-border-active': string;
+    'checkboxInput-primary-border-enabled': string;
+    'checkboxInput-primary-icon-enabled': string;
+    'checkboxInput-primary-icon-disabled': string;
+};

package/lib/theme/ColorSchemes/components/checkbox-input.js

@@ -1,13 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkboxInput = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _utils = require("./utils");
 var checkboxInput = exports.checkboxInput = function checkboxInput(colors) {
-  return (0, _objectSpread2["default"])({}, {
+  return (0, _utils.validateKeys)()({
     'checkboxInput-primary-text-enabled': colors['text-primary'],
     'checkboxInput-primary-text-disabled': colors['border-brand-subtle'],
     'checkboxInput-secondary-text-enabled': colors['text-tertiary'],

package/lib/theme/ColorSchemes/components/divider.d.ts

@@ -1,4 +1,4 @@
 import { FunctionalColorScheme } from '../..';
-declare type DividerKey = `divider-enabled`;
-export declare const divider: (colors: FunctionalColorScheme) => Record<DividerKey, string>;
-export {};
+export declare const divider: (colors: FunctionalColorScheme) => {
+    'divider-enabled': string;
+};

package/lib/theme/ColorSchemes/components/divider.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.divider = void 0;
+var _utils = require("./utils");
 var divider = exports.divider = function divider(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'divider-enabled': colors['border-primary']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/drawer.d.ts

@@ -1,7 +1,21 @@
 import { FunctionalColorScheme } from '..';
-declare type Component = 'body' | 'item';
-declare type Element = 'text' | 'icon' | 'background' | 'border';
-declare type State = 'enabled' | 'disabled' | 'hover' | 'active';
-declare type DrawerKey = `drawer-${Component}-${Element}-${State}`;
-export declare const drawer: (colors: FunctionalColorScheme) => Record<DrawerKey, string>;
-export {};
+export declare const drawer: (colors: FunctionalColorScheme) => {
+    'drawer-body-text-enabled': string;
+    'drawer-body-text-disabled': string;
+    'drawer-body-background-enabled': string;
+    'drawer-body-border-enabled': string;
+    'drawer-body-icon-enabled': string;
+    'drawer-body-icon-disabled': string;
+    'drawer-item-text-enabled': string;
+    'drawer-item-text-disabled': string;
+    'drawer-item-text-hover': string;
+    'drawer-item-text-active': string;
+    'drawer-item-background-enabled': string;
+    'drawer-item-background-disabled': string;
+    'drawer-item-background-hover': string;
+    'drawer-item-background-active': string;
+    'drawer-item-icon-enabled': string;
+    'drawer-item-icon-disabled': string;
+    'drawer-item-icon-hover': string;
+    'drawer-item-icon-active': string;
+};

package/lib/theme/ColorSchemes/components/drawer.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.drawer = void 0;
+var _utils = require("./utils");
 var drawer = exports.drawer = function drawer(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'drawer-body-text-enabled': colors['text-secondary'],
     'drawer-body-text-disabled': colors['text-disabled'],
     'drawer-body-background-enabled': colors['background-primary'],
@@ -24,5 +25,5 @@ var drawer = exports.drawer = function drawer(colors) {
     'drawer-item-icon-disabled': colors['icon-disabled'],
     'drawer-item-icon-hover': colors['icon-hover'],
     'drawer-item-icon-active': colors['icon-brand-enabled']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/effects.d.ts

@@ -1,4 +1,5 @@
 import { PrimitiveColorScheme } from '../primitives';
-declare type EffectKey = `effect-elevation-${1 | 2}`;
-export declare const effects: (colors: PrimitiveColorScheme) => Record<EffectKey, string>;
-export {};
+export declare const effects: (colors: PrimitiveColorScheme) => {
+    'effect-elevation-1': `${string}26`;
+    'effect-elevation-2': `${string}33`;
+};

package/lib/theme/ColorSchemes/components/effects.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.effects = void 0;
+var _utils = require("./utils");
 var effects = exports.effects = function effects(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'effect-elevation-1': "".concat(colors['grey-30'], "26"),
     'effect-elevation-2': "".concat(colors['grey-30'], "33")
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/filters.d.ts

@@ -1,6 +1,12 @@
 import { FunctionalColorScheme } from '..';
-declare type Element = 'text' | 'icon' | 'background' | 'border';
-declare type State = 'enabled' | 'disabled' | 'active';
-declare type FilterKey = `filter-${Element}-${State}`;
-export declare const filters: (colors: FunctionalColorScheme) => Record<FilterKey, string>;
-export {};
+export declare const filters: (colors: FunctionalColorScheme) => {
+    'filter-text-enabled': string;
+    'filter-text-disabled': string;
+    'filter-background-enabled': string;
+    'filter-background-disabled': string;
+    'filter-border-enabled': string;
+    'filter-border-disabled': string;
+    'filter-border-active': string;
+    'filter-icon-enabled': string;
+    'filter-icon-disabled': string;
+};

package/lib/theme/ColorSchemes/components/filters.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.filters = void 0;
+var _utils = require("./utils");
 var filters = exports.filters = function filters(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'filter-text-enabled': colors['text-secondary'],
     'filter-text-disabled': colors['text-disabled'],
     'filter-background-enabled': colors['background-primary'],
@@ -15,5 +16,5 @@ var filters = exports.filters = function filters(colors) {
     'filter-border-active': colors['border-brand-pressed'],
     'filter-icon-enabled': colors['icon-enabled'],
     'filter-icon-disabled': colors['icon-disabled']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/input.d.ts

@@ -1,6 +1,38 @@
 import { FunctionalColorScheme } from '..';
-declare type State = 'enabled' | 'disabled' | 'hover' | 'focus' | 'error';
-declare type Element = 'icon' | 'border' | 'background' | 'text' | 'placeholder' | 'helper' | 'label';
-declare type InputKey = `input-${Element}-${State}`;
-export declare const input: (colors: FunctionalColorScheme) => Record<InputKey, string>;
-export {};
+export declare const input: (colors: FunctionalColorScheme) => {
+    'input-icon-enabled': string;
+    'input-icon-hover': string;
+    'input-icon-focus': string;
+    'input-icon-disabled': string;
+    'input-icon-error': string;
+    'input-border-enabled': string;
+    'input-border-hover': string;
+    'input-border-focus': string;
+    'input-border-disabled': string;
+    'input-border-error': string;
+    'input-background-enabled': string;
+    'input-background-hover': string;
+    'input-background-focus': string;
+    'input-background-disabled': string;
+    'input-background-error': string;
+    'input-text-enabled': string;
+    'input-text-hover': string;
+    'input-text-focus': string;
+    'input-text-disabled': string;
+    'input-text-error': string;
+    'input-placeholder-enabled': string;
+    'input-placeholder-hover': string;
+    'input-placeholder-focus': string;
+    'input-placeholder-disabled': string;
+    'input-placeholder-error': string;
+    'input-helper-enabled': string;
+    'input-helper-hover': string;
+    'input-helper-focus': string;
+    'input-helper-disabled': string;
+    'input-helper-error': string;
+    'input-label-enabled': string;
+    'input-label-hover': string;
+    'input-label-focus': string;
+    'input-label-disabled': string;
+    'input-label-error': string;
+};

package/lib/theme/ColorSchemes/components/input.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.input = void 0;
+var _utils = require("./utils");
 var input = exports.input = function input(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'input-icon-enabled': colors['icon-enabled'],
     'input-icon-hover': colors['icon-enabled'],
     'input-icon-focus': colors['icon-enabled'],
@@ -41,5 +42,5 @@ var input = exports.input = function input(colors) {
     'input-label-focus': colors['text-secondary'],
     'input-label-disabled': colors['text-disabled'],
     'input-label-error': colors['text-secondary']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/issues.d.ts

@@ -3,5 +3,30 @@ declare type Variant = 'critical' | 'high' | 'medium' | 'minor';
 declare type State = 'collapsed' | 'expanded';
 declare type Element = 'background' | 'border' | 'code' | 'line';
 export declare type IssueKey = `issues-${Variant}-${Element}-${State}`;
-export declare const issues: (colors: FunctionalColorScheme) => Record<IssueKey, string>;
+export declare const issues: (colors: FunctionalColorScheme) => {
+    'issues-critical-border-collapsed': string;
+    'issues-critical-border-expanded': string;
+    'issues-high-border-collapsed': string;
+    'issues-high-border-expanded': string;
+    'issues-medium-border-collapsed': string;
+    'issues-medium-border-expanded': string;
+    'issues-minor-border-collapsed': string;
+    'issues-minor-border-expanded': string;
+    'issues-critical-code-collapsed': string;
+    'issues-critical-code-expanded': string;
+    'issues-high-code-collapsed': string;
+    'issues-high-code-expanded': string;
+    'issues-medium-code-collapsed': string;
+    'issues-medium-code-expanded': string;
+    'issues-minor-code-collapsed': string;
+    'issues-minor-code-expanded': string;
+    'issues-critical-line-collapsed': string;
+    'issues-critical-line-expanded': string;
+    'issues-high-line-collapsed': string;
+    'issues-high-line-expanded': string;
+    'issues-medium-line-collapsed': string;
+    'issues-medium-line-expanded': string;
+    'issues-minor-line-collapsed': string;
+    'issues-minor-line-expanded': string;
+};
 export {};

package/lib/theme/ColorSchemes/components/issues.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.issues = void 0;
+var _utils = require("./utils");
 var issues = exports.issues = function issues(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'issues-critical-border-collapsed': colors['border-critical-enabled'],
     'issues-critical-border-expanded': colors['border-critical-disabled'],
     'issues-high-border-collapsed': colors['border-high-enabled'],
@@ -30,5 +31,5 @@ var issues = exports.issues = function issues(colors) {
     'issues-medium-line-expanded': colors['text-inverted'],
     'issues-minor-line-collapsed': colors['text-disabled'],
     'issues-minor-line-expanded': colors['text-inverted']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/label.d.ts

@@ -1,6 +1,33 @@
 import { FunctionalColorScheme } from '..';
-import { PillLabelStatus as Variant } from '../../../PillLabel/PillLabel.types';
-declare type Element = 'icon' | 'text' | 'background';
-declare type LabelKey = `label-${Variant}-${Element}`;
-export declare const label: (colors: FunctionalColorScheme) => Record<LabelKey, string>;
-export {};
+export declare const label: (colors: FunctionalColorScheme) => {
+    'label-default-icon': string;
+    'label-default-text': string;
+    'label-default-background': string;
+    'label-danger-icon': string;
+    'label-danger-text': string;
+    'label-danger-background': string;
+    'label-success-icon': string;
+    'label-success-text': string;
+    'label-success-background': string;
+    'label-warning-icon': string;
+    'label-warning-text': string;
+    'label-warning-background': string;
+    'label-info-icon': string;
+    'label-info-text': string;
+    'label-info-background': string;
+    'label-attention-icon': string;
+    'label-attention-text': string;
+    'label-attention-background': string;
+    'label-critical-icon': string;
+    'label-critical-text': string;
+    'label-critical-background': string;
+    'label-high-icon': string;
+    'label-high-text': string;
+    'label-high-background': string;
+    'label-medium-icon': string;
+    'label-medium-text': string;
+    'label-medium-background': string;
+    'label-minor-icon': string;
+    'label-minor-text': string;
+    'label-minor-background': string;
+};

package/lib/theme/ColorSchemes/components/label.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.label = void 0;
+var _utils = require("./utils");
 var label = exports.label = function label(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'label-default-icon': colors['icon-enabled'],
     'label-default-text': colors['text-secondary'],
     'label-default-background': colors['background-subtle'],
@@ -36,5 +37,5 @@ var label = exports.label = function label(colors) {
     'label-minor-icon': colors['icon-minor-enabled'],
     'label-minor-text': colors['text-minor-enabled'],
     'label-minor-background': colors['background-minor']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/list-orb.d.ts

@@ -1,6 +1,8 @@
 import { FunctionalColorScheme } from '..';
-declare type Variant = 'primary' | 'secondary';
-declare type Element = 'text' | 'icon' | 'background';
-declare type ListOrbKey = `listOrb-${Variant}-${Element}`;
-export declare const listOrb: (colors: FunctionalColorScheme) => Record<ListOrbKey, string>;
-export {};
+export declare const listOrb: (colors: FunctionalColorScheme) => {
+    'listOrb-primary-text': string;
+    'listOrb-secondary-text': string;
+    'listOrb-primary-icon': string;
+    'listOrb-primary-background': string;
+    'listOrb-secondary-background': string;
+};

package/lib/theme/ColorSchemes/components/list-orb.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.listOrb = void 0;
+var _utils = require("./utils");
 var listOrb = exports.listOrb = function listOrb(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'listOrb-primary-text': colors['text-primary'],
     'listOrb-secondary-text': colors['text-secondary'],
     'listOrb-primary-icon': colors['icon-brand-enabled'],
     'listOrb-primary-background': colors['background-brand'],
     'listOrb-secondary-background': colors['background-subtle']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/loading.d.ts

@@ -1,4 +1,4 @@
 import { FunctionalColorScheme } from '../..';
-declare type LoadingKey = `loading-background`;
-export declare const loading: (colors: FunctionalColorScheme) => Record<LoadingKey, string>;
-export {};
+export declare const loading: (colors: FunctionalColorScheme) => {
+    'loading-background': string;
+};

package/lib/theme/ColorSchemes/components/loading.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loading = void 0;
+var _utils = require("./utils");
 var loading = exports.loading = function loading(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'loading-background': colors['background-brand']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/logo.d.ts

@@ -1,4 +1,6 @@
 import { FunctionalColorScheme } from '../..';
-declare type LogoKey = 'logo-brand' | 'logo-inverted' | 'logo-primary';
-export declare const logo: (colors: FunctionalColorScheme) => Record<LogoKey, string>;
-export {};
+export declare const logo: (colors: FunctionalColorScheme) => {
+    'logo-brand': string;
+    'logo-inverted': string;
+    'logo-primary': string;
+};

package/lib/theme/ColorSchemes/components/logo.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.logo = void 0;
+var _utils = require("./utils");
 var logo = exports.logo = function logo(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'logo-brand': colors['icon-brand-enabled'],
     'logo-inverted': colors['icon-inverted'],
     'logo-primary': colors['icon-subtle-pressed']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/modals.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalColorScheme } from '..';
-declare type Component = 'body' | 'backdrop';
-declare type Element = 'text' | 'background';
-declare type ModalKey = `modal-${Component}-${Element}`;
-export declare const modals: (colors: FunctionalColorScheme) => Record<ModalKey, string>;
-export {};
+export declare const modals: (colors: FunctionalColorScheme) => {
+    'modal-body-text': string;
+    'modal-body-background': string;
+    'modal-backdrop-background': string;
+};

package/lib/theme/ColorSchemes/components/modals.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.modals = void 0;
+var _utils = require("./utils");
 var modals = exports.modals = function modals(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'modal-body-text': colors['text-primary'],
     'modal-body-background': colors['background-primary'],
     'modal-backdrop-background': colors['background-subtle-enabled']
-  };
+  });
 };

package/lib/theme/ColorSchemes/components/navigation.d.ts

@@ -1,8 +1,17 @@
 import { FunctionalColorScheme } from '..';
-declare type Type = 'left-menu' | 'top-bar';
-declare type Component = 'item' | 'wrapper';
-declare type Element = 'text' | 'background' | 'icon';
-declare type State = 'enabled' | 'active' | 'hover' | 'disabled';
-declare type NavigationKey = `navigation-${Type}-${Component}-${Element}-${State}`;
-export declare const navigation: (colors: FunctionalColorScheme) => Record<NavigationKey, string>;
-export {};
+export declare const navigation: (colors: FunctionalColorScheme) => {
+    'navigation-left-menu-item-text-enabled': string;
+    'navigation-left-menu-item-text-active': string;
+    'navigation-left-menu-item-text-hover': string;
+    'navigation-left-menu-item-icon-enabled': string;
+    'navigation-left-menu-item-icon-active': string;
+    'navigation-left-menu-item-background-enabled': string;
+    'navigation-left-menu-item-background-active': string;
+    'navigation-left-menu-wrapper-text-enabled': string;
+    'navigation-left-menu-wrapper-background-enabled': string;
+    'navigation-top-bar-item-text-enabled': string;
+    'navigation-top-bar-item-background-hover': string;
+    'navigation-top-bar-logo': string;
+    'navigation-top-bar-wrapper-text-enabled': string;
+    'navigation-top-bar-wrapper-background-enabled': string;
+};

package/lib/theme/ColorSchemes/components/navigation.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.navigation = void 0;
+var _utils = require("./utils");
 var navigation = exports.navigation = function navigation(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'navigation-left-menu-item-text-enabled': colors['text-secondary'],
     'navigation-left-menu-item-text-active': colors['text-brand-enabled'],
     'navigation-left-menu-item-text-hover': colors['text-brand-hover'],
@@ -16,8 +17,9 @@ var navigation = exports.navigation = function navigation(colors) {
     'navigation-left-menu-wrapper-text-enabled': colors['text-disabled'],
     'navigation-left-menu-wrapper-background-enabled': colors['background-secondary'],
     'navigation-top-bar-item-text-enabled': colors['text-tertiary'],
-    'navigation-top-bar-item-background-hover': colors['background-subtle-hover'],
+    'navigation-top-bar-item-background-hover': colors['background-subtle-disabled'],
+    'navigation-top-bar-logo': colors['icon-focus'],
     'navigation-top-bar-wrapper-text-enabled': colors['text-tertiary'],
     'navigation-top-bar-wrapper-background-enabled': colors['background-subtle']
-  };
+  });
 };