@codacy/ui-components 0.65.92 → 0.65.94

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

@@ -0,0 +1,52 @@
+"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['white'],
+  'border-primary': _primitives.primitiveColors['grey-90'],
+  'border-subtle-enabled': _primitives.primitiveColors['grey-50'],
+  'border-subtle-hover': _primitives.primitiveColors['grey-30'],
+  'border-subtle-focus': _primitives.primitiveColors['grey-30'],
+  'border-subtle-pressed': _primitives.primitiveColors['grey-10'],
+  'border-subtle-disabled': _primitives.primitiveColors['grey-70']
+}, (0, _semantics.semanticFunctionalColorsFx)('border', 40)), {}, {
+  //Border - Semantic
+  // blue
+  'border-brand-subtle': _primitives.primitiveColors['blue-70'],
+  'border-brand-enabled': _primitives.primitiveColors['blue-40'],
+  'border-brand-pressed': _primitives.primitiveColors['blue-20'],
+  'border-brand-hover': _primitives.primitiveColors['blue-30'],
+  'border-brand-primary': _primitives.primitiveColors['blue-70'],
+  'border-brand-disabled': _primitives.primitiveColors['blue-70'],
+  'border-info-enabled': _primitives.primitiveColors['blue-40'],
+  'border-minor-enabled': _primitives.primitiveColors['blue-40'],
+  'border-minor-disabled': _primitives.primitiveColors['blue-70'],
+  // red
+  'border-danger-subtle': _primitives.primitiveColors['red-95'],
+  'border-danger-enabled': _primitives.primitiveColors['red-40'],
+  'border-danger-hover': _primitives.primitiveColors['red-30'],
+  'border-danger-focus': _primitives.primitiveColors['red-30'],
+  'border-danger-pressed': _primitives.primitiveColors['red-20'],
+  'border-critical-enabled': _primitives.primitiveColors['red-40'],
+  'border-critical-disabled': _primitives.primitiveColors['red-70'],
+  // yellow
+  'border-warning-enabled': _primitives.primitiveColors['yellow-40'],
+  'border-medium-enabled': _primitives.primitiveColors['yellow-50'],
+  'border-medium-disabled': _primitives.primitiveColors['yellow-70'],
+  // green
+  'border-success-enabled': _primitives.primitiveColors['green-40'],
+  'border-success-subtle': _primitives.primitiveColors['green-90'],
+  // purple
+  'border-attention-enabled': _primitives.primitiveColors['purple-40'],
+  'border-attention-disabled': _primitives.primitiveColors['purple-70'],
+  // orange
+  'border-high-enabled': _primitives.primitiveColors['orange-40'],
+  'border-high-disabled': _primitives.primitiveColors['orange-70']
+});

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

@@ -0,0 +1,16 @@
+export declare const dataColors: {
+    '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;
+};

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

@@ -0,0 +1,23 @@
+"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']
+};

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

@@ -0,0 +1,73 @@
+export declare const iconColors: {
+    '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;
+};

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

@@ -0,0 +1,54 @@
+"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-50'],
+  'icon-hover': _primitives.primitiveColors['grey-30'],
+  'icon-disabled': _primitives.primitiveColors['grey-70'],
+  'icon-focus': _primitives.primitiveColors['grey-30'],
+  'icon-pressed': _primitives.primitiveColors['grey-30'],
+  'icon-inverted': _primitives.primitiveColors['white'],
+  'icon-subtle-enabled': _primitives.primitiveColors['grey-50'],
+  'icon-subtle-hover': _primitives.primitiveColors['grey-30'],
+  'icon-subtle-focus': _primitives.primitiveColors['grey-30'],
+  'icon-subtle-pressed': _primitives.primitiveColors['grey-10'],
+  'icon-subtle-disabled': _primitives.primitiveColors['grey-70'],
+  'icon-subtle-inverted': _primitives.primitiveColors['white']
+}, (0, _semantics.semanticFunctionalColorsFx)('icon', 40)), {}, {
+  // blue
+  'icon-info-enabled': _primitives.primitiveColors['blue-40'],
+  'icon-minor-enabled': _primitives.primitiveColors['blue-40'],
+  'icon-minor-disabled': _primitives.primitiveColors['blue-70'],
+  'icon-brand-enabled': _primitives.primitiveColors['blue-40'],
+  'icon-brand-hover': _primitives.primitiveColors['blue-30'],
+  'icon-brand-focus': _primitives.primitiveColors['blue-30'],
+  'icon-brand-pressed': _primitives.primitiveColors['blue-20'],
+  'icon-brand-disabled': _primitives.primitiveColors['blue-70'],
+  // red
+  'icon-danger-enabled': _primitives.primitiveColors['red-40'],
+  'icon-danger-hover': _primitives.primitiveColors['red-30'],
+  'icon-danger-focus': _primitives.primitiveColors['red-30'],
+  'icon-danger-pressed': _primitives.primitiveColors['red-20'],
+  'icon-danger-disabled': _primitives.primitiveColors['red-70'],
+  'icon-critical-enabled': _primitives.primitiveColors['red-40'],
+  'icon-critical-disabled': _primitives.primitiveColors['red-70'],
+  // yellow
+  'icon-warning-enabled': _primitives.primitiveColors['yellow-40'],
+  'icon-medium-enabled': _primitives.primitiveColors['yellow-50'],
+  'icon-medium-disabled': _primitives.primitiveColors['yellow-70'],
+  // green
+  'icon-success-enabled': _primitives.primitiveColors['green-40'],
+  'icon-success-disabled': _primitives.primitiveColors['green-70'],
+  // orange
+  'icon-high-enabled': _primitives.primitiveColors['orange-40'],
+  'icon-high-disabled': _primitives.primitiveColors['orange-70'],
+  // purple
+  'icon-attention-enabled': _primitives.primitiveColors['purple-40']
+});

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

@@ -0,0 +1,11 @@
+export declare const illustrationColors: {
+    '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;
+};

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

@@ -0,0 +1,18 @@
+"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-95'],
+  'illustration-neutral4': _primitives.primitiveColors['white'],
+  'illustration-brand1': _primitives.primitiveColors['blue-40'],
+  'illustration-brand2': _primitives.primitiveColors['blue-30'],
+  'illustration-brand3': _primitives.primitiveColors['blue-70'],
+  'illustration-brand4': _primitives.primitiveColors['blue-98'],
+  'illustration-brand-inverted': _primitives.primitiveColors['white']
+};