@codacy/ui-components 0.65.94 → 0.66.0

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.label = void 0;
+var label = exports.label = function label(colors) {
+  return {
+    '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']
+  };
+};

package/lib/theme/ColorSchemes/components/list-orb.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalColorScheme } from '..';
+declare type Variant = 'primary' | 'secondary';
+declare type Element = 'text' | 'icon' | 'background';
+declare type ListOrbKey = `listOrb-${Variant}-${Element}`;
+export declare const listOrb: (colors: FunctionalColorScheme) => Record<ListOrbKey, string>;
+export {};

package/lib/theme/ColorSchemes/components/list-orb.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listOrb = void 0;
+var listOrb = exports.listOrb = function listOrb(colors) {
+  return {
+    'listOrb-primary-text': colors['text-primary'],
+    'listOrb-secondary-text': colors['text-secondary'],
+    'listOrb-primary-icon': colors['icon-brand-enabled'],
+    'listOrb-primary-background': colors['background-brand'],
+    'listOrb-secondary-background': colors['background-subtle']
+  };
+};

package/lib/theme/ColorSchemes/components/loading.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalColorScheme } from '../..';
+declare type LoadingKey = `loading-background`;
+export declare const loading: (colors: FunctionalColorScheme) => Record<LoadingKey, string>;
+export {};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loading = void 0;
+var loading = exports.loading = function loading(colors) {
+  return {
+    'loading-background': colors['background-brand']
+  };
+};

package/lib/theme/ColorSchemes/components/modals.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalColorScheme } from '..';
+declare type Component = 'body' | 'backdrop';
+declare type Element = 'text' | 'background';
+declare type ModalKey = `modal-${Component}-${Element}`;
+export declare const modals: (colors: FunctionalColorScheme) => Record<ModalKey, string>;
+export {};

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modals = void 0;
+var modals = exports.modals = function modals(colors) {
+  return {
+    'modal-body-text': colors['text-primary'],
+    'modal-body-background': colors['background-primary'],
+    'modal-backdrop-background': colors['background-subtle-enabled']
+  };
+};

package/lib/theme/ColorSchemes/components/navigation.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalColorScheme } from '..';
+declare type Type = 'left-menu' | 'top-bar';
+declare type Component = 'item' | 'wrapper';
+declare type Element = 'text' | 'background';
+declare type State = 'enabled' | 'active' | 'hover';
+declare type NavigationKey = `navigation-${Type}-${Component}-${Element}-${State}`;
+export declare const navigation: (colors: FunctionalColorScheme) => Record<NavigationKey, string>;
+export {};

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navigation = void 0;
+var navigation = exports.navigation = function navigation(colors) {
+  return {
+    'navigation-left-menu-item-text-enabled': colors['text-primary'],
+    'navigation-left-menu-item-text-active': colors['text-brand-enabled'],
+    'navigation-left-menu-item-text-hover': colors['text-brand-hover'],
+    'navigation-left-menu-item-background-enabled': colors['background-secondary'],
+    'navigation-left-menu-item-background-active': colors['background-brand'],
+    'navigation-left-menu-wrapper-text-enabled': colors['text-disabled'],
+    'navigation-left-menu-wrapper-background-enabled': colors['background-secondary'],
+    'navigation-top-bar-item-text-enabled': colors['text-inverted'],
+    'navigation-top-bar-item-background-hover': colors['background-subtle-hover'],
+    'navigation-top-bar-wrapper-text-enabled': colors['text-inverted'],
+    'navigation-top-bar-wrapper-background-enabled': colors['background-subtle-pressed']
+  };
+};

