@codacy/ui-components 0.66.24 → 0.66.26

package/lib/theme/ColorSchemes/light/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-95'],
-  '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['grey-100']
+import { primitiveColors } from '../primitives';
+export const illustrationColors = {
+  'illustration-neutral1': primitiveColors['grey-10'],
+  'illustration-neutral2': primitiveColors['grey-50'],
+  'illustration-neutral3': primitiveColors['grey-95'],
+  'illustration-neutral4': primitiveColors['grey-100'],
+  'illustration-brand1': primitiveColors['blue-40'],
+  'illustration-brand2': primitiveColors['blue-30'],
+  'illustration-brand3': primitiveColors['blue-70'],
+  'illustration-brand4': primitiveColors['blue-98'],
+  'illustration-brand-inverted': primitiveColors['grey-100']
 };

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

@@ -47,51 +47,51 @@ declare const functionalColors: {
     '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;
@@ -221,6 +221,11 @@ export declare type FunctionalColorScheme = {
     [key in FunctionalColor]: string;
 };
 declare const colors: {
+    'progress-bar-background': string;
+    'progress-bar-indicator': string;
+    'tooltip-text': string;
+    'tooltip-border': string;
+    'tooltip-background': string;
     'logo-brand': string;
     'logo-inverted': string;
     'logo-primary': string;
@@ -676,51 +681,51 @@ declare const colors: {
     '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/light/index.js

@@ -1,19 +1,43 @@
-"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 _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 colors = (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, _components.button)(functionalColors)), (0, _components.cards)(functionalColors)), (0, _components.charts)(functionalColors)), (0, _components.label)(functionalColors)), (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, _components.modals)(functionalColors)), (0, _components.tables)(functionalColors)), (0, _components.navigation)(functionalColors)), (0, _components.logo)(functionalColors));
-var codacyThemeColors = exports.codacyThemeColors = colors;
+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
+};
+const colors = {
+  ...functionalColors,
+  ...effects(primitiveColors),
+  ...alerts(functionalColors),
+  ...button(functionalColors),
+  ...cards(functionalColors),
+  ...charts(functionalColors),
+  ...label(functionalColors),
+  ...checkboxInput(functionalColors),
+  ...listOrb(functionalColors),
+  ...stepper(functionalColors),
+  ...selector(functionalColors),
+  ...input(functionalColors),
+  ...loading(functionalColors),
+  ...divider(functionalColors),
+  ...issues(functionalColors),
+  ...tabs(functionalColors),
+  ...drawer(functionalColors),
+  ...filters(functionalColors),
+  ...modals(functionalColors),
+  ...tables(functionalColors),
+  ...navigation(functionalColors),
+  ...logo(functionalColors),
+  ...tooltip(functionalColors),
+  ...progressBar(functionalColors)
+};
+export const codacyThemeColors = colors;

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

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

@@ -1,61 +1,54 @@
-"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', 40)), {}, {
-  'text-primary': _primitives.primitiveColors['grey-10'],
-  'text-secondary': _primitives.primitiveColors['grey-30'],
-  'text-tertiary': _primitives.primitiveColors['grey-50'],
-  'text-disabled': _primitives.primitiveColors['grey-70'],
-  'text-inverted': _primitives.primitiveColors['grey-100'],
-  'text-subtle-enabled': _primitives.primitiveColors['grey-50'],
-  'text-subtle-hover': _primitives.primitiveColors['grey-30'],
-  'text-subtle-focus': _primitives.primitiveColors['grey-30'],
-  'text-subtle-pressed': _primitives.primitiveColors['grey-10'],
-  'text-subtle-disabled': _primitives.primitiveColors['grey-70'],
-  'text-subtle-inverted': _primitives.primitiveColors['grey-100'],
-  'text-code-subtle-enabled': _primitives.primitiveColors['grey-20'],
-  'text-code-subtle-disabled': _primitives.primitiveColors['grey-60'],
+import { primitiveColors } from '../primitives';
+import { semanticFunctionalColorsFx } from '../semantics';
+export const textColors = {
+  ...semanticFunctionalColorsFx('text', 40),
+  'text-primary': primitiveColors['grey-10'],
+  'text-secondary': primitiveColors['grey-30'],
+  'text-tertiary': primitiveColors['grey-50'],
+  'text-disabled': primitiveColors['grey-70'],
+  'text-inverted': primitiveColors['grey-100'],
+  'text-subtle-enabled': primitiveColors['grey-50'],
+  'text-subtle-hover': primitiveColors['grey-30'],
+  'text-subtle-focus': primitiveColors['grey-30'],
+  'text-subtle-pressed': primitiveColors['grey-10'],
+  'text-subtle-disabled': primitiveColors['grey-70'],
+  'text-subtle-inverted': primitiveColors['grey-100'],
+  'text-code-subtle-enabled': primitiveColors['grey-20'],
+  'text-code-subtle-disabled': primitiveColors['grey-60'],
   // Text - Link and Brand
-  'text-link-enabled': _primitives.primitiveColors['blue-40'],
-  'text-link-hover': _primitives.primitiveColors['blue-30'],
-  'text-link-focus': _primitives.primitiveColors['blue-30'],
-  'text-link-pressed': _primitives.primitiveColors['blue-20'],
-  'text-link-disabled': _primitives.primitiveColors['blue-70'],
-  'text-brand-enabled': _primitives.primitiveColors['blue-40'],
-  'text-brand-hover': _primitives.primitiveColors['blue-30'],
-  'text-brand-focus': _primitives.primitiveColors['blue-30'],
-  'text-brand-pressed': _primitives.primitiveColors['blue-20'],
-  'text-brand-disabled': _primitives.primitiveColors['blue-70'],
+  'text-link-enabled': primitiveColors['blue-40'],
+  'text-link-hover': primitiveColors['blue-30'],
+  'text-link-focus': primitiveColors['blue-30'],
+  'text-link-pressed': primitiveColors['blue-20'],
+  'text-link-disabled': primitiveColors['blue-70'],
+  'text-brand-enabled': primitiveColors['blue-40'],
+  'text-brand-hover': primitiveColors['blue-30'],
+  'text-brand-focus': primitiveColors['blue-30'],
+  'text-brand-pressed': primitiveColors['blue-20'],
+  'text-brand-disabled': primitiveColors['blue-70'],
   // Text - Semantic
   // blue
-  'text-info-enabled': _primitives.primitiveColors['blue-40'],
-  'text-minor-enabled': _primitives.primitiveColors['blue-40'],
-  'text-minor-disabled': _primitives.primitiveColors['blue-70'],
-  'text-code-brand-enabled': _primitives.primitiveColors['blue-20'],
-  'text-code-brand-disabled': _primitives.primitiveColors['blue-60'],
+  'text-info-enabled': primitiveColors['blue-40'],
+  'text-minor-enabled': primitiveColors['blue-40'],
+  'text-minor-disabled': primitiveColors['blue-70'],
+  'text-code-brand-enabled': primitiveColors['blue-20'],
+  'text-code-brand-disabled': primitiveColors['blue-60'],
   // red
-  'text-danger-enabled': _primitives.primitiveColors['red-40'],
-  'text-danger-hover': _primitives.primitiveColors['red-30'],
-  'text-danger-focus': _primitives.primitiveColors['red-30'],
-  'text-danger-pressed': _primitives.primitiveColors['red-20'],
-  'text-danger-disabled': _primitives.primitiveColors['red-70'],
-  'text-critical-enabled': _primitives.primitiveColors['red-40'],
-  'text-critical-disabled': _primitives.primitiveColors['red-70'],
-  'text-code-danger': _primitives.primitiveColors['red-60'],
+  'text-danger-enabled': primitiveColors['red-40'],
+  'text-danger-hover': primitiveColors['red-30'],
+  'text-danger-focus': primitiveColors['red-30'],
+  'text-danger-pressed': primitiveColors['red-20'],
+  'text-danger-disabled': primitiveColors['red-70'],
+  'text-critical-enabled': primitiveColors['red-40'],
+  'text-critical-disabled': primitiveColors['red-70'],
+  'text-code-danger': primitiveColors['red-60'],
   // yellow
-  'text-warning-enabled': _primitives.primitiveColors['yellow-40'],
-  'text-medium-enabled': _primitives.primitiveColors['yellow-50'],
-  'text-medium-disabled': _primitives.primitiveColors['yellow-70'],
+  'text-warning-enabled': primitiveColors['yellow-40'],
+  'text-medium-enabled': primitiveColors['yellow-50'],
+  'text-medium-disabled': primitiveColors['yellow-70'],
   // green
-  'text-success-enabled': _primitives.primitiveColors['green-40'],
+  'text-success-enabled': primitiveColors['green-40'],
   // orange
-  'text-high-enabled': _primitives.primitiveColors['orange-40'],
-  'text-high-disabled': _primitives.primitiveColors['orange-70']
-});
+  'text-high-enabled': primitiveColors['orange-40'],
+  'text-high-disabled': primitiveColors['orange-70']
+};

