@codacy/ui-components 0.65.91 → 0.65.93

package/lib/theme/ColorSchemes/dark/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/dark/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-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['white'],
+  '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)), {}, {
+  // 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'],
+  // 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'],
+  // yellow
+  'icon-warning-enabled': _primitives.primitiveColors['yellow-60'],
+  'icon-medium-enabled': _primitives.primitiveColors['yellow-60'],
+  'icon-medium-disabled': _primitives.primitiveColors['yellow-30'],
+  // green
+  'icon-success-enabled': _primitives.primitiveColors['green-60'],
+  'icon-success-disabled': _primitives.primitiveColors['green-30'],
+  // orange
+  'icon-high-enabled': _primitives.primitiveColors['orange-60'],
+  'icon-high-disabled': _primitives.primitiveColors['orange-30'],
+  // purple
+  'icon-attention-enabled': _primitives.primitiveColors['purple-60']
+});

package/lib/theme/ColorSchemes/dark/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/dark/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-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']
+};

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

@@ -0,0 +1,2 @@
+import { ColorScheme } from '..';
+export declare const darkCodacyThemeColors: ColorScheme;

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

@@ -0,0 +1,73 @@
+"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 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-60'],
+  'brand-hover': _primitives.primitiveColors['blue-70'],
+  'brand-pressed': _primitives.primitiveColors['blue-20'],
+  'brand-disabled': _primitives.primitiveColors['blue-30'],
+  'brand-focus': _primitives.primitiveColors['blue-10'],
+  'brand-inverted': _primitives.primitiveColors['grey-00'],
+  'brand-subtle': _primitives.primitiveColors['blue-10'],
+  // Subtle
+  'subtle-primary': _primitives.primitiveColors['grey-50'],
+  'subtle-hover': _primitives.primitiveColors['grey-30'],
+  'subtle-pressed': _primitives.primitiveColors['grey-10'],
+  'subtle-disabled': _primitives.primitiveColors['grey-30'],
+  'subtle-inverted': _primitives.primitiveColors['grey-98'],
+  // Danger
+  'danger-primary': _primitives.primitiveColors['red-60'],
+  'danger-hover': _primitives.primitiveColors['red-70'],
+  'danger-pressed': _primitives.primitiveColors['red-30'],
+  'danger-disabled': _primitives.primitiveColors['red-10'],
+  'danger-focus': _primitives.primitiveColors['red-20'],
+  'danger-subtle': _primitives.primitiveColors['red-10'],
+  // Success
+  'success-primary': _primitives.primitiveColors['green-60'],
+  'success-hover': _primitives.primitiveColors['green-70'],
+  'success-pressed': _primitives.primitiveColors['green-30'],
+  'success-disabled': _primitives.primitiveColors['green-10'],
+  'success-focus': _primitives.primitiveColors['green-20'],
+  // Warning
+  'warning-primary': _primitives.primitiveColors['yellow-60'],
+  'warning-hover': _primitives.primitiveColors['yellow-70'],
+  'warning-pressed': _primitives.primitiveColors['yellow-30'],
+  'warning-disabled': _primitives.primitiveColors['yellow-10'],
+  'warning-focus': _primitives.primitiveColors['yellow-20'],
+  //High
+  'high-primary': _primitives.primitiveColors['orange-60'],
+  'high-hover': _primitives.primitiveColors['orange-70'],
+  'high-pressed': _primitives.primitiveColors['orange-30'],
+  'high-disabled': _primitives.primitiveColors['orange-10'],
+  // Info
+  'info-primary': _primitives.primitiveColors['blue-60'],
+  'info-hover': _primitives.primitiveColors['blue-70'],
+  'info-pressed': _primitives.primitiveColors['blue-30'],
+  'info-disabled': _primitives.primitiveColors['blue-10'],
+  'info-inverted': _primitives.primitiveColors['white'],
+  // Attention
+  'attention-primary': _primitives.primitiveColors['purple-60'],
+  'attention-hover': _primitives.primitiveColors['purple-70'],
+  'attention-pressed': _primitives.primitiveColors['purple-30'],
+  'attention-disabled': _primitives.primitiveColors['purple-10'],
+  'attention-focus': _primitives.primitiveColors['purple-20'],
+  // Navigation
+  'navigation-top-primary': _primitives.primitiveColors['grey-20'],
+  'navigation-text': _primitives.primitiveColors['grey-70'],
+  'navigation-text-pressed': _primitives.primitiveColors['grey-70']
+});
+var darkCodacyThemeColors = exports.darkCodacyThemeColors = functionalColors;

