@codacy/ui-components 0.65.92 → 0.65.94

package/lib/theme/ColorSchemes/{dark.d.ts → light/index.d.ts}

@@ -1,290 +1,4 @@
-import { BaseColor, ColorScheme } from '..';
-export declare const darkFunctionalColorsFx: (colors: {
-    white: string;
-    "blue-10": string;
-    "blue-20": string;
-    "blue-00": string;
-    "blue-08": string;
-    "blue-30": string;
-    "blue-40": string;
-    "blue-50": string;
-    "blue-60": string;
-    "blue-70": string;
-    "blue-80": string;
-    "blue-90": string;
-    "blue-95": string;
-    "blue-99": string;
-    "green-10": string;
-    "green-20": string;
-    "green-00": string;
-    "green-08": string;
-    "green-30": string;
-    "green-40": string;
-    "green-50": string;
-    "green-60": string;
-    "green-70": string;
-    "green-80": string;
-    "green-90": string;
-    "green-95": string;
-    "green-99": string;
-    "grey-10": string;
-    "grey-20": string;
-    "grey-00": string;
-    "grey-08": string;
-    "grey-30": string;
-    "grey-40": string;
-    "grey-50": string;
-    "grey-60": string;
-    "grey-70": string;
-    "grey-80": string;
-    "grey-90": string;
-    "grey-95": string;
-    "grey-99": string;
-    "magenta-10": string;
-    "magenta-20": string;
-    "magenta-00": string;
-    "magenta-08": string;
-    "magenta-30": string;
-    "magenta-40": string;
-    "magenta-50": string;
-    "magenta-60": string;
-    "magenta-70": string;
-    "magenta-80": string;
-    "magenta-90": string;
-    "magenta-95": string;
-    "magenta-99": string;
-    "orange-10": string;
-    "orange-20": string;
-    "orange-00": string;
-    "orange-08": string;
-    "orange-30": string;
-    "orange-40": string;
-    "orange-50": string;
-    "orange-60": string;
-    "orange-70": string;
-    "orange-80": string;
-    "orange-90": string;
-    "orange-95": string;
-    "orange-99": string;
-    "purple-10": string;
-    "purple-20": string;
-    "purple-00": string;
-    "purple-08": string;
-    "purple-30": string;
-    "purple-40": string;
-    "purple-50": string;
-    "purple-60": string;
-    "purple-70": string;
-    "purple-80": string;
-    "purple-90": string;
-    "purple-95": string;
-    "purple-99": string;
-    "red-10": string;
-    "red-20": string;
-    "red-00": string;
-    "red-08": string;
-    "red-30": string;
-    "red-40": string;
-    "red-50": string;
-    "red-60": string;
-    "red-70": string;
-    "red-80": string;
-    "red-90": string;
-    "red-95": string;
-    "red-99": string;
-    "turquoise-10": string;
-    "turquoise-20": string;
-    "turquoise-00": string;
-    "turquoise-08": string;
-    "turquoise-30": string;
-    "turquoise-40": string;
-    "turquoise-50": string;
-    "turquoise-60": string;
-    "turquoise-70": string;
-    "turquoise-80": string;
-    "turquoise-90": string;
-    "turquoise-95": string;
-    "turquoise-99": string;
-    "yellow-10": string;
-    "yellow-20": string;
-    "yellow-00": string;
-    "yellow-08": string;
-    "yellow-30": string;
-    "yellow-40": string;
-    "yellow-50": string;
-    "yellow-60": string;
-    "yellow-70": string;
-    "yellow-80": string;
-    "yellow-90": string;
-    "yellow-95": string;
-    "yellow-99": string;
-}) => {
-    'text-primary': string;
-    'text-secondary': string;
-    'text-tertiary': string;
-    'text-disabled': string;
-    'text-inverted': string;
-    'text-subtle-enabled': string;
-    'text-subtle-hover': string;
-    'text-subtle-focus': string;
-    'text-subtle-pressed': string;
-    'text-subtle-disabled': string;
-    'text-subtle-inverted': string;
-    'text-code-subtle-enabled': string;
-    'text-code-subtle-disabled': string;
-    'text-link-enabled': string;
-    'text-link-hover': string;
-    'text-link-focus': string;
-    'text-link-pressed': string;
-    'text-link-disabled': string;
-    'text-brand-enabled': string;
-    'text-brand-hover': string;
-    'text-brand-focus': string;
-    'text-brand-pressed': string;
-    'text-brand-disabled': string;
-    'text-info-enabled': string;
-    'text-minor-enabled': string;
-    'text-minor-disabled': string;
-    'text-code-brand-enabled': string;
-    'text-code-brand-disabled': string;
-    'text-danger-enabled': string;
-    'text-danger-hover': string;
-    'text-danger-focus': string;
-    'text-danger-pressed': string;
-    'text-danger-disabled': string;
-    'text-critical-enabled': string;
-    'text-critical-disabled': string;
-    'text-code-danger': string;
-    'text-warning-enabled': string;
-    'text-medium-enabled': string;
-    'text-medium-disabled': string;
-    'text-success-enabled': string;
-    'text-high-enabled': string;
-    'text-high-disabled': string;
-    'background-primary': string;
-    'background-secondary': string;
-    'background-brand-inverted': string;
-    'background-subtle-enabled': string;
-    'background-subtle-hover': string;
-    'background-subtle-focus': string;
-    'background-subtle-pressed': string;
-    'background-subtle-disabled': string;
-    'background-brand': string;
-    'background-brand-enabled': string;
-    'background-brand-hover': string;
-    'background-brand-focus': string;
-    'background-brand-pressed': string;
-    'background-brand-disabled': string;
-    'background-brand-subtle': string;
-    'background-subtle': string;
-    'background-info-enabled': string;
-    'background-minor-enabled': string;
-    'background-minor-disabled': string;
-    'background-danger-enabled': string;
-    'background-danger-hover': string;
-    'background-danger-focus': string;
-    'background-danger-pressed': string;
-    'background-danger-disabled': string;
-    'background-critical-enabled': string;
-    'background-critical-disabled': string;
-    'background-success-enabled': string;
-    'background-success-disabled': string;
-    'background-warning-enabled': string;
-    'background-medium-enabled': string;
-    'background-medium-disabled': string;
-    'background-attention-enabled': string;
-    'background-high-enabled': string;
-    'background-high-disabled': string;
-    'border-inverted': string;
-    'border-primary': string;
-    'border-subtle-enabled': string;
-    'border-subtle-hover': string;
-    'border-subtle-focus': string;
-    'border-subtle-pressed': string;
-    'border-subtle-disabled': string;
-    'border-brand-subtle': string;
-    'border-brand-enabled': string;
-    'border-brand-pressed': string;
-    'border-brand-hover': string;
-    'border-brand-primary': string;
-    'border-brand-disabled': string;
-    'border-info-enabled': string;
-    'border-minor-enabled': string;
-    'border-minor-disabled': string;
-    'border-danger-subtle': string;
-    'border-danger-enabled': string;
-    'border-danger-hover': string;
-    'border-danger-focus': string;
-    'border-danger-pressed': string;
-    'border-critical-enabled': string;
-    'border-critical-disabled': string;
-    'border-warning-enabled': string;
-    'border-medium-enabled': string;
-    'border-medium-disabled': string;
-    'border-success-enabled': string;
-    'border-success-subtle': string;
-    'border-attention-enabled': string;
-    'border-attention-disabled': string;
-    'border-high-enabled': string;
-    'border-high-disabled': string;
-    'icon-enabled': string;
-    'icon-hover': string;
-    'icon-disabled': string;
-    'icon-focus': string;
-    'icon-pressed': string;
-    'icon-inverted': string;
-    'icon-subtle-enabled': string;
-    'icon-subtle-hover': string;
-    'icon-subtle-focus': string;
-    'icon-subtle-pressed': string;
-    'icon-subtle-disabled': string;
-    'icon-subtle-inverted': string;
-    'icon-info-enabled': string;
-    'icon-minor-enabled': string;
-    'icon-minor-disabled': string;
-    'icon-brand-enabled': string;
-    'icon-brand-hover': string;
-    'icon-brand-focus': string;
-    'icon-brand-pressed': string;
-    'icon-brand-disabled': string;
-    'icon-danger-enabled': string;
-    'icon-danger-hover': string;
-    'icon-danger-focus': string;
-    'icon-danger-pressed': string;
-    'icon-danger-disabled': string;
-    'icon-critical-enabled': string;
-    'icon-critical-disabled': string;
-    'icon-warning-enabled': string;
-    'icon-medium-enabled': string;
-    'icon-medium-disabled': string;
-    'icon-success-enabled': string;
-    'icon-success-disabled': string;
-    'icon-high-enabled': string;
-    'icon-high-disabled': string;
-    'icon-attention-enabled': string;
-    'illustration-neutral1': string;
-    'illustration-neutral2': string;
-    'illustration-neutral3': string;
-    'illustration-neutral4': string;
-    'illustration-brand-inverted': string;
-    'illustration-brand1': string;
-    'illustration-brand2': string;
-    'illustration-brand3': string;
-    'illustration-brand4': string;
-    'data-color1-enabled': string;
-    'data-color1-disabled': string;
-    'data-color2-enabled': string;
-    'data-color2-disabled': string;
-    'data-color3-enabled': string;
-    'data-color3-disabled': string;
-    'data-color4-enabled': string;
-    'data-color4-disabled': string;
-    'data-color5-enabled': string;
-    'data-color5-disabled': string;
-    'data-color6-enabled': string;
-    'data-color6-disabled': string;
-    'data-color7-enabled': string;
-    'data-color7-disabled': string;
+declare const functionalColors: {
     'brand-primary': string;
     'brand-hover': string;
     'brand-pressed': string;
@@ -330,5 +44,213 @@ export declare const darkFunctionalColorsFx: (colors: {
     'navigation-top-primary': string;
     'navigation-text': string;
     'navigation-text-pressed': string;
+    'data-color1-enabled': string;
+    'data-color1-disabled': string;
+    'data-color2-enabled': string;
+    'data-color2-disabled': string;
+    'data-color3-enabled': string;
+    'data-color3-disabled': string;
+    'data-color4-enabled': string;
+    'data-color4-disabled': string;
+    'data-color5-enabled': string;
+    'data-color5-disabled': string;
+    'data-color6-enabled': string;
+    'data-color6-disabled': string;
+    'data-color7-enabled': string;
+    'data-color7-disabled': string;
+    'illustration-neutral1': string;
+    'illustration-neutral2': string;
+    'illustration-neutral3': string;
+    'illustration-neutral4': string;
+    'illustration-brand1': string;
+    'illustration-brand2': string;
+    'illustration-brand3': string;
+    'illustration-brand4': string;
+    'illustration-brand-inverted': string;
+    'icon-info-enabled': string;
+    'icon-minor-enabled': string;
+    'icon-minor-disabled': string;
+    'icon-brand-enabled': string;
+    'icon-brand-hover': string;
+    'icon-brand-focus': string;
+    'icon-brand-pressed': string;
+    'icon-brand-disabled': string;
+    'icon-danger-enabled': string;
+    'icon-danger-hover': string;
+    'icon-danger-focus': string;
+    'icon-danger-pressed': string;
+    'icon-danger-disabled': string;
+    'icon-critical-enabled': string;
+    'icon-critical-disabled': string;
+    'icon-warning-enabled': string;
+    'icon-medium-enabled': string;
+    'icon-medium-disabled': string;
+    'icon-success-enabled': string;
+    'icon-success-disabled': string;
+    'icon-high-enabled': string;
+    'icon-high-disabled': string;
+    'icon-attention-enabled': string;
+    "background-high": string;
+    "background-medium": string;
+    "background-success": string;
+    "background-danger": string;
+    "background-warning": string;
+    "background-info": string;
+    "background-attention": string;
+    "background-critical": string;
+    "background-minor": string;
+    "border-high": string;
+    "border-medium": string;
+    "border-success": string;
+    "border-danger": string;
+    "border-warning": string;
+    "border-info": string;
+    "border-attention": string;
+    "border-critical": 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-warning": string;
+    "icon-info": string;
+    "icon-attention": string;
+    "icon-critical": string;
+    "icon-minor": string;
+    'icon-enabled': string;
+    'icon-hover': string;
+    'icon-disabled': string;
+    'icon-focus': string;
+    'icon-pressed': string;
+    'icon-inverted': string;
+    'icon-subtle-enabled': string;
+    'icon-subtle-hover': string;
+    'icon-subtle-focus': string;
+    'icon-subtle-pressed': string;
+    'icon-subtle-disabled': string;
+    'icon-subtle-inverted': string;
+    'border-brand-subtle': string;
+    'border-brand-enabled': string;
+    'border-brand-pressed': string;
+    'border-brand-hover': string;
+    'border-brand-primary': string;
+    'border-brand-disabled': string;
+    'border-info-enabled': string;
+    'border-minor-enabled': string;
+    'border-minor-disabled': string;
+    'border-danger-subtle': string;
+    'border-danger-enabled': string;
+    'border-danger-hover': string;
+    'border-danger-focus': string;
+    'border-danger-pressed': string;
+    'border-critical-enabled': string;
+    'border-critical-disabled': string;
+    'border-warning-enabled': string;
+    'border-medium-enabled': string;
+    'border-medium-disabled': string;
+    'border-success-enabled': string;
+    'border-success-subtle': string;
+    'border-attention-enabled': string;
+    'border-attention-disabled': string;
+    'border-high-enabled': string;
+    'border-high-disabled': string;
+    'border-inverted': string;
+    'border-primary': string;
+    'border-subtle-enabled': string;
+    'border-subtle-hover': string;
+    'border-subtle-focus': string;
+    'border-subtle-pressed': string;
+    'border-subtle-disabled': string;
+    'background-brand': string;
+    'background-brand-enabled': string;
+    'background-brand-hover': string;
+    'background-brand-focus': string;
+    'background-brand-pressed': string;
+    'background-brand-disabled': string;
+    'background-brand-inverted': string;
+    'background-subtle-enabled': string;
+    'background-subtle-hover': string;
+    'background-subtle-focus': string;
+    'background-subtle-pressed': string;
+    'background-subtle-disabled': string;
+    'background-info-enabled': string;
+    'background-minor-enabled': string;
+    'background-minor-disabled': string;
+    'background-danger-enabled': string;
+    'background-danger-hover': string;
+    'background-danger-focus': string;
+    'background-danger-pressed': string;
+    'background-danger-disabled': string;
+    'background-critical-enabled': string;
+    'background-critical-disabled': string;
+    'background-success-enabled': string;
+    'background-success-disabled': string;
+    'background-warning-enabled': string;
+    'background-medium-enabled': string;
+    'background-medium-disabled': string;
+    'background-attention-enabled': string;
+    'background-high-enabled': string;
+    'background-high-disabled': string;
+    'background-primary': string;
+    'background-secondary': string;
+    'background-subtle': string;
+    'background-brand-subtle': string;
+    'text-primary': string;
+    'text-secondary': string;
+    'text-tertiary': string;
+    'text-disabled': string;
+    'text-inverted': string;
+    'text-subtle-enabled': string;
+    'text-subtle-hover': string;
+    'text-subtle-focus': string;
+    'text-subtle-pressed': string;
+    'text-subtle-disabled': string;
+    'text-subtle-inverted': string;
+    'text-code-subtle-enabled': string;
+    'text-code-subtle-disabled': string;
+    'text-link-enabled': string;
+    'text-link-hover': string;
+    'text-link-focus': string;
+    'text-link-pressed': string;
+    'text-link-disabled': string;
+    'text-brand-enabled': string;
+    'text-brand-hover': string;
+    'text-brand-focus': string;
+    'text-brand-pressed': string;
+    'text-brand-disabled': string;
+    'text-info-enabled': string;
+    'text-minor-enabled': string;
+    'text-minor-disabled': string;
+    'text-code-brand-enabled': string;
+    'text-code-brand-disabled': string;
+    'text-danger-enabled': string;
+    'text-danger-hover': string;
+    'text-danger-focus': string;
+    'text-danger-pressed': string;
+    'text-danger-disabled': string;
+    'text-critical-enabled': string;
+    'text-critical-disabled': string;
+    'text-code-danger': string;
+    'text-warning-enabled': string;
+    'text-medium-enabled': string;
+    'text-medium-disabled': string;
+    'text-success-enabled': string;
+    'text-high-enabled': string;
+    'text-high-disabled': string;
+};
+export declare type FunctionalColor = keyof typeof functionalColors;
+export declare type Color = FunctionalColor;
+export declare type ColorScheme = {
+    [key in Color]: string;
 };
-export declare const darkCodacyThemeColors: ColorScheme;
+export declare const codacyThemeColors: ColorScheme;
+export {};

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

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codacyThemeColors = 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 functionalColors = (0, _objectSpread2["default"])((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), {}, {
+  // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
+  // Brand
+  'brand-primary': _primitives.primitiveColors['blue-40'],
+  'brand-hover': _primitives.primitiveColors['blue-30'],
+  'brand-pressed': _primitives.primitiveColors['blue-20'],
+  'brand-disabled': _primitives.primitiveColors['blue-70'],
+  'brand-focus': _primitives.primitiveColors['blue-90'],
+  'brand-inverted': _primitives.primitiveColors['white'],
+  'brand-subtle': _primitives.primitiveColors['blue-98'],
+  // Subtle
+  'subtle-primary': _primitives.primitiveColors['grey-50'],
+  'subtle-hover': _primitives.primitiveColors['grey-30'],
+  'subtle-pressed': _primitives.primitiveColors['grey-10'],
+  'subtle-disabled': _primitives.primitiveColors['grey-70'],
+  'subtle-inverted': _primitives.primitiveColors['white'],
+  // Danger
+  'danger-primary': _primitives.primitiveColors['red-40'],
+  'danger-hover': _primitives.primitiveColors['red-30'],
+  'danger-pressed': _primitives.primitiveColors['red-20'],
+  'danger-disabled': _primitives.primitiveColors['red-80'],
+  'danger-focus': _primitives.primitiveColors['red-90'],
+  'danger-subtle': _primitives.primitiveColors['red-98'],
+  // Success
+  'success-primary': _primitives.primitiveColors['green-40'],
+  'success-hover': _primitives.primitiveColors['green-30'],
+  'success-pressed': _primitives.primitiveColors['green-20'],
+  'success-disabled': _primitives.primitiveColors['green-80'],
+  'success-focus': _primitives.primitiveColors['green-90'],
+  // 'success-subtle': primitiveColors['green-98'],
+
+  // Warning
+  'warning-primary': _primitives.primitiveColors['yellow-40'],
+  'warning-hover': _primitives.primitiveColors['yellow-30'],
+  'warning-pressed': _primitives.primitiveColors['yellow-20'],
+  'warning-disabled': _primitives.primitiveColors['yellow-80'],
+  'warning-focus': _primitives.primitiveColors['yellow-90'],
+  // 'warning-subtle': primitiveColors['yellow-98'],
+
+  //High
+  'high-primary': _primitives.primitiveColors['orange-40'],
+  'high-hover': _primitives.primitiveColors['orange-30'],
+  'high-pressed': _primitives.primitiveColors['orange-20'],
+  'high-disabled': _primitives.primitiveColors['orange-80'],
+  // Info
+  'info-primary': _primitives.primitiveColors['blue-40'],
+  'info-hover': _primitives.primitiveColors['blue-30'],
+  'info-pressed': _primitives.primitiveColors['blue-20'],
+  'info-disabled': _primitives.primitiveColors['blue-80'],
+  'info-inverted': _primitives.primitiveColors['white'],
+  // 'info-focus': primitiveColors['blue-90'],
+  // 'info-subtle': primitiveColors['blue-98'],
+
+  // Attention
+  'attention-primary': _primitives.primitiveColors['purple-40'],
+  'attention-hover': _primitives.primitiveColors['purple-30'],
+  'attention-pressed': _primitives.primitiveColors['purple-20'],
+  'attention-disabled': _primitives.primitiveColors['purple-80'],
+  'attention-focus': _primitives.primitiveColors['purple-90'],
+  // 'attention-subtle': primitiveColors['purple-98'],
+
+  // Navigation
+  'navigation-top-primary': _primitives.primitiveColors['grey-10'],
+  'navigation-text': _primitives.primitiveColors['grey-80'],
+  'navigation-text-pressed': _primitives.primitiveColors['grey-80']
+});
+var codacyThemeColors = exports.codacyThemeColors = functionalColors;

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

@@ -0,0 +1,80 @@
+export declare const textColors: {
+    'text-primary': string;
+    'text-secondary': string;
+    'text-tertiary': string;
+    'text-disabled': string;
+    'text-inverted': string;
+    'text-subtle-enabled': string;
+    'text-subtle-hover': string;
+    'text-subtle-focus': string;
+    'text-subtle-pressed': string;
+    'text-subtle-disabled': string;
+    'text-subtle-inverted': string;
+    'text-code-subtle-enabled': string;
+    'text-code-subtle-disabled': string;
+    'text-link-enabled': string;
+    'text-link-hover': string;
+    'text-link-focus': string;
+    'text-link-pressed': string;
+    'text-link-disabled': string;
+    'text-brand-enabled': string;
+    'text-brand-hover': string;
+    'text-brand-focus': string;
+    'text-brand-pressed': string;
+    'text-brand-disabled': string;
+    'text-info-enabled': string;
+    'text-minor-enabled': string;
+    'text-minor-disabled': string;
+    'text-code-brand-enabled': string;
+    'text-code-brand-disabled': string;
+    'text-danger-enabled': string;
+    'text-danger-hover': string;
+    'text-danger-focus': string;
+    'text-danger-pressed': string;
+    'text-danger-disabled': string;
+    'text-critical-enabled': string;
+    'text-critical-disabled': string;
+    'text-code-danger': string;
+    'text-warning-enabled': string;
+    'text-medium-enabled': string;
+    'text-medium-disabled': string;
+    'text-success-enabled': string;
+    'text-high-enabled': string;
+    'text-high-disabled': string;
+    "background-high": string;
+    "background-medium": string;
+    "background-success": string;
+    "background-danger": string;
+    "background-warning": string;
+    "background-info": string;
+    "background-attention": string;
+    "background-critical": string;
+    "background-minor": string;
+    "border-high": string;
+    "border-medium": string;
+    "border-success": string;
+    "border-danger": string;
+    "border-warning": string;
+    "border-info": string;
+    "border-attention": string;
+    "border-critical": 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-warning": string;
+    "icon-info": string;
+    "icon-attention": string;
+    "icon-critical": string;
+    "icon-minor": string;
+};