package/lib/theme/ColorSchemes/primitives/blue.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.blue = void 0;
-var blue = exports.blue = {
+export const blue = {
   'blue-00': '#050B1A',
   'blue-10': '#091E4E',
   'blue-20': '#073683',

package/lib/theme/ColorSchemes/primitives/green.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.green = void 0;
-var green = exports.green = {
+export const green = {
   'green-00': '#0A1E10',
   'green-10': '#12351C',
   'green-20': '#1A4B28',

package/lib/theme/ColorSchemes/primitives/grey.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.grey = void 0;
-var grey = exports.grey = {
+export const grey = {
   'grey-00': '#0B0E13',
   'grey-05': '#11151D',
   'grey-10': '#171D26',

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

@@ -1,7 +1,7 @@
 export declare const primitiveColors: {
+    "yellow-00": string;
     "yellow-10": string;
     "yellow-20": string;
-    "yellow-00": string;
     "yellow-30": string;
     "yellow-40": string;
     "yellow-50": string;
@@ -11,9 +11,9 @@ export declare const primitiveColors: {
     "yellow-90": string;
     "yellow-95": string;
     "yellow-98": string;
+    "teal-00": string;
     "teal-10": string;
     "teal-20": string;
-    "teal-00": string;
     "teal-30": string;
     "teal-40": string;
     "teal-50": string;
@@ -23,9 +23,9 @@ export declare const primitiveColors: {
     "teal-90": string;
     "teal-95": string;
     "teal-98": string;
+    "red-00": string;
     "red-10": string;
     "red-20": string;
-    "red-00": string;
     "red-30": string;
     "red-40": string;
     "red-50": string;
@@ -47,9 +47,9 @@ export declare const primitiveColors: {
     "purple-95": string;
     "purple-98": string;
     "purple-08": string;
+    "orange-00": string;
     "orange-10": string;
     "orange-20": string;
-    "orange-00": string;
     "orange-30": string;
     "orange-40": string;
     "orange-50": string;
@@ -59,9 +59,9 @@ export declare const primitiveColors: {
     "orange-90": string;
     "orange-95": string;
     "orange-98": string;
+    "magenta-00": string;
     "magenta-10": string;
     "magenta-20": string;
-    "magenta-00": string;
     "magenta-30": string;
     "magenta-40": string;
     "magenta-50": string;
@@ -71,10 +71,9 @@ export declare const primitiveColors: {
     "magenta-90": string;
     "magenta-95": string;
     "magenta-98": string;
+    "grey-00": string;
     "grey-10": string;
-    "grey-15": string;
     "grey-20": string;
-    "grey-00": string;
     "grey-30": string;
     "grey-40": string;
     "grey-50": string;
@@ -85,10 +84,11 @@ export declare const primitiveColors: {
     "grey-95": string;
     "grey-98": string;
     "grey-05": string;
+    "grey-15": string;
     "grey-100": string;
+    "green-00": string;
     "green-10": string;
     "green-20": string;
-    "green-00": string;
     "green-30": string;
     "green-40": string;
     "green-50": string;
@@ -98,9 +98,9 @@ export declare const primitiveColors: {
     "green-90": string;
     "green-95": string;
     "green-98": string;
+    "blue-00": string;
     "blue-10": string;
     "blue-20": string;
-    "blue-00": string;
     "blue-30": string;
     "blue-40": string;
     "blue-50": string;

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

@@ -1,18 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.primitiveColors = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _blue = require("./blue");
-var _green = require("./green");
-var _grey = require("./grey");
-var _magenta = require("./magenta");
-var _orange = require("./orange");
-var _purple = require("./purple");
-var _red = require("./red");
-var _teal = require("./teal");
-var _yellow = require("./yellow");
-var primitiveColors = exports.primitiveColors = (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"])({}, _blue.blue), _green.green), _grey.grey), _magenta.magenta), _orange.orange), _purple.purple), _red.red), _teal.teal), _yellow.yellow);
+import { blue } from './blue';
+import { green } from './green';
+import { grey } from './grey';
+import { magenta } from './magenta';
+import { orange } from './orange';
+import { purple } from './purple';
+import { red } from './red';
+import { teal } from './teal';
+import { yellow } from './yellow';
+export const primitiveColors = {
+  ...blue,
+  ...green,
+  ...grey,
+  ...magenta,
+  ...orange,
+  ...purple,
+  ...red,
+  ...teal,
+  ...yellow
+};

package/lib/theme/ColorSchemes/primitives/magenta.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.magenta = void 0;
-var magenta = exports.magenta = {
+export const magenta = {
   'magenta-00': '#21071D',
   'magenta-10': '#3A0D33',
   'magenta-20': '#5C1450',

package/lib/theme/ColorSchemes/primitives/orange.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.orange = void 0;
-var orange = exports.orange = {
+export const orange = {
   'orange-00': '#281401',
   'orange-10': '#462301',
   'orange-20': '#884201',