kyma-project · mrCherry97 · Nov 6, 2024 · Oct 22, 2024 · Nov 4, 2024 · Nov 4, 2024
diff --git a/src/components/BusolaExtensions/BusolaExtensionDetails.js b/src/components/BusolaExtensions/BusolaExtensionDetails.js
@@ -193,8 +193,7 @@ export function BusolaExtensionDetails({ name, namespace }) {
                 <>
                   <Button
                     disabled={currentVersion === getLatestVersion()}
-                    icon="forward"
-                    iconEnd
+                    endIcon="forward"
                     onClick={() => {
                       const newBusolaExtension = migrateToLatest(configmap);
                       updateBusolaExtension(newBusolaExtension, configmap);

diff --git a/src/components/BusolaExtensions/ColumnsInput.js b/src/components/BusolaExtensions/ColumnsInput.js
@@ -6,7 +6,7 @@ export function ColumnsInput({ value: columns, setValue: setColumns }) {
 
   if (!columns?.length) {
     return (
-      <MessageStrip design="Warning" hideCloseButton>
+      <MessageStrip design="Critical" hideCloseButton>
         {t('extensibility.starter-modal.messages.no-columns')}
       </MessageStrip>
     );

diff --git a/src/components/Clusters/components/AddClusterDialog.js b/src/components/Clusters/components/AddClusterDialog.js
@@ -29,7 +29,7 @@ export function AddClusterDialog() {
       open={showWizard}
       className="add-cluster-wizard-dialog"
       headerText={t('clusters.add.title')}
-      onAfterClose={() => setShowWizard(false)}
+      onClose={() => setShowWizard(false)}
     >
       <ErrorBoundary>
         <AddClusterDialogComponent />

diff --git a/src/components/Clusters/components/AddClusterWizard.js b/src/components/Clusters/components/AddClusterWizard.js
@@ -170,7 +170,6 @@ export function AddClusterWizard({ kubeconfig, setKubeconfig, config }) {
           className="cluster-wizard__buttons__sticky"
         />
       </WizardStep>
-
       {kubeconfig && (!hasAuth || !hasOneContext) && (
         <WizardStep
           titleText={t('clusters.wizard.authentication')}
@@ -202,7 +201,6 @@ export function AddClusterWizard({ kubeconfig, setKubeconfig, config }) {
           />
         </WizardStep>
       )}
-
       <WizardStep
         titleText={t('clusters.wizard.storage')}
         selected={
@@ -232,8 +230,8 @@ export function AddClusterWizard({ kubeconfig, setKubeconfig, config }) {
                 <Popover
                   opener="storageDescriptionOpener"
                   open={showTitleDescription}
-                  onAfterClose={() => setShowTitleDescription(false)}
-                  placementType="Right"
+                  onClose={() => setShowTitleDescription(false)}
+                  placement="End"
                 >
                   <Text className="description">
                     {t('clusters.storage.info')}

diff --git a/src/components/Clusters/components/AuthForm.js b/src/components/Clusters/components/AuthForm.js
@@ -126,7 +126,7 @@ export function AuthForm({
       <div className="add-cluster__content-container">
         <Title level="H5">{t('clusters.wizard.update')}</Title>
         <MessageStrip
-          design="Warning"
+          design="Critical"
           hideCloseButton
           className="sap-margin-y-small"
         >

diff --git a/src/components/Clusters/components/KubeconfigUpload/KubeconfigFileUpload.js b/src/components/Clusters/components/KubeconfigUpload/KubeconfigFileUpload.js
@@ -39,8 +39,8 @@ export function KubeconfigFileUpload({ onKubeconfigTextAdded }) {
             <Popover
               opener="descriptionOpener"
               open={showTitleDescription}
-              onAfterClose={() => setShowTitleDescription(false)}
-              placementType="Right"
+              onClose={() => setShowTitleDescription(false)}
+              placement="End"
             >
               <Text className="description">{t('clusters.wizard.intro')}</Text>
             </Popover>,

diff --git a/src/components/Clusters/views/ClusterOverview/ClusterValidation/ClusterValidation.tsx b/src/components/Clusters/views/ClusterOverview/ClusterValidation/ClusterValidation.tsx
@@ -154,22 +154,20 @@ export const ClusterValidation = () => {
       headerActions={
         <>
           <Button
-            icon="play"
-            iconEnd
+            endIcon="play"
             onClick={scan}
             disabled={!!scanProgress || !scanReady}
           >
             {t('cluster-validation.scan.buttons.scan')}
           </Button>
           <Button
-            icon="settings"
-            iconEnd
+            endIcon="settings"
             onClick={configure}
             disabled={!!scanProgress || !scanReady}
           >
             {t('cluster-validation.scan.buttons.configure')}
           </Button>
-          <Button icon="reset" iconEnd onClick={clear} disabled={!scanProgress}>
+          <Button endIcon="reset" onClick={clear} disabled={!scanProgress}>
             {t('cluster-validation.scan.buttons.clear')}
           </Button>
         </>
@@ -193,7 +191,6 @@ export const ClusterValidation = () => {
           />
         </FlexBox>
       </Section>
-
       {scanProgress && (
         <Section
           titleText={t('cluster-validation.scan.progress')}
@@ -213,20 +210,18 @@ export const ClusterValidation = () => {
             }
             valueState={
               scanProgress && scanProgress.total === scanProgress.scanned
-                ? 'Success'
+                ? 'Positive'
                 : 'None'
             }
             style={{ width: '96%', padding: '5px 2%' }}
           />
         </Section>
       )}
-
       {scanResult && (
         <Section titleText={t('cluster-validation.scan.result')}>
           <ScanResultTree scanResult={scanResult} />
         </Section>
       )}
-
       {createPortal(
         <ClusterValidationConfigurationDialog
           show={isConfigurationOpen}
@@ -275,7 +270,7 @@ const Section = ({
             <CardHeader
               titleText={titleText}
               subtitleText={subtitleText}
-              status={status}
+              additionalText={status}
             />
           ) : (
             header

diff --git a/...onents/Clusters/views/ClusterOverview/ClusterValidation/ClusterValidationConfiguration.js b/...onents/Clusters/views/ClusterOverview/ClusterValidation/ClusterValidationConfiguration.js
@@ -186,7 +186,7 @@ export function ClusterValidationConfigurationDialog({
 
   return (
     <Dialog
-      onAfterClose={onCancel}
+      onClose={onCancel}
       open={show}
       headerText={t('cluster-validation.scan.common.headers.configuration')}
       footer={

diff --git a/src/components/Extensibility/components-form/Modules/Modules.js b/src/components/Extensibility/components-form/Modules/Modules.js
@@ -81,7 +81,7 @@ export function Modules({ storeKeys, resource, onChange, schema, required }) {
   const Items = parsedOptions?.name?.map((name, index) => {
     if (!name)
       return (
-        <MessageStrip design="Warning" hideCloseButton>
+        <MessageStrip design="Critical" hideCloseButton>
           {t('extensibility.widgets.modules.no-modules')}
         </MessageStrip>
       );
@@ -213,7 +213,7 @@ export function Modules({ storeKeys, resource, onChange, schema, required }) {
         </div>
         {parsedOptions?.betaAlert && isBeta && isChecked ? (
           <MessageStrip
-            design="Warning"
+            design="Critical"
             hideCloseButton
             className="alert sap-margin-y-small"
           >

diff --git a/src/components/Extensibility/components-form/MultiType.js b/src/components/Extensibility/components-form/MultiType.js
@@ -63,7 +63,7 @@ export function MultiType({
               <SegmentedButtonItem
                 compact
                 key={type}
-                pressed={type === selectedType}
+                selected={type === selectedType}
                 onClick={() => {
                   onChange &&
                     onChange({

diff --git a/src/components/Extensibility/components/ExternalLink.js b/src/components/Extensibility/components/ExternalLink.js
@@ -52,9 +52,8 @@ export const ExternalLink = ({
   if (structure.type === 'button') {
     return (
       <Button
-        icon="inspect"
-        iconEnd
         className="sap-margin-x-tiny"
+        endIcon="inspect"
         onClick={() => {
           const newWindow = window.open(href, '_blank', 'noopener, noreferrer');
           if (newWindow) newWindow.opener = null;

diff --git a/src/components/Extensibility/components/ExternalLinkButton.js b/src/components/Extensibility/components/ExternalLinkButton.js
@@ -6,8 +6,7 @@ export function ExternalLinkButton({ structure }) {
 
   return (
     <Button
-      icon="inspect"
-      iconEnd
+      endIcon="inspect"
       design={structure?.emphasized ? 'Emphasized' : 'Default'}
       inline={true}
       onClick={() => {

diff --git a/src/components/Extensibility/components/ResourceButton.js b/src/components/Extensibility/components/ResourceButton.js
@@ -49,8 +49,7 @@ export function ResourceButton({
   return (
     <Button
       design="Emphasized"
-      icon={structure?.icon}
-      iconEnd
+      endIcon={structure?.icon}
       inline={true}
       onClick={() =>
         navigate(

diff --git a/src/components/Extensibility/components/Wizard.js b/src/components/Extensibility/components/Wizard.js
@@ -39,7 +39,7 @@ export function Wizard({ value, structure, singleRootResource }) {
           open={showWizard}
           className="wizard-dialog"
           headerText={t('extensibility.wizard.headers.name') + ' ' + wizardName}
-          onAfterClose={() => setShowWizard(false)}
+          onClose={() => setShowWizard(false)}
         >
           <ErrorBoundary onClose={handleCloseModal}>
             <ExtensibilityWizard

diff --git a/src/components/KymaModules/KymaModulesAddModule.js b/src/components/KymaModules/KymaModulesAddModule.js
@@ -254,7 +254,7 @@ export default function KymaModulesAddModule({
           {checkIfSelectedModuleIsBeta() ? (
             <MessageStrip
               key={'beta'}
-              design="Warning"
+              design="Critical"
               hideCloseButton
               className="sap-margin-top-small"
             >
@@ -273,7 +273,7 @@ export default function KymaModulesAddModule({
         </MessageStrip>
       ) : (
         <MessageStrip
-          design="Warning"
+          design="Critical"
           hideCloseButton
           className="sap-margin-top-small"
         >

diff --git a/src/components/KymaModules/KymaModulesCreate.js b/src/components/KymaModules/KymaModulesCreate.js
@@ -418,7 +418,7 @@ export default function KymaModulesCreate({ resource, ...props }) {
               {checkIfSelectedModuleIsBeta() ? (
                 <MessageStrip
                   key={'beta'}
-                  design="Warning"
+                  design="Critical"
                   hideCloseButton
                   className="sap-margin-top-tiny"
                 >
@@ -429,7 +429,7 @@ export default function KymaModulesCreate({ resource, ...props }) {
             </>
           ) : (
             <MessageStrip
-              design="Warning"
+              design="Critical"
               hideCloseButton
               className="sap-margin-top-small"
             >

diff --git a/src/components/Preferences/Preferences.tsx b/src/components/Preferences/Preferences.tsx
@@ -64,7 +64,7 @@ export function Preferences() {
 
   return (
     <Dialog
-      onAfterClose={handleCloseModal}
+      onClose={handleCloseModal}
       open={isModalOpen}
       headerText={t('navigation.preferences.title')}
       footer={
@@ -86,7 +86,6 @@ export function Preferences() {
           <TabContainer
             tabLayout="Inline"
             contentBackgroundDesign="Transparent"
-            fixed
           >
             <Tab
               style={{ padding: '-16px -32px' }}
@@ -107,7 +106,6 @@ export function Preferences() {
           <TabContainer
             tabLayout="Inline"
             contentBackgroundDesign="Transparent"
-            fixed
           >
             <Tab
               key="cluster-interaction"

diff --git a/src/components/Preferences/ResourceValidation/ResourceValidationSettings.tsx b/src/components/Preferences/ResourceValidation/ResourceValidationSettings.tsx
@@ -152,8 +152,7 @@ export default function ResourceValidationSettings() {
                   {!choosePolicies && (
                     <Button
                       design="Transparent"
-                      icon="customize"
-                      iconEnd
+                      endIcon="customize"
                       onClick={enablePolicyCustomization}
                     >
                       {t('settings.clusters.resourcesValidation.customize')}
@@ -162,8 +161,7 @@ export default function ResourceValidationSettings() {
                   {choosePolicies && (
                     <Button
                       design="Transparent"
-                      icon="reset"
-                      iconEnd
+                      endIcon="reset"
                       onClick={disablePolicyCustomization}
                     >
                       {t('settings.clusters.resourcesValidation.reset')}

diff --git a/src/resources/Events/EventDetails.js b/src/resources/Events/EventDetails.js
@@ -34,7 +34,7 @@ const Specification = event => {
                 aria-label="Warning"
                 icon={<Icon name="warning" />}
                 className="has-tooltip sap-margin-begin-tiny"
-                state="Warning"
+                state="Critical"
               />
             ) : (
               <ObjectStatus

diff --git a/src/resources/Events/EventList.js b/src/resources/Events/EventList.js
@@ -58,7 +58,7 @@ export function EventList({
                 aria-label="Warning"
                 icon={<Icon name="warning" />}
                 className="has-tooltip"
-                state="Warning"
+                state="Critical"
               />
             </Tooltip>
           ) : (

diff --git a/src/resources/Namespaces/YamlUpload/ResourceValidationResult.js b/src/resources/Namespaces/YamlUpload/ResourceValidationResult.js
@@ -63,7 +63,7 @@ const ValidationWarnings = ({ resource, validationSchema }) => {
   if (!validationSchema)
     return (
       <MessageStrip
-        design="Warning"
+        design="Critical"
         hideCloseButton
         className="sap-margin-bottom-small"
       >

diff --git a/src/resources/Namespaces/YamlUpload/YamlResourcesList.js b/src/resources/Namespaces/YamlUpload/YamlResourcesList.js
@@ -138,15 +138,17 @@ export function YamlResourcesList({ resourcesData }) {
                 header={
                   <CardHeader
                     titleText={t('upload-yaml.upload-progress')}
-                    status={resources?.length + '/' + uploadedResources?.length}
+                    additionalText={
+                      resources?.length + '/' + uploadedResources?.length
+                    }
                   />
                 }
               >
                 <ProgressIndicator
                   value={getPercentage()}
                   valueState={
                     resources?.length === uploadedResources?.length
-                      ? 'Success'
+                      ? 'Positive'
                       : 'None'
                   }
                   className="sap-margin-x-small"

diff --git a/src/resources/Namespaces/YamlUpload/YamlUploadDialog.js b/src/resources/Namespaces/YamlUpload/YamlUploadDialog.js
@@ -102,7 +102,7 @@ export function YamlUploadDialog() {
   return (
     <Dialog
       open={openAdd}
-      onAfterClose={() => setShowAdd(false)}
+      onClose={() => setShowAdd(false)}
       headerText={t('upload-yaml.title')}
       footer={<Bar design="Footer" endContent={<>{actions}</>} />}
       className="yaml-upload-modal__dialog"

diff --git a/src/resources/RoleBindings/GenericRoleBindingCreate.js b/src/resources/RoleBindings/GenericRoleBindingCreate.js
@@ -102,7 +102,7 @@ export function GenericRoleBindingCreate({
       />
       {!jp.value(binding, '$.subjects.length') && (
         <MessageStrip
-          design="Warning"
+          design="Critical"
           hideCloseButton
           className="sap-margin-top-small"
         >

diff --git a/src/resources/Roles/InvalidRoleError.js b/src/resources/Roles/InvalidRoleError.js
@@ -9,7 +9,7 @@ export function InvalidRoleError({ rule }) {
   return (
     isRuleInvalid(rule) && (
       <MessageStrip
-        design="Warning"
+        design="Critical"
         hideCloseButton
         className="sap-margin-top-small"
       >

diff --git a/src/resources/Roles/RuleInput.js b/src/resources/Roles/RuleInput.js
@@ -134,7 +134,7 @@ export function RuleInput({ rule, rules, setRules }) {
         newItemActionWidth={2}
         newItemAction={
           loading ? (
-            <BusyIndicator size="Small" active={true} delay="0" />
+            <BusyIndicator size="S" active={true} delay="0" />
           ) : (
             <Button
               design="Transparent"
@@ -158,7 +158,6 @@ export function RuleInput({ rule, rules, setRules }) {
           </Button>,
         ]}
       />
-
       {loadable && (
         <MessageStrip
           design="Information"

diff --git a/src/resources/ServiceAccounts/ServiceAccountCreate.js b/src/resources/ServiceAccounts/ServiceAccountCreate.js
@@ -154,7 +154,7 @@ export default function ServiceAccountCreate({
         }
       />
       {shouldCreateSecret && (
-        <MessageStrip design="Warning" hideCloseButton>
+        <MessageStrip design="Critical" hideCloseButton>
           {t('service-accounts.associated-secret.warning')}
         </MessageStrip>
       )}