@codacy/ui-components 0.66.24 → 0.66.26

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

@@ -1,12 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loading = void 0;
-var _utils = require("./utils");
-var loading = exports.loading = function loading(colors) {
-  return (0, _utils.validateKeys)()({
-    'loading-background': colors['background-brand']
-  });
-};
+import { validateKeys } from './utils';
+export const loading = colors => validateKeys()({
+  'loading-background': colors['background-brand']
+});

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

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.logo = void 0;
-var _utils = require("./utils");
-var logo = exports.logo = function logo(colors) {
-  return (0, _utils.validateKeys)()({
-    'logo-brand': colors['icon-brand-enabled'],
-    'logo-inverted': colors['icon-inverted'],
-    'logo-primary': colors['icon-subtle-pressed']
-  });
-};
+import { validateKeys } from './utils';
+export const logo = colors => validateKeys()({
+  'logo-brand': colors['icon-brand-enabled'],
+  'logo-inverted': colors['icon-inverted'],
+  'logo-primary': colors['icon-subtle-pressed']
+});

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

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.modals = void 0;
-var _utils = require("./utils");
-var modals = exports.modals = function modals(colors) {
-  return (0, _utils.validateKeys)()({
-    'modal-body-text': colors['text-primary'],
-    'modal-body-background': colors['background-primary'],
-    'modal-backdrop-background': colors['background-subtle-enabled']
-  });
-};
+import { validateKeys } from './utils';
+export const modals = colors => 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.js

@@ -1,25 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.navigation = void 0;
-var _utils = require("./utils");
-var navigation = exports.navigation = function navigation(colors) {
-  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'],
-    'navigation-left-menu-item-icon-enabled': colors['icon-enabled'],
-    'navigation-left-menu-item-icon-active': colors['icon-brand-enabled'],
-    'navigation-left-menu-item-background-enabled': colors['background-secondary'],
-    'navigation-left-menu-item-background-active': colors['background-brand'],
-    '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-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']
-  });
-};
+import { validateKeys } from './utils';
+export const navigation = colors => 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'],
+  'navigation-left-menu-item-icon-enabled': colors['icon-enabled'],
+  'navigation-left-menu-item-icon-active': colors['icon-brand-enabled'],
+  'navigation-left-menu-item-background-enabled': colors['background-secondary'],
+  'navigation-left-menu-item-background-active': colors['background-brand'],
+  '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-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']
+});

package/lib/theme/ColorSchemes/components/progress-bar.d.ts

@@ -0,0 +1,5 @@
+import { FunctionalColorScheme } from '..';
+export declare const progressBar: (colors: FunctionalColorScheme) => {
+    'progress-bar-background': string;
+    'progress-bar-indicator': string;
+};

package/lib/theme/ColorSchemes/components/progress-bar.js

@@ -0,0 +1,5 @@
+import { validateKeys } from './utils';
+export const progressBar = colors => validateKeys()({
+  'progress-bar-background': colors['background-subtle'],
+  'progress-bar-indicator': colors['background-brand-enabled']
+});

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