package/lib/theme/ColorSchemes/components/selector.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalColorScheme } from '..';
+declare type Component = 'slider' | 'base';
+declare type Element = 'background' | 'text' | 'border' | 'icon';
+declare type State = 'enabled' | 'disabled' | 'hover' | 'unselected';
+declare type SelectorKey = `selector-${Component}-${Element}-${State}`;
+export declare const selector: (colors: FunctionalColorScheme) => Record<SelectorKey, string>;
+export {};

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selector = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var selector = exports.selector = function selector(colors) {
+  return (0, _objectSpread2["default"])({}, {
+    'selector-base-background-enabled': colors['background-brand-inverted'],
+    'selector-base-background-unselected': colors['background-brand-inverted'],
+    'selector-base-background-disabled': colors['background-brand'],
+    'selector-base-background-hover': colors['background-brand'],
+    'selector-slider-background-enabled': colors['background-brand-enabled'],
+    'selector-slider-background-unselected': colors['background-brand'],
+    'selector-slider-background-disabled': colors['background-brand-disabled'],
+    'selector-slider-background-hover': colors['background-brand-hover'],
+    'selector-base-text-enabled': colors['text-primary'],
+    'selector-base-text-disabled': colors['text-disabled'],
+    'selector-base-border-enabled': colors['border-brand-subtle'],
+    'selector-base-border-unselected': colors['border-subtle-disabled'],
+    'selector-base-border-disabled': colors['border-brand-disabled'],
+    'selector-base-border-hover': colors['border-brand-enabled'],
+    'selector-base-icon-enabled': colors['icon-brand-enabled'],
+    'selector-base-icon-unselected': colors['background-subtle-enabled'],
+    'selector-base-icon-disabled': colors['icon-brand-disabled']
+  });
+};

package/lib/theme/ColorSchemes/components/stepper.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalColorScheme } from '..';
+import { StepperState as State } from '../../../Stepper/Stepper.types';
+declare type Element = 'text' | 'icon';
+declare type StepperKey = `stepper-${Element}-${State}`;
+export declare const stepper: (colors: FunctionalColorScheme) => Record<StepperKey, string>;
+export {};

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stepper = void 0;
+var stepper = exports.stepper = function stepper(colors) {
+  return {
+    'stepper-text-complete': colors['text-tertiary'],
+    'stepper-icon-complete': colors['icon-brand-disabled'],
+    'stepper-text-current': colors['text-primary'],
+    'stepper-icon-current': colors['icon-brand-enabled'],
+    'stepper-text-incomplete': colors['text-tertiary'],
+    'stepper-icon-incomplete': colors['icon-subtle-enabled']
+  };
+};

package/lib/theme/ColorSchemes/components/tables.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalColorScheme } from '..';
+declare type Element = 'text' | 'icon' | 'background' | 'border' | 'link';
+declare type State = 'enabled' | 'active' | 'hover';
+declare type TablesKey = `tables-${Element}-${State}`;
+export declare const tables: (colors: FunctionalColorScheme) => Record<TablesKey, string>;
+export {};

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tables = void 0;
+var tables = exports.tables = function tables(colors) {
+  return {
+    'tables-text-enabled': colors['text-tertiary'],
+    'tables-text-active': colors['text-brand-enabled'],
+    'tables-background-enabled': colors['background-primary'],
+    'tables-background-hover': colors['background-secondary'],
+    'tables-border-enabled': colors['border-primary'],
+    'tables-icon-enabled': colors['icon-disabled'],
+    'tables-icon-active': colors['icon-brand-enabled'],
+    'tables-link-enabled': colors['text-primary'],
+    'tables-link-hover': colors['text-link-enabled']
+  };
+};

package/lib/theme/ColorSchemes/components/tabs.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalColorScheme } from '..';
+declare type State = 'enabled' | 'disabled' | 'active';
+declare type Element = 'text' | 'border' | 'icon';
+declare type TabKey = `tabs-${Element}-${State}`;
+export declare const tabs: (colors: FunctionalColorScheme) => Record<TabKey, string>;
+export {};

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tabs = void 0;
+var tabs = exports.tabs = function tabs(colors) {
+  return {
+    'tabs-text-enabled': colors['text-secondary'],
+    'tabs-text-disabled': colors['text-disabled'],
+    'tabs-text-active': colors['text-brand-enabled'],
+    'tabs-border-enabled': colors['border-primary'],
+    'tabs-border-disabled': colors['border-primary'],
+    'tabs-border-active': colors['border-brand-enabled'],
+    'tabs-icon-enabled': colors['icon-enabled'],
+    'tabs-icon-disabled': colors['icon-disabled'],
+    'tabs-icon-active': colors['icon-brand-enabled']
+  };
+};

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

