@codacy/ui-components 0.66.25 → 0.66.26

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

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

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

@@ -1,25 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dataColors = void 0;
-var _primitives = require("../primitives");
-var dataColors = exports.dataColors = {
-  'data-color1-enabled': _primitives.primitiveColors['blue-60'],
-  'data-color1-disabled': _primitives.primitiveColors['blue-98'],
-  'data-color2-enabled': _primitives.primitiveColors['blue-30'],
-  'data-color2-disabled': _primitives.primitiveColors['blue-95'],
-  'data-color3-enabled': _primitives.primitiveColors['purple-60'],
-  'data-color3-disabled': _primitives.primitiveColors['purple-95'],
-  'data-color4-enabled': _primitives.primitiveColors['magenta-40'],
-  'data-color4-disabled': _primitives.primitiveColors['magenta-95'],
-  'data-color5-enabled': _primitives.primitiveColors['purple-80'],
-  'data-color5-disabled': _primitives.primitiveColors['purple-98'],
-  'data-color6-enabled': _primitives.primitiveColors['grey-60'],
-  'data-color6-disabled': _primitives.primitiveColors['grey-98'],
-  'data-color7-enabled': _primitives.primitiveColors['grey-20'],
-  'data-color7-disabled': _primitives.primitiveColors['grey-95'],
-  'data-color8-enabled': _primitives.primitiveColors['purple-40'],
-  'data-color8-disabled': _primitives.primitiveColors['purple-90']
+import { primitiveColors } from '../primitives';
+export const dataColors = {
+  'data-color1-enabled': primitiveColors['blue-60'],
+  'data-color1-disabled': primitiveColors['blue-98'],
+  'data-color2-enabled': primitiveColors['blue-30'],
+  'data-color2-disabled': primitiveColors['blue-95'],
+  'data-color3-enabled': primitiveColors['purple-60'],
+  'data-color3-disabled': primitiveColors['purple-95'],
+  'data-color4-enabled': primitiveColors['magenta-40'],
+  'data-color4-disabled': primitiveColors['magenta-95'],
+  'data-color5-enabled': primitiveColors['purple-80'],
+  'data-color5-disabled': primitiveColors['purple-98'],
+  'data-color6-enabled': primitiveColors['grey-60'],
+  'data-color6-disabled': primitiveColors['grey-98'],
+  'data-color7-enabled': primitiveColors['grey-20'],
+  'data-color7-disabled': primitiveColors['grey-95'],
+  'data-color8-enabled': primitiveColors['purple-40'],
+  'data-color8-disabled': primitiveColors['purple-90']
 };

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

@@ -22,51 +22,51 @@ export declare const iconColors: {
     'icon-high-enabled': string;
     'icon-high-disabled': string;
     'icon-attention-enabled': 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;
     'icon-enabled': string;
     'icon-hover': string;
     'icon-disabled': string;

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

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

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

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.illustrationColors = void 0;
-var _primitives = require("../primitives");
-var illustrationColors = exports.illustrationColors = {
-  'illustration-neutral1': _primitives.primitiveColors['grey-10'],
-  'illustration-neutral2': _primitives.primitiveColors['grey-50'],
-  'illustration-neutral3': _primitives.primitiveColors['grey-80'],
-  'illustration-neutral4': _primitives.primitiveColors['grey-95'],
-  'illustration-brand1': _primitives.primitiveColors['blue-30'],
-  'illustration-brand2': _primitives.primitiveColors['blue-40'],
-  'illustration-brand3': _primitives.primitiveColors['blue-20'],
-  'illustration-brand4': _primitives.primitiveColors['blue-90'],
-  'illustration-brand-inverted': _primitives.primitiveColors['blue-98']
+import { primitiveColors } from '../primitives';
+export const illustrationColors = {
+  'illustration-neutral1': primitiveColors['grey-10'],
+  'illustration-neutral2': primitiveColors['grey-50'],
+  'illustration-neutral3': primitiveColors['grey-80'],
+  'illustration-neutral4': primitiveColors['grey-95'],
+  'illustration-brand1': primitiveColors['blue-30'],
+  'illustration-brand2': primitiveColors['blue-40'],
+  'illustration-brand3': primitiveColors['blue-20'],
+  'illustration-brand4': primitiveColors['blue-90'],
+  'illustration-brand-inverted': primitiveColors['blue-98']
 };

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

@@ -1,31 +1,60 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.darkCodacyThemeColors = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _primitives = require("../primitives");
-var _illustration = require("./illustration");
-var _data = require("./data");
-var _background = require("./background");
-var _border = require("./border");
-var _icon = require("./icon");
-var _text = require("./text");
-var _components = require("../components");
-var functionalColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _text.textColors), _background.backgroundColors), _border.borderColors), _icon.iconColors), _illustration.illustrationColors), _data.dataColors);
-var darkCodacyThemeColors = exports.darkCodacyThemeColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, functionalColors), (0, _components.effects)(_primitives.primitiveColors)), (0, _components.alerts)(functionalColors)), (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _components.button)(functionalColors)), {}, {
-  'button-primary-brand-text-disabled': functionalColors['background-subtle-hover'],
-  'button-primary-danger-text-disabled': functionalColors['text-danger-disabled'],
-  'button-primary-danger-icon-disabled': functionalColors['icon-danger-disabled']
-})), (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _components.cards)(functionalColors)), {}, {
-  'cards-primary-background-enabled': functionalColors['background-secondary']
-})), (0, _components.charts)(functionalColors)), (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _components.label)(functionalColors)), {}, {
-  'label-default-background': functionalColors['background-brand-subtle']
-})), (0, _components.checkboxInput)(functionalColors)), (0, _components.listOrb)(functionalColors)), (0, _components.stepper)(functionalColors)), (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _components.selector)(functionalColors)), {}, {
-  'selector-slider-background-unselected': functionalColors['background-subtle-disabled'],
-  'selector-slider-background-disabled': functionalColors['background-subtle-pressed']
-})), (0, _components.input)(functionalColors)), (0, _components.loading)(functionalColors)), (0, _components.divider)(functionalColors)), (0, _components.issues)(functionalColors)), (0, _components.tabs)(functionalColors)), (0, _components.drawer)(functionalColors)), (0, _components.filters)(functionalColors)), (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _components.modals)(functionalColors)), {}, {
-  'modal-backdrop-background': functionalColors['background-subtle-disabled']
-})), (0, _components.tables)(functionalColors)), (0, _components.navigation)(functionalColors)), (0, _components.logo)(functionalColors)), (0, _components.tooltip)(functionalColors)), (0, _components.progressBar)(functionalColors));
+import { primitiveColors } from '../primitives';
+import { illustrationColors } from './illustration';
+import { dataColors } from './data';
+import { backgroundColors } from './background';
+import { borderColors } from './border';
+import { iconColors } from './icon';
+import { textColors } from './text';
+import { alerts, button, cards, charts, checkboxInput, input, label, listOrb, selector, stepper, loading, effects, divider, issues, tabs, drawer, filters, modals, tables, navigation, logo, tooltip, progressBar } from '../components';
+const functionalColors = {
+  ...textColors,
+  ...backgroundColors,
+  ...borderColors,
+  ...iconColors,
+  ...illustrationColors,
+  ...dataColors
+};
+export const darkCodacyThemeColors = {
+  ...functionalColors,
+  ...effects(primitiveColors),
+  ...alerts(functionalColors),
+  ...{
+    ...button(functionalColors),
+    'button-primary-brand-text-disabled': functionalColors['background-subtle-hover'],
+    'button-primary-danger-text-disabled': functionalColors['text-danger-disabled'],
+    'button-primary-danger-icon-disabled': functionalColors['icon-danger-disabled']
+  },
+  ...{
+    ...cards(functionalColors),
+    'cards-primary-background-enabled': functionalColors['background-secondary']
+  },
+  ...charts(functionalColors),
+  ...{
+    ...label(functionalColors),
+    'label-default-background': functionalColors['background-brand-subtle']
+  },
+  ...checkboxInput(functionalColors),
+  ...listOrb(functionalColors),
+  ...stepper(functionalColors),
+  ...{
+    ...selector(functionalColors),
+    'selector-slider-background-unselected': functionalColors['background-subtle-disabled'],
+    'selector-slider-background-disabled': functionalColors['background-subtle-pressed']
+  },
+  ...input(functionalColors),
+  ...loading(functionalColors),
+  ...divider(functionalColors),
+  ...issues(functionalColors),
+  ...tabs(functionalColors),
+  ...drawer(functionalColors),
+  ...filters(functionalColors),
+  ...{
+    ...modals(functionalColors),
+    'modal-backdrop-background': functionalColors['background-subtle-disabled']
+  },
+  ...tables(functionalColors),
+  ...navigation(functionalColors),
+  ...logo(functionalColors),
+  ...tooltip(functionalColors),
+  ...progressBar(functionalColors)
+};

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

@@ -41,49 +41,49 @@ export declare const textColors: {
     'text-success-enabled': string;
     'text-high-enabled': string;
     'text-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;
 };