@@ -1,28 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selector = void 0;
-var _utils = require("./utils");
-var selector = exports.selector = function selector(colors) {
-  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'],
-    'selector-base-background-hover': colors['background-brand'],
-    'selector-slider-background-enabled': colors['background-brand-enabled'],
-    'selector-slider-background-unselected': colors['background-brand'],
-    'selector-slider-background-disabled': colors['background-brand-disabled'],
-    'selector-slider-background-hover': colors['background-brand-hover'],
-    'selector-base-text-enabled': colors['text-primary'],
-    'selector-base-text-disabled': colors['text-disabled'],
-    'selector-base-border-enabled': colors['border-brand-subtle'],
-    'selector-base-border-unselected': colors['border-subtle-disabled'],
-    'selector-base-border-disabled': colors['border-brand-disabled'],
-    'selector-base-border-hover': colors['border-brand-enabled'],
-    'selector-base-icon-enabled': colors['icon-brand-enabled'],
-    'selector-base-icon-unselected': colors['background-subtle-enabled'],
-    'selector-base-icon-disabled': colors['icon-brand-disabled']
-  });
-};
+import { validateKeys } from './utils';
+export const selector = colors => validateKeys()({
+  'selector-base-background-enabled': colors['background-brand-inverted'],
+  'selector-base-background-unselected': colors['background-brand-inverted'],
+  'selector-base-background-disabled': colors['background-brand'],
+  'selector-base-background-hover': colors['background-brand'],
+  'selector-slider-background-enabled': colors['background-brand-enabled'],
+  'selector-slider-background-unselected': colors['background-brand'],
+  'selector-slider-background-disabled': colors['background-brand-disabled'],
+  'selector-slider-background-hover': colors['background-brand-hover'],
+  'selector-base-text-enabled': colors['text-primary'],
+  'selector-base-text-disabled': colors['text-disabled'],
+  'selector-base-border-enabled': colors['border-brand-subtle'],
+  'selector-base-border-unselected': colors['border-subtle-disabled'],
+  'selector-base-border-disabled': colors['border-brand-disabled'],
+  'selector-base-border-hover': colors['border-brand-enabled'],
+  'selector-base-icon-enabled': colors['icon-brand-enabled'],
+  'selector-base-icon-unselected': colors['background-subtle-enabled'],
+  'selector-base-icon-disabled': colors['icon-brand-disabled']
+});

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

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stepper = void 0;
-var _utils = require("./utils");
-var stepper = exports.stepper = function stepper(colors) {
-  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']
-  });
-};
+import { validateKeys } from './utils';
+export const stepper = colors => 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.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tables = void 0;
-var _utils = require("./utils");
-var tables = exports.tables = function tables(colors) {
-  return (0, _utils.validateKeys)()({
-    'tables-text-enabled': colors['text-tertiary'],
-    'tables-text-active': colors['text-brand-enabled'],
-    'tables-background-enabled': colors['background-primary'],
-    'tables-background-hover': colors['background-secondary'],
-    'tables-border-enabled': colors['border-primary'],
-    'tables-icon-enabled': colors['icon-disabled'],
-    'tables-icon-active': colors['icon-brand-enabled'],
-    'tables-link-enabled': colors['text-primary'],
-    'tables-link-hover': colors['text-link-enabled']
-  });
-};
+import { validateKeys } from './utils';
+export const tables = colors => validateKeys()({
+  'tables-text-enabled': colors['text-tertiary'],
+  'tables-text-active': colors['text-brand-enabled'],
+  'tables-background-enabled': colors['background-primary'],
+  'tables-background-hover': colors['background-secondary'],
+  'tables-border-enabled': colors['border-primary'],
+  'tables-icon-enabled': colors['icon-disabled'],
+  '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.js

@@ -1,21 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tabs = void 0;
-var _utils = require("./utils");
-var tabs = exports.tabs = function tabs(colors) {
-  return (0, _utils.validateKeys)()({
-    'tabs-text-enabled': colors['text-secondary'],
-    'tabs-text-disabled': colors['text-disabled'],
-    'tabs-text-active': colors['text-brand-enabled'],
-    'tabs-border-enabled': colors['border-primary'],
-    'tabs-border-disabled': colors['border-primary'],
-    'tabs-border-active': colors['border-brand-enabled'],
-    'tabs-border-inactive': colors['border-subtle-disabled'],
-    'tabs-icon-enabled': colors['icon-enabled'],
-    'tabs-icon-disabled': colors['icon-disabled'],
-    'tabs-icon-active': colors['icon-brand-enabled']
-  });
-};
+import { validateKeys } from './utils';
+export const tabs = colors => validateKeys()({
+  'tabs-text-enabled': colors['text-secondary'],
+  'tabs-text-disabled': colors['text-disabled'],
+  'tabs-text-active': colors['text-brand-enabled'],
+  'tabs-border-enabled': colors['border-primary'],
+  'tabs-border-disabled': colors['border-primary'],
+  'tabs-border-active': colors['border-brand-enabled'],
+  'tabs-border-inactive': colors['border-subtle-disabled'],
+  'tabs-icon-enabled': colors['icon-enabled'],
+  'tabs-icon-disabled': colors['icon-disabled'],
+  'tabs-icon-active': colors['icon-brand-enabled']
+});

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

@@ -0,0 +1,6 @@
+import { FunctionalColorScheme } from '..';
+export declare const tooltip: (colors: FunctionalColorScheme) => {
+    'tooltip-text': string;
+    'tooltip-border': string;
+    'tooltip-background': string;
+};

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

@@ -0,0 +1,6 @@
+import { validateKeys } from './utils';
+export const tooltip = colors => validateKeys()({
+  'tooltip-text': colors['text-secondary'],
+  'tooltip-border': colors['border-primary'],
+  'tooltip-background': colors['background-primary']
+});

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

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

package/lib/theme/ColorSchemes/dark/background.d.ts

@@ -32,51 +32,51 @@ export declare const backgroundColors: {
     'background-attention-disabled': string;
     'background-high-enabled': string;
     'background-high-disabled': string;
-    "link-high": string;
-    "link-medium": string;
-    "link-success": string;
-    "link-danger": string;
-    "link-warning": string;
-    "link-info": string;
-    "link-attention": string;
-    "link-critical": string;
-    "link-minor": string;
-    "background-high": string;
-    "background-medium": string;
-    "background-success": string;
+    "text-danger": string;
+    "text-success": string;
+    "text-warning": string;
+    "text-info": string;
+    "text-attention": string;
+    "text-critical": string;
+    "text-high": string;
+    "text-medium": string;
+    "text-minor": string;
     "background-danger": string;
+    "background-success": string;
     "background-warning": string;
     "background-info": string;
     "background-attention": string;
     "background-critical": string;
+    "background-high": string;
+    "background-medium": string;
     "background-minor": string;
-    "border-high": string;
-    "border-medium": string;
-    "border-success": string;
     "border-danger": string;
+    "border-success": string;
     "border-warning": string;
     "border-info": string;
     "border-attention": string;
     "border-critical": string;
+    "border-high": string;
+    "border-medium": string;
     "border-minor": string;
-    "text-high": string;
-    "text-medium": string;
-    "text-success": string;
-    "text-danger": string;
-    "text-warning": string;
-    "text-info": string;
-    "text-attention": string;
-    "text-critical": string;
-    "text-minor": string;
-    "icon-high": string;
-    "icon-medium": string;
-    "icon-success": string;
     "icon-danger": string;
+    "icon-success": string;
     "icon-warning": string;
     "icon-info": string;
     "icon-attention": string;
     "icon-critical": string;
+    "icon-high": string;
+    "icon-medium": string;
     "icon-minor": string;
+    "link-danger": string;
+    "link-success": string;
+    "link-warning": string;
+    "link-info": string;
+    "link-attention": string;
+    "link-critical": string;
+    "link-high": string;
+    "link-medium": string;
+    "link-minor": string;
     'background-primary': string;
     'background-secondary': string;
     'background-subtle': string;

package/lib/theme/ColorSchemes/dark/background.js

@@ -1,56 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.backgroundColors = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _primitives = require("../primitives");
-var _semantics = require("../semantics");
-var backgroundColors = exports.backgroundColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-  'background-primary': _primitives.primitiveColors['grey-00'],
-  'background-secondary': _primitives.primitiveColors['grey-10'],
-  'background-subtle': _primitives.primitiveColors['blue-00'],
-  'background-brand-subtle': _primitives.primitiveColors['blue-10']
-}, (0, _semantics.semanticFunctionalColorsFx)('background', 10)), {}, {
-  'background-brand': _primitives.primitiveColors['blue-10'],
-  'background-brand-enabled': _primitives.primitiveColors['blue-50'],
-  'background-brand-hover': _primitives.primitiveColors['blue-60'],
-  'background-brand-focus': _primitives.primitiveColors['blue-60'],
-  'background-brand-pressed': _primitives.primitiveColors['blue-30'],
-  'background-brand-disabled': _primitives.primitiveColors['blue-20'],
-  'background-brand-inverted': _primitives.primitiveColors['grey-00'],
-  'background-subtle-enabled': _primitives.primitiveColors['grey-70'],
-  'background-subtle-hover': _primitives.primitiveColors['grey-50'],
-  'background-subtle-focus': _primitives.primitiveColors['grey-60'],
-  'background-subtle-pressed': _primitives.primitiveColors['grey-50'],
-  'background-subtle-disabled': _primitives.primitiveColors['grey-20'],
+import { primitiveColors } from '../primitives';
+import { semanticFunctionalColorsFx } from '../semantics';
+export const backgroundColors = {
+  'background-primary': primitiveColors['grey-00'],
+  'background-secondary': primitiveColors['grey-05'],
+  'background-subtle': primitiveColors['grey-15'],
+  'background-brand-subtle': primitiveColors['blue-10'],
+  ...semanticFunctionalColorsFx('background', 10),
+  'background-brand': primitiveColors['blue-10'],
+  'background-brand-enabled': primitiveColors['blue-50'],
+  'background-brand-hover': primitiveColors['blue-60'],
+  'background-brand-focus': primitiveColors['blue-60'],
+  'background-brand-pressed': primitiveColors['blue-30'],
+  'background-brand-disabled': primitiveColors['blue-20'],
+  'background-brand-inverted': primitiveColors['grey-00'],
+  'background-subtle-enabled': primitiveColors['grey-70'],
+  'background-subtle-hover': primitiveColors['grey-50'],
+  'background-subtle-focus': primitiveColors['grey-60'],
+  'background-subtle-pressed': primitiveColors['grey-50'],
+  'background-subtle-disabled': primitiveColors['grey-20'],
   // blue
-  'background-info-enabled': _primitives.primitiveColors['blue-60'],
-  'background-info-disabled': _primitives.primitiveColors['blue-30'],
-  'background-minor-enabled': _primitives.primitiveColors['blue-40'],
-  'background-minor-disabled': _primitives.primitiveColors['blue-30'],
+  'background-info-enabled': primitiveColors['blue-60'],
+  'background-info-disabled': primitiveColors['blue-30'],
+  'background-minor-enabled': primitiveColors['blue-40'],
+  'background-minor-disabled': primitiveColors['blue-30'],
   // red
-  'background-danger-enabled': _primitives.primitiveColors['red-60'],
-  'background-danger-hover': _primitives.primitiveColors['red-50'],
-  'background-danger-focus': _primitives.primitiveColors['red-50'],
-  'background-danger-pressed': _primitives.primitiveColors['red-80'],
-  'background-danger-disabled': _primitives.primitiveColors['red-10'],
-  'background-critical-enabled': _primitives.primitiveColors['red-50'],
-  'background-critical-disabled': _primitives.primitiveColors['red-30'],
+  'background-danger-enabled': primitiveColors['red-60'],
+  'background-danger-hover': primitiveColors['red-50'],
+  'background-danger-focus': primitiveColors['red-50'],
+  'background-danger-pressed': primitiveColors['red-80'],
+  'background-danger-disabled': primitiveColors['red-10'],
+  'background-critical-enabled': primitiveColors['red-50'],
+  'background-critical-disabled': primitiveColors['red-30'],
   // green
-  'background-success-enabled': _primitives.primitiveColors['green-50'],
-  'background-success-disabled': _primitives.primitiveColors['green-30'],
+  'background-success-enabled': primitiveColors['green-50'],
+  'background-success-disabled': primitiveColors['green-30'],
   // yellow
-  'background-warning-enabled': _primitives.primitiveColors['yellow-50'],
-  'background-warning-disabled': _primitives.primitiveColors['yellow-30'],
-  'background-medium-enabled': _primitives.primitiveColors['yellow-60'],
-  'background-medium-disabled': _primitives.primitiveColors['yellow-30'],
+  'background-warning-enabled': primitiveColors['yellow-50'],
+  'background-warning-disabled': primitiveColors['yellow-30'],
+  'background-medium-enabled': primitiveColors['yellow-60'],
+  'background-medium-disabled': primitiveColors['yellow-30'],
   // purple
-  'background-attention-enabled': _primitives.primitiveColors['purple-50'],
-  'background-attention-disabled': _primitives.primitiveColors['purple-30'],
+  'background-attention-enabled': primitiveColors['purple-50'],
+  'background-attention-disabled': primitiveColors['purple-30'],
   // orange
-  'background-high-enabled': _primitives.primitiveColors['orange-40'],
-  'background-high-disabled': _primitives.primitiveColors['orange-30']
-});
+  'background-high-enabled': primitiveColors['orange-40'],
+  'background-high-disabled': primitiveColors['orange-30']
+};