package/lib/theme/ColorSchemes/dark/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;
+};

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textColors = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _primitives = require("../primitives");
+var _semantics = require("../semantics");
+var textColors = exports.textColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _semantics.semanticFunctionalColorsFx)('text', 60)), {}, {
+  'text-primary': _primitives.primitiveColors['grey-98'],
+  'text-secondary': _primitives.primitiveColors['grey-80'],
+  'text-tertiary': _primitives.primitiveColors['grey-60'],
+  'text-disabled': _primitives.primitiveColors['grey-30'],
+  'text-inverted': _primitives.primitiveColors['grey-98'],
+  'text-subtle-enabled': _primitives.primitiveColors['grey-20'],
+  'text-subtle-hover': _primitives.primitiveColors['grey-30'],
+  'text-subtle-focus': _primitives.primitiveColors['grey-30'],
+  'text-subtle-pressed': _primitives.primitiveColors['grey-50'],
+  'text-subtle-disabled': _primitives.primitiveColors['grey-20'],
+  'text-subtle-inverted': _primitives.primitiveColors['grey-10'],
+  'text-code-subtle-enabled': _primitives.primitiveColors['grey-20'],
+  'text-code-subtle-disabled': _primitives.primitiveColors['grey-60'],
+  // Text - Link and Brand
+  'text-link-enabled': _primitives.primitiveColors['blue-60'],
+  'text-link-hover': _primitives.primitiveColors['blue-70'],
+  'text-link-focus': _primitives.primitiveColors['blue-70'],
+  'text-link-pressed': _primitives.primitiveColors['blue-30'],
+  'text-link-disabled': _primitives.primitiveColors['blue-20'],
+  'text-brand-enabled': _primitives.primitiveColors['blue-50'],
+  'text-brand-hover': _primitives.primitiveColors['blue-60'],
+  'text-brand-focus': _primitives.primitiveColors['blue-60'],
+  'text-brand-pressed': _primitives.primitiveColors['blue-30'],
+  'text-brand-disabled': _primitives.primitiveColors['blue-20'],
+  // Text - Semantic
+  // blue
+  'text-info-enabled': _primitives.primitiveColors['blue-60'],
+  'text-minor-enabled': _primitives.primitiveColors['blue-50'],
+  'text-minor-disabled': _primitives.primitiveColors['blue-20'],
+  'text-code-brand-enabled': _primitives.primitiveColors['blue-20'],
+  'text-code-brand-disabled': _primitives.primitiveColors['blue-60'],
+  // red
+  'text-danger-enabled': _primitives.primitiveColors['red-60'],
+  'text-danger-hover': _primitives.primitiveColors['red-70'],
+  'text-danger-focus': _primitives.primitiveColors['red-70'],
+  'text-danger-pressed': _primitives.primitiveColors['red-80'],
+  'text-danger-disabled': _primitives.primitiveColors['red-20'],
+  'text-critical-enabled': _primitives.primitiveColors['red-60'],
+  'text-critical-disabled': _primitives.primitiveColors['red-30'],
+  'text-code-danger': _primitives.primitiveColors['red-60'],
+  // yellow
+  'text-warning-enabled': _primitives.primitiveColors['yellow-60'],
+  'text-medium-enabled': _primitives.primitiveColors['yellow-50'],
+  'text-medium-disabled': _primitives.primitiveColors['yellow-20'],
+  // green
+  'text-success-enabled': _primitives.primitiveColors['green-60'],
+  // orange
+  'text-high-enabled': _primitives.primitiveColors['orange-40'],
+  'text-high-disabled': _primitives.primitiveColors['orange-20']
+});

package/lib/theme/ColorSchemes/index.d.ts

@@ -0,0 +1,5 @@
+export * from './light';
+export * from './dark';
+export * from './types';
+export * from './primitives';
+export * from './semantics';

package/lib/theme/ColorSchemes/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _light = require("./light");
+Object.keys(_light).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _light[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _light[key];
+    }
+  });
+});
+var _dark = require("./dark");
+Object.keys(_dark).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dark[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dark[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
+var _primitives = require("./primitives");
+Object.keys(_primitives).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _primitives[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _primitives[key];
+    }
+  });
+});
+var _semantics = require("./semantics");
+Object.keys(_semantics).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _semantics[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _semantics[key];
+    }
+  });
+});

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

@@ -0,0 +1,72 @@
+export declare const backgroundColors: {
+    '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-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;
+    'background-primary': string;
+    'background-secondary': string;
+    'background-subtle': string;
+    'background-brand-subtle': string;
+};

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

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

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

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