@redhat-cloud-services/frontend-components 3.9.7 → 3.9.8

package/InsightsLabel/InsightsLabel.d.ts

@@ -1,4 +1,3 @@
-import './labels.scss';
 import { LabelProps } from '@patternfly/react-core';
 import React from 'react';
 export interface InsightsLabelProps extends LabelProps {

package/InsightsLabel/InsightsLabel.js

@@ -25,7 +25,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-require("./labels.css");
 var react_icons_1 = require("@patternfly/react-icons");
 var react_icons_2 = require("@patternfly/react-icons");
 var react_icons_3 = require("@patternfly/react-icons");
@@ -34,13 +33,13 @@ var react_core_1 = require("@patternfly/react-core");
 var react_1 = __importDefault(require("react"));
 var VALUE_TO_STATE = {
     1: { icon: react_1.default.createElement(react_icons_1.AngleDoubleDownIcon, null), text: 'Low', color: 'blue' },
-    2: { icon: react_1.default.createElement(react_icons_4.EqualsIcon, null), text: 'Moderate', color: undefined },
+    2: { icon: react_1.default.createElement(react_icons_4.EqualsIcon, null), text: 'Moderate', color: 'gold' },
     3: { icon: react_1.default.createElement(react_icons_2.AngleDoubleUpIcon, null), text: 'Important', color: 'orange' },
     4: { icon: react_1.default.createElement(react_icons_3.CriticalRiskIcon, null), text: 'Critical', color: 'red' },
 };
 var InsightsLabel = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, className = _a.className, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "className", "rest"]);