package/lib/theme/ColorSchemes/dark/border.d.ts

@@ -24,51 +24,51 @@ export declare const borderColors: {
     'border-attention-disabled': string;
     'border-high-enabled': string;
     'border-high-disabled': string;
-    "link-high": string;
-    "link-medium": string;
-    "link-success": string;
-    "link-danger": string;
-    "link-warning": string;
-    "link-info": string;
-    "link-attention": string;
-    "link-critical": string;
-    "link-minor": string;
-    "background-high": string;
-    "background-medium": string;
-    "background-success": string;
+    "text-danger": string;
+    "text-success": string;
+    "text-warning": string;
+    "text-info": string;
+    "text-attention": string;
+    "text-critical": string;
+    "text-high": string;
+    "text-medium": string;
+    "text-minor": string;
     "background-danger": string;
+    "background-success": string;
     "background-warning": string;
     "background-info": string;
     "background-attention": string;
     "background-critical": string;
+    "background-high": string;
+    "background-medium": string;
     "background-minor": string;
-    "border-high": string;
-    "border-medium": string;
-    "border-success": string;
     "border-danger": string;
+    "border-success": string;
     "border-warning": string;
     "border-info": string;
     "border-attention": string;
     "border-critical": string;
+    "border-high": string;
+    "border-medium": string;
     "border-minor": string;
-    "text-high": string;
-    "text-medium": string;
-    "text-success": string;
-    "text-danger": string;
-    "text-warning": string;
-    "text-info": string;
-    "text-attention": string;
-    "text-critical": string;
-    "text-minor": string;
-    "icon-high": string;
-    "icon-medium": string;
-    "icon-success": string;
     "icon-danger": string;
+    "icon-success": string;
     "icon-warning": string;
     "icon-info": string;
     "icon-attention": string;
     "icon-critical": string;
+    "icon-high": string;
+    "icon-medium": string;
     "icon-minor": string;
+    "link-danger": string;
+    "link-success": string;
+    "link-warning": string;
+    "link-info": string;
+    "link-attention": string;
+    "link-critical": string;
+    "link-high": string;
+    "link-medium": string;
+    "link-minor": string;
     'border-inverted': string;
     'border-primary': string;
     'border-subtle-enabled': string;