@codacy/ui-components 0.66.14 → 0.66.16

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

@@ -1,7 +1,20 @@
 import { FunctionalColorScheme } from '..';
-declare type Component = 'slider' | 'base';
-declare type Element = 'background' | 'text' | 'border' | 'icon';
-declare type State = 'enabled' | 'disabled' | 'hover' | 'unselected';
-declare type SelectorKey = `selector-${Component}-${Element}-${State}`;
-export declare const selector: (colors: FunctionalColorScheme) => Record<SelectorKey, string>;
-export {};
+export declare const selector: (colors: FunctionalColorScheme) => {
+    'selector-base-background-enabled': string;
+    'selector-base-background-unselected': string;
+    'selector-base-background-disabled': string;
+    'selector-base-background-hover': string;
+    'selector-slider-background-enabled': string;
+    'selector-slider-background-unselected': string;
+    'selector-slider-background-disabled': string;
+    'selector-slider-background-hover': string;
+    'selector-base-text-enabled': string;
+    'selector-base-text-disabled': string;
+    'selector-base-border-enabled': string;
+    'selector-base-border-unselected': string;
+    'selector-base-border-disabled': string;
+    'selector-base-border-hover': string;
+    'selector-base-icon-enabled': string;
+    'selector-base-icon-unselected': string;
+    'selector-base-icon-disabled': string;
+};

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

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

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

@@ -1,6 +1,9 @@
 import { FunctionalColorScheme } from '..';
-import { StepperState as State } from '../../../Stepper/Stepper.types';
-declare type Element = 'text' | 'icon';
-declare type StepperKey = `stepper-${Element}-${State}`;
-export declare const stepper: (colors: FunctionalColorScheme) => Record<StepperKey, string>;
-export {};
+export declare const stepper: (colors: FunctionalColorScheme) => {
+    'stepper-text-complete': string;
+    'stepper-icon-complete': string;
+    'stepper-text-current': string;
+    'stepper-icon-current': string;
+    'stepper-text-incomplete': string;
+    'stepper-icon-incomplete': string;
+};

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

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.stepper = void 0;
+var _utils = require("./utils");
 var stepper = exports.stepper = function stepper(colors) {
-  return {
+  return (0, _utils.validateKeys)()({
     'stepper-text-complete': colors['text-tertiary'],
     'stepper-icon-complete': colors['icon-brand-disabled'],
     'stepper-text-current': colors['text-primary'],
     'stepper-icon-current': colors['icon-brand-enabled'],
     'stepper-text-incomplete': colors['text-tertiary'],
     'stepper-icon-incomplete': colors['icon-subtle-enabled']
-  };
+  });
 };

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+declare type ValidateKeys<K extends string, T> = {
+    [P in keyof T]: P extends K ? T[P] : never;
+};
+export declare const validateKeys: <K extends string>() => <T extends Record<string, string>>(obj: ValidateKeys<K, T>) => T;
+export {};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateKeys = void 0;
+var validateKeys = exports.validateKeys = function validateKeys() {
+  return function (obj) {
+    return obj;
+  };
+};