color variables updated

Author: fahad-aot

forms-flow-components/src/components/CustomComponents/MultiSelect.tsx

@@ -27,7 +27,7 @@ export const MultipleSelect: React.FC<MultiSelectInterface> = ({
     avoidHighlightFirstOption = true,
     hidePlaceholder=true,
     className,
-    disabled=false,
+    disabled,
     placeholder="",
     label
 
@@ -37,12 +37,7 @@ export const MultipleSelect: React.FC<MultiSelectInterface> = ({
    const [isOpen,setIsOpen] = useState(false);
      // Toggle dropdown open/close when clicked
   const handleClick = (e: MouseEvent) => {
-    if (disabled) {
-      return; 
-    }
-    else if (
-      dropdownRef.current?.contains(e.target as Node)
-    ) {
+    if (dropdownRef.current?.contains(e.target as Node) && !disabled) {
       setIsOpen(true);
     } else {
       setIsOpen(false);

forms-flow-service/src/resourceBundles/bg/resourceBundles.ts

@@ -1280,11 +1280,8 @@ export const RESOURCE_BUNDLES_BG = {
   "New Form": "Нова форма",
   "Add Form": "Добави форма",
   "Build": "Изграждане",
-  "Import": "Импортиране",
   "Create the form from scratch": "Създайте формуляр от нулата",
   "Upload form from a file": "Качете формуляр от файл",
-  "Live": "На живо",
-  "Draft": "Чернова",
   "Last Edited": "Последно редактирано",
   "ID": "ИД",
   "New BPMN": "Нов BPMN",

forms-flow-service/src/resourceBundles/de/resourceBundles.ts

@@ -1285,11 +1285,8 @@ export const RESOURCE_BUNDLES_DE = {
   "New Form": "Neues Formular",
   "Add Form": "Formular hinzufügen",
   "Build": "bauen",
-  "Import": "Importieren",
   "Create the form from scratch": "Erstellen Sie das Formular von Grund auf",
   "Upload form from a file": "Formular aus einer Datei hochladen",
-  "Live": "Live",
-  "Draft": "Entwurf",
   "Last Edited": "Zuletzt bearbeitet",
   "ID": "ID",
   "New BPMN": "Neues BPMN",

forms-flow-service/src/resourceBundles/es/resourceBundles.ts

@@ -769,11 +769,8 @@ export const RESOURCE_BUNDLES_ES = {
     "New Form": "Nuevo formulario",
     "Add Form": "Añadir formulario",
     "Build": "Construir",
-    "Import": "Importar",
     "Create the form from scratch": "Crear el formulario desde cero",
     "Upload form from a file": "Subir formulario desde un archivo",
-    "Live": "En vivo",
-    "Draft": "Borrador",
     "Last Edited": "Última edición",
     "ID": "ID",
     "New BPMN": "Nuevo BPMN",

forms-flow-service/src/resourceBundles/fr/resourceBundles.ts

@@ -1282,11 +1282,8 @@ export const RESOURCE_BUNDLES_FR ={
   "New Form": "Nouveau formulaire",
   "Add Form": "Ajouter un formulaire",
   "Build": "Construire",
-  "Import": "Importer",
   "Create the form from scratch": "Créer le formulaire à partir de zéro",
   "Upload form from a file": "Télécharger le formulaire depuis un fichier",
-  "Live": "En direct",
-  "Draft": "Brouillon",
   "Last Edited": "Dernière édition",
   "ID": "ID",
   "New BPMN": "Nouveau BPMN",

forms-flow-service/src/resourceBundles/pt/resourceBundles.ts

@@ -1282,11 +1282,8 @@ export const RESOURCE_BUNDLES_PT ={
   "New Form": "Novo Formulário",
   "Add Form": "Adicionar Formulário",
   "Build": "Construir",
-  "Import": "Importar",
   "Create the form from scratch": "Criar o formulário do zero",
   "Upload form from a file": "Carregar formulário de um arquivo",
-  "Live": "Ao vivo",
-  "Draft": "Rascunho",
   "Last Edited": "Última Edição",
   "ID": "ID",
   "New BPMN": "Novo BPMN",

forms-flow-service/src/resourceBundles/zh/resourceBundles.ts

@@ -1269,11 +1269,8 @@ export const RESOURCE_BUNDLES_ZH = {
   "New Form": "新表单",
   "Add Form": "添加表单",
   "Build": "构建",
-  "Import": "导入",
   "Create the form from scratch": "从头创建表单",
   "Upload form from a file": "从文件上传表单",
-  "Live": "直播",
-  "Draft": "草稿",
   "Last Edited": "最后编辑",
   "ID": "标识",
   "New BPMN": "新的 BPMN",

forms-flow-theme/scss/_forms.scss

@@ -481,30 +481,34 @@ select option:hover {
 
   &.disable_ms {
     .searchWrapper {
-      background: var(--ff-gray-000);
+      background: var(--ff-gray-light);
       border: none;
       .chip {
         background: var(--ff-white);
-        color: var(--ff-gray-800);
+        color: var(--ff-gray-darkest);
       }
     }
   }
 
   .searchWrapper {
     border-radius: var(--radius-sm);
     border: 1px solid var(--ff-primary);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacer-050);
 
     .chip {
       padding: var(--spacer-050) var(--spacer-100);
       align-items: center;
       gap: var(--spacer-050);
       border-radius: var(--radius-modal);
-      background: var(--ff-secondary); // #e4e3fc
-      color: var(--ff-gray-800);
+      background: var(--ff-primary-light); // #e4e3fc
+      color: var(--ff-gray-darkest);
       text-align: center;
       font-size: var(--font-size-sm);
       font-weight: var(--font-weight-sm);
       line-height: var(--text-line-height);
+      margin-bottom: 0px !important;
     }
 
     .custom-close {