@@ -29,6 +29,15 @@ export declare const backgroundColors: {
     'background-attention-enabled': string;
     'background-high-enabled': string;
     'background-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;

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

@@ -24,6 +24,15 @@ export declare const borderColors: {
     'border-attention-disabled': string;
     'border-high-enabled': string;
     'border-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;

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

@@ -22,6 +22,15 @@ 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;

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

@@ -14,7 +14,7 @@ var iconColors = exports.iconColors = (0, _objectSpread2["default"])((0, _object
   'icon-disabled': _primitives.primitiveColors['grey-30'],
   'icon-focus': _primitives.primitiveColors['grey-50'],
   'icon-pressed': _primitives.primitiveColors['grey-80'],
-  'icon-inverted': _primitives.primitiveColors['white'],
+  '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'],

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

@@ -13,61 +13,14 @@ 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;
+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"])({}, 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, _components.cards)(functionalColors)), (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, _components.selector)(functionalColors)), (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));

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

@@ -41,6 +41,15 @@ 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;

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

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

package/lib/theme/ColorSchemes/index.js

@@ -25,17 +25,6 @@ Object.keys(_dark).forEach(function (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;

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

@@ -29,6 +29,15 @@ export declare const backgroundColors: {
     'background-attention-enabled': string;
     'background-high-enabled': string;
     'background-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;

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

@@ -9,9 +9,9 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _primitives = require("../primitives");
 var _semantics = require("../semantics");
 var backgroundColors = exports.backgroundColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-  'background-primary': _primitives.primitiveColors['white'],
+  'background-primary': _primitives.primitiveColors['grey-100'],
   'background-secondary': _primitives.primitiveColors['grey-98'],
-  'background-subtle': _primitives.primitiveColors['blue-98'],
+  'background-subtle': _primitives.primitiveColors['grey-95'],
   'background-brand-subtle': _primitives.primitiveColors['blue-95']
 }, (0, _semantics.semanticFunctionalColorsFx)('background', 95)), {}, {
   'background-brand': _primitives.primitiveColors['blue-95'],
@@ -20,7 +20,7 @@ var backgroundColors = exports.backgroundColors = (0, _objectSpread2["default"])
   '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-brand-inverted': _primitives.primitiveColors['grey-100'],
   'background-subtle-enabled': _primitives.primitiveColors['grey-40'],
   'background-subtle-hover': _primitives.primitiveColors['grey-30'],
   'background-subtle-focus': _primitives.primitiveColors['grey-30'],

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

@@ -24,6 +24,15 @@ export declare const borderColors: {
     'border-attention-disabled': string;
     'border-high-enabled': string;
     'border-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;

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

@@ -9,7 +9,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _primitives = require("../primitives");
 var _semantics = require("../semantics");
 var borderColors = exports.borderColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-  'border-inverted': _primitives.primitiveColors['white'],
+  'border-inverted': _primitives.primitiveColors['grey-100'],
   'border-primary': _primitives.primitiveColors['grey-90'],
   'border-subtle-enabled': _primitives.primitiveColors['grey-50'],
   'border-subtle-hover': _primitives.primitiveColors['grey-30'],

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

@@ -22,6 +22,15 @@ 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;

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

@@ -14,13 +14,13 @@ var iconColors = exports.iconColors = (0, _objectSpread2["default"])((0, _object
   'icon-disabled': _primitives.primitiveColors['grey-70'],
   'icon-focus': _primitives.primitiveColors['grey-30'],
   'icon-pressed': _primitives.primitiveColors['grey-30'],
-  'icon-inverted': _primitives.primitiveColors['white'],
+  'icon-inverted': _primitives.primitiveColors['grey-100'],
   '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']
+  'icon-subtle-inverted': _primitives.primitiveColors['grey-100']
 }, (0, _semantics.semanticFunctionalColorsFx)('icon', 40)), {}, {
   // blue
   'icon-info-enabled': _primitives.primitiveColors['blue-40'],

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

@@ -9,10 +9,10 @@ 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-neutral4': _primitives.primitiveColors['grey-100'],
   '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']
+  'illustration-brand-inverted': _primitives.primitiveColors['grey-100']
 };