@codacy/ui-components 0.66.25 → 0.66.26

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

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

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.effects = void 0;
-var _utils = require("./utils");
-var effects = exports.effects = function effects(colors) {
-  return (0, _utils.validateKeys)()({
-    'effect-elevation-1': "".concat(colors['grey-30'], "26"),
-    'effect-elevation-2': "".concat(colors['grey-30'], "33")
-  });
-};
+import { validateKeys } from './utils';
+export const effects = colors => validateKeys()({
+  'effect-elevation-1': `${colors['grey-30']}26`,
+  'effect-elevation-2': `${colors['grey-30']}33`
+});

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

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

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

@@ -1,258 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _alerts = require("./alerts");
-Object.keys(_alerts).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _alerts[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _alerts[key];
-    }
-  });
-});
-var _button = require("./button");
-Object.keys(_button).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _button[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _button[key];
-    }
-  });
-});
-var _cards = require("./cards");
-Object.keys(_cards).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _cards[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _cards[key];
-    }
-  });
-});
-var _charts = require("./charts");
-Object.keys(_charts).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _charts[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _charts[key];
-    }
-  });
-});
-var _label = require("./label");
-Object.keys(_label).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _label[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _label[key];
-    }
-  });
-});
-var _checkboxInput = require("./checkbox-input");
-Object.keys(_checkboxInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _checkboxInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _checkboxInput[key];
-    }
-  });
-});
-var _listOrb = require("./list-orb");
-Object.keys(_listOrb).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _listOrb[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _listOrb[key];
-    }
-  });
-});
-var _stepper = require("./stepper");
-Object.keys(_stepper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _stepper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _stepper[key];
-    }
-  });
-});
-var _selector = require("./selector");
-Object.keys(_selector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _selector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _selector[key];
-    }
-  });
-});
-var _input = require("./input");
-Object.keys(_input).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _input[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _input[key];
-    }
-  });
-});
-var _loading = require("./loading");
-Object.keys(_loading).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _loading[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _loading[key];
-    }
-  });
-});
-var _effects = require("./effects");
-Object.keys(_effects).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _effects[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _effects[key];
-    }
-  });
-});
-var _divider = require("./divider");
-Object.keys(_divider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _divider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _divider[key];
-    }
-  });
-});
-var _issues = require("./issues");
-Object.keys(_issues).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _issues[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _issues[key];
-    }
-  });
-});
-var _tabs = require("./tabs");
-Object.keys(_tabs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _tabs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _tabs[key];
-    }
-  });
-});
-var _drawer = require("./drawer");
-Object.keys(_drawer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _drawer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _drawer[key];
-    }
-  });
-});
-var _filters = require("./filters");
-Object.keys(_filters).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _filters[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _filters[key];
-    }
-  });
-});
-var _modals = require("./modals");
-Object.keys(_modals).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _modals[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _modals[key];
-    }
-  });
-});
-var _tables = require("./tables");
-Object.keys(_tables).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _tables[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _tables[key];
-    }
-  });
-});
-var _navigation = require("./navigation");
-Object.keys(_navigation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _navigation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _navigation[key];
-    }
-  });
-});
-var _logo = require("./logo");
-Object.keys(_logo).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _logo[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _logo[key];
-    }
-  });
-});
-var _tooltip = require("./tooltip");
-Object.keys(_tooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _tooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _tooltip[key];
-    }
-  });
-});
-var _progressBar = require("./progress-bar");
-Object.keys(_progressBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _progressBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _progressBar[key];
-    }
-  });
-});
+export * from './alerts';
+export * from './button';
+export * from './cards';
+export * from './charts';
+export * from './label';
+export * from './checkbox-input';
+export * from './list-orb';
+export * from './stepper';
+export * from './selector';
+export * from './input';
+export * from './loading';
+export * from './effects';
+export * from './divider';
+export * from './issues';
+export * from './tabs';
+export * from './drawer';
+export * from './filters';
+export * from './modals';
+export * from './tables';
+export * from './navigation';
+export * from './logo';
+export * from './tooltip';
+export * from './progress-bar';

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