-    return (react_1.default.createElement(react_core_1.Label, __assign({}, rest, props, { className: value === 2 ? 'ins-c-label-2' : '', color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
+    var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "rest"]);
+    return (react_1.default.createElement(react_core_1.Label, __assign({}, rest, props, { color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
 };
 exports.default = InsightsLabel;
 //# sourceMappingURL=InsightsLabel.js.map

package/esm/InsightsLabel/InsightsLabel.js

@@ -20,7 +20,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import '../InsightsLabel/labels.css';
 import { AngleDoubleDownIcon } from '@patternfly/react-icons';
 import { AngleDoubleUpIcon } from '@patternfly/react-icons';
 import { CriticalRiskIcon } from '@patternfly/react-icons';
@@ -29,13 +28,13 @@ import { Label } from '@patternfly/react-core';
 import React from 'react';
 var VALUE_TO_STATE = {
     1: { icon: React.createElement(AngleDoubleDownIcon, null), text: 'Low', color: 'blue' },
-    2: { icon: React.createElement(EqualsIcon, null), text: 'Moderate', color: undefined },
+    2: { icon: React.createElement(EqualsIcon, null), text: 'Moderate', color: 'gold' },
     3: { icon: React.createElement(AngleDoubleUpIcon, null), text: 'Important', color: 'orange' },
     4: { icon: React.createElement(CriticalRiskIcon, null), text: 'Critical', color: 'red' },
 };
 var InsightsLabel = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, className = _a.className, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "className", "rest"]);
-    return (React.createElement(Label, __assign({}, rest, props, { className: value === 2 ? 'ins-c-label-2' : '', color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
+    var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "rest"]);
+    return (React.createElement(Label, __assign({}, rest, props, { color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
 };
 export default InsightsLabel;
 //# sourceMappingURL=InsightsLabel.js.map

package/esm/index.css

@@ -251,27 +251,6 @@ i.ins-battery svg {
   outline: inherit !important;
 }
 
-.pf-c-label {
-  --ins-c-label--gold-bg: #fdf7e7;
-  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
-  --inc-c-label--icon-gold: #F4C145;
-  --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
-}
-
-.ins-c-label-2.pf-c-label {
-  background-color: var(--ins-c-label--gold-bg);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content {
-  color: var(--inc-c-label--content-gold);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content .pf-c-label__icon {
-  color: var(--inc-c-label--icon-gold);
-}
-
-.ins-c-label-2.pf-c-label .pf-c-label__content::before {
-  border: 1px solid var(--inc-c-label--border-gold);
-}
-
 .Icon404 {
   height: 150px;
 }

package/esm/index.scss

@@ -8,7 +8,6 @@
 @import './FilterChips/filter-chips.scss';
 @import './FilterHooks/tagFilterHook.scss';
 @import './Filters/filter-dropdown.scss';
-@import './InsightsLabel/labels.scss';
 @import './InvalidObject/icon-404.scss';
 @import './InvalidObject/invalidObject.scss';
 @import './Main/main.scss';

package/index.css

@@ -251,27 +251,6 @@ i.ins-battery svg {
   outline: inherit !important;
 }
 
-.pf-c-label {
-  --ins-c-label--gold-bg: #fdf7e7;
-  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
-  --inc-c-label--icon-gold: #F4C145;
-  --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
-}
-
-.ins-c-label-2.pf-c-label {
-  background-color: var(--ins-c-label--gold-bg);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content {
-  color: var(--inc-c-label--content-gold);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content .pf-c-label__icon {
-  color: var(--inc-c-label--icon-gold);
-}
-
-.ins-c-label-2.pf-c-label .pf-c-label__content::before {
-  border: 1px solid var(--inc-c-label--border-gold);
-}
-
 .Icon404 {
   height: 150px;
 }

package/index.scss

@@ -8,7 +8,6 @@
 @import './FilterChips/filter-chips.scss';
 @import './FilterHooks/tagFilterHook.scss';
 @import './Filters/filter-dropdown.scss';
-@import './InsightsLabel/labels.scss';
 @import './InvalidObject/icon-404.scss';
 @import './InvalidObject/invalidObject.scss';
 @import './Main/main.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components",
-    "version": "3.9.7",
+    "version": "3.9.8",
     "description": "Common components for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",

package/InsightsLabel/labels.css

@@ -1,20 +0,0 @@
-.pf-c-label {
-  --ins-c-label--gold-bg: #fdf7e7;
-  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
-  --inc-c-label--icon-gold: #F4C145;
-  --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
-}
-
-.ins-c-label-2.pf-c-label {
-  background-color: var(--ins-c-label--gold-bg);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content {
-  color: var(--inc-c-label--content-gold);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content .pf-c-label__icon {
-  color: var(--inc-c-label--icon-gold);
-}
-
-.ins-c-label-2.pf-c-label .pf-c-label__content::before {
-  border: 1px solid var(--inc-c-label--border-gold);
-}

package/InsightsLabel/labels.scss

@@ -1,21 +0,0 @@
-.pf-c-label {
-  --ins-c-label--gold-bg: #fdf7e7;
-  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
-  --inc-c-label--icon-gold: #F4C145;
-  --inc-c-label--border-gold: var(--pf-global--palette--gold-100)
-}
-
-.ins-c-label-2.pf-c-label {
-  background-color: var(--ins-c-label--gold-bg);
-  .pf-c-label__content {
-    color: var(--inc-c-label--content-gold);
-    .pf-c-label__icon {
-      color: var(--inc-c-label--icon-gold);
-    }
-  }
-}
-.ins-c-label-2.pf-c-label {
-  .pf-c-label__content::before {
-    border: 1px solid var(--inc-c-label--border-gold);
-  }
-}

package/esm/InsightsLabel/labels.css

@@ -1,20 +0,0 @@
-.pf-c-label {
-  --ins-c-label--gold-bg: #fdf7e7;
-  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
-  --inc-c-label--icon-gold: #F4C145;
-  --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
-}
-
-.ins-c-label-2.pf-c-label {
-  background-color: var(--ins-c-label--gold-bg);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content {
-  color: var(--inc-c-label--content-gold);
-}
-.ins-c-label-2.pf-c-label .pf-c-label__content .pf-c-label__icon {
-  color: var(--inc-c-label--icon-gold);
-}
-
-.ins-c-label-2.pf-c-label .pf-c-label__content::before {
-  border: 1px solid var(--inc-c-label--border-gold);
-}

package/esm/InsightsLabel/labels.scss

@@ -1,21 +0,0 @@
-.pf-c-label {
-  --ins-c-label--gold-bg: #fdf7e7;
-  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
-  --inc-c-label--icon-gold: #F4C145;
-  --inc-c-label--border-gold: var(--pf-global--palette--gold-100)
-}
-
-.ins-c-label-2.pf-c-label {
-  background-color: var(--ins-c-label--gold-bg);
-  .pf-c-label__content {
-    color: var(--inc-c-label--content-gold);
-    .pf-c-label__icon {
-      color: var(--inc-c-label--icon-gold);
-    }
-  }
-}
-.ins-c-label-2.pf-c-label {
-  .pf-c-label__content::before {
-    border: 1px solid var(--inc-c-label--border-gold);
-  }
-}