@@ -1,46 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.input = void 0;
-var _utils = require("./utils");
-var input = exports.input = function input(colors) {
-  return (0, _utils.validateKeys)()({
-    'input-icon-enabled': colors['icon-enabled'],
-    'input-icon-hover': colors['icon-enabled'],
-    'input-icon-focus': colors['icon-enabled'],
-    'input-icon-disabled': colors['icon-disabled'],
-    'input-icon-error': colors['icon-enabled'],
-    'input-border-enabled': colors['border-brand-subtle'],
-    'input-border-hover': colors['border-brand-enabled'],
-    'input-border-focus': colors['border-brand-enabled'],
-    'input-border-disabled': colors['border-subtle-disabled'],
-    'input-border-error': colors['border-danger-enabled'],
-    'input-background-enabled': colors['background-primary'],
-    'input-background-hover': colors['background-primary'],
-    'input-background-focus': colors['background-primary'],
-    'input-background-disabled': colors['background-primary'],
-    'input-background-error': colors['background-primary'],
-    'input-text-enabled': colors['text-primary'],
-    'input-text-hover': colors['text-primary'],
-    'input-text-focus': colors['text-primary'],
-    'input-text-disabled': colors['text-disabled'],
-    'input-text-error': colors['text-primary'],
-    'input-placeholder-enabled': colors['text-tertiary'],
-    'input-placeholder-hover': colors['text-tertiary'],
-    'input-placeholder-focus': colors['text-tertiary'],
-    'input-placeholder-disabled': colors['text-disabled'],
-    'input-placeholder-error': colors['text-tertiary'],
-    'input-helper-enabled': colors['text-secondary'],
-    'input-helper-hover': colors['text-secondary'],
-    'input-helper-focus': colors['text-secondary'],
-    'input-helper-disabled': colors['text-disabled'],
-    'input-helper-error': colors['text-danger-enabled'],
-    'input-label-enabled': colors['text-secondary'],
-    'input-label-hover': colors['text-secondary'],
-    'input-label-focus': colors['text-secondary'],
-    'input-label-disabled': colors['text-disabled'],
-    'input-label-error': colors['text-secondary']
-  });
-};
+import { validateKeys } from './utils';
+export const input = colors => validateKeys()({
+  'input-icon-enabled': colors['icon-enabled'],
+  'input-icon-hover': colors['icon-enabled'],
+  'input-icon-focus': colors['icon-enabled'],
+  'input-icon-disabled': colors['icon-disabled'],
+  'input-icon-error': colors['icon-enabled'],
+  'input-border-enabled': colors['border-brand-subtle'],
+  'input-border-hover': colors['border-brand-enabled'],
+  'input-border-focus': colors['border-brand-enabled'],
+  'input-border-disabled': colors['border-subtle-disabled'],
+  'input-border-error': colors['border-danger-enabled'],
+  'input-background-enabled': colors['background-primary'],
+  'input-background-hover': colors['background-primary'],
+  'input-background-focus': colors['background-primary'],
+  'input-background-disabled': colors['background-primary'],
+  'input-background-error': colors['background-primary'],
+  'input-text-enabled': colors['text-primary'],
+  'input-text-hover': colors['text-primary'],
+  'input-text-focus': colors['text-primary'],
+  'input-text-disabled': colors['text-disabled'],
+  'input-text-error': colors['text-primary'],
+  'input-placeholder-enabled': colors['text-tertiary'],
+  'input-placeholder-hover': colors['text-tertiary'],
+  'input-placeholder-focus': colors['text-tertiary'],
+  'input-placeholder-disabled': colors['text-disabled'],
+  'input-placeholder-error': colors['text-tertiary'],
+  'input-helper-enabled': colors['text-secondary'],
+  'input-helper-hover': colors['text-secondary'],
+  'input-helper-focus': colors['text-secondary'],
+  'input-helper-disabled': colors['text-disabled'],
+  'input-helper-error': colors['text-danger-enabled'],
+  'input-label-enabled': colors['text-secondary'],
+  'input-label-hover': colors['text-secondary'],
+  'input-label-focus': colors['text-secondary'],
+  'input-label-disabled': colors['text-disabled'],
+  'input-label-error': colors['text-secondary']
+});

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

@@ -1,35 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.issues = void 0;
-var _utils = require("./utils");
-var issues = exports.issues = function issues(colors) {
-  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'],
-    'issues-high-border-expanded': colors['border-high-disabled'],
-    'issues-medium-border-collapsed': colors['border-medium-enabled'],
-    'issues-medium-border-expanded': colors['border-medium-disabled'],
-    'issues-minor-border-collapsed': colors['border-minor-enabled'],
-    'issues-minor-border-expanded': colors['border-minor-disabled'],
-    'issues-critical-code-collapsed': colors['background-secondary'],
-    'issues-critical-code-expanded': colors['background-critical'],
-    'issues-high-code-collapsed': colors['background-secondary'],
-    'issues-high-code-expanded': colors['background-high'],
-    'issues-medium-code-collapsed': colors['background-secondary'],
-    'issues-medium-code-expanded': colors['background-medium'],
-    'issues-minor-code-collapsed': colors['background-secondary'],
-    'issues-minor-code-expanded': colors['background-minor'],
-    'issues-critical-line-collapsed': colors['text-disabled'],
-    'issues-critical-line-expanded': colors['text-inverted'],
-    'issues-high-line-collapsed': colors['text-disabled'],
-    'issues-high-line-expanded': colors['text-inverted'],
-    'issues-medium-line-collapsed': colors['text-disabled'],
-    'issues-medium-line-expanded': colors['text-inverted'],
-    'issues-minor-line-collapsed': colors['text-disabled'],
-    'issues-minor-line-expanded': colors['text-inverted']
-  });
-};
+import { validateKeys } from './utils';
+export const issues = colors => 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'],
+  'issues-high-border-expanded': colors['border-high-disabled'],
+  'issues-medium-border-collapsed': colors['border-medium-enabled'],
+  'issues-medium-border-expanded': colors['border-medium-disabled'],
+  'issues-minor-border-collapsed': colors['border-minor-enabled'],
+  'issues-minor-border-expanded': colors['border-minor-disabled'],
+  'issues-critical-code-collapsed': colors['background-secondary'],
+  'issues-critical-code-expanded': colors['background-critical'],
+  'issues-high-code-collapsed': colors['background-secondary'],
+  'issues-high-code-expanded': colors['background-high'],
+  'issues-medium-code-collapsed': colors['background-secondary'],
+  'issues-medium-code-expanded': colors['background-medium'],
+  'issues-minor-code-collapsed': colors['background-secondary'],
+  'issues-minor-code-expanded': colors['background-minor'],
+  'issues-critical-line-collapsed': colors['text-disabled'],
+  'issues-critical-line-expanded': colors['text-inverted'],
+  'issues-high-line-collapsed': colors['text-disabled'],
+  'issues-high-line-expanded': colors['text-inverted'],
+  'issues-medium-line-collapsed': colors['text-disabled'],
+  '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.js

@@ -1,41 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.label = void 0;
-var _utils = require("./utils");
-var label = exports.label = function label(colors) {
-  return (0, _utils.validateKeys)()({
-    'label-default-icon': colors['icon-enabled'],
-    'label-default-text': colors['text-secondary'],
-    'label-default-background': colors['background-subtle'],
-    'label-danger-icon': colors['icon-danger-enabled'],
-    'label-danger-text': colors['text-danger-enabled'],
-    'label-danger-background': colors['background-danger'],
-    'label-success-icon': colors['icon-success-enabled'],
-    'label-success-text': colors['text-success-enabled'],
-    'label-success-background': colors['background-success'],
-    'label-warning-icon': colors['icon-warning-enabled'],
-    'label-warning-text': colors['text-warning-enabled'],
-    'label-warning-background': colors['background-warning'],
-    'label-info-icon': colors['icon-info-enabled'],
-    'label-info-text': colors['text-info-enabled'],
-    'label-info-background': colors['background-info'],
-    'label-attention-icon': colors['icon-attention-enabled'],
-    'label-attention-text': colors['text-attention'],
-    'label-attention-background': colors['background-attention'],
-    'label-critical-icon': colors['icon-critical-enabled'],
-    'label-critical-text': colors['text-critical-enabled'],
-    'label-critical-background': colors['background-critical'],
-    'label-high-icon': colors['icon-high-enabled'],
-    'label-high-text': colors['text-high-enabled'],
-    'label-high-background': colors['background-high'],
-    'label-medium-icon': colors['icon-medium-enabled'],
-    'label-medium-text': colors['text-medium-enabled'],
-    'label-medium-background': colors['background-medium'],
-    'label-minor-icon': colors['icon-minor-enabled'],
-    'label-minor-text': colors['text-minor-enabled'],
-    'label-minor-background': colors['background-minor']
-  });
-};
+import { validateKeys } from './utils';
+export const label = colors => validateKeys()({
+  'label-default-icon': colors['icon-enabled'],
+  'label-default-text': colors['text-secondary'],
+  'label-default-background': colors['background-subtle'],
+  'label-danger-icon': colors['icon-danger-enabled'],
+  'label-danger-text': colors['text-danger-enabled'],
+  'label-danger-background': colors['background-danger'],
+  'label-success-icon': colors['icon-success-enabled'],
+  'label-success-text': colors['text-success-enabled'],
+  'label-success-background': colors['background-success'],
+  'label-warning-icon': colors['icon-warning-enabled'],
+  'label-warning-text': colors['text-warning-enabled'],
+  'label-warning-background': colors['background-warning'],
+  'label-info-icon': colors['icon-info-enabled'],
+  'label-info-text': colors['text-info-enabled'],
+  'label-info-background': colors['background-info'],
+  'label-attention-icon': colors['icon-attention-enabled'],
+  'label-attention-text': colors['text-attention'],
+  'label-attention-background': colors['background-attention'],
+  'label-critical-icon': colors['icon-critical-enabled'],
+  'label-critical-text': colors['text-critical-enabled'],
+  'label-critical-background': colors['background-critical'],
+  'label-high-icon': colors['icon-high-enabled'],
+  'label-high-text': colors['text-high-enabled'],
+  'label-high-background': colors['background-high'],
+  'label-medium-icon': colors['icon-medium-enabled'],
+  'label-medium-text': colors['text-medium-enabled'],
+  'label-medium-background': colors['background-medium'],
+  'label-minor-icon': colors['icon-minor-enabled'],
+  'label-minor-text': colors['text-minor-enabled'],
+  'label-minor-background': colors['background-minor']
+});