@integry/sdk 4.5.2 → 4.5.4

package/src/features/common/FunctionForm/styles.module.scss

@@ -0,0 +1,163 @@
+.actionFormWrap {
+  width: 100%;
+  .noStepFields {
+    font-family: 'Inter';
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    color: #999999;
+  }
+}
+.functionFormWrap {
+  padding: 5px 20px;
+  font-family: 'Inter';
+  h1 {
+    color: var(--black-and-grey-title-and-desc, #333);
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+    margin-bottom: 25px;
+  }
+  .functionFieldWrap {
+    fieldset {
+      margin-bottom: 20px !important;
+    }
+  }
+  .label {
+    .subLabel {
+      display: block;
+      margin-bottom: 0;
+
+      > div:first-child {
+        color: #000;
+        font-family: Inter;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        margin-bottom: 3px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+
+        .tagSpan {
+          margin-left: 10px;
+        }
+        .refreshIcon {
+          margin-left: 8px;
+          cursor: pointer;
+        }
+      }
+      > div:nth-child(2) {
+        color: var(--black-and-grey-draft-and-tooltip-desc, #999);
+        font-family: Inter;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        margin-bottom: 8px;
+      }
+    }
+    .required {
+      color: #333;
+      font-size: 16px;
+      margin-left: 2px;
+    }
+  }
+
+  textarea {
+    font-size: 12px;
+  }
+
+  .functionHeader {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+    margin-top: 10px;
+    .name {
+      display: flex;
+      align-items: center;
+      font-family: inherit;
+      font-style: normal;
+      font-weight: 500;
+      font-size: 17px;
+      line-height: 21px;
+      color: #333333;
+    }
+    .functionIcon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12px;
+      img {
+        width: 24px;
+        height: 24px;
+        object-fit: contain;
+      }
+    }
+  }
+  .btnSubmit {
+    display: flex;
+    justify-content: end;
+  }
+  .errorMessage {
+    color: #ff0000;
+    margin-top: 5px;
+    min-height: 480px;
+  }
+  .functionFormContainer {
+    min-height: 480px;
+  }
+  fieldset.objectContainer {
+    border: 1px solid #e2e0db;
+    legend {
+      font-size: 12px;
+      padding-left: 0; /* Remove padding on the left */
+      margin-left: 0; /* Remove margin on the left */
+      border-left: none; /* Remove the default left border */
+      width: auto;
+    }
+  }
+}
+
+.unsupported {
+  font-size: 12px;
+  color: #ca8c1b;
+}
+.actionFormLoader {
+  width: 15px;
+  margin: 0 auto;
+}
+div[id='functionFormWrap'] div[id='sdk-modal'] {
+  div[id='sdk-modal-container'] {
+    div[id='integry-sdk-modal-container__content'] {
+      // height: calc(100vh - 150px);
+      height: 100%;
+      min-height: 557px;
+      max-height: -webkit-fill-available;
+      overflow: scroll;
+      width: -webkit-fill-available;
+    }
+  }
+}
+
+div[id='functionFormWrap']
+  div[class^='styles-module_customSelect']
+  div[class^='styles-module_tagMenu'] {
+  padding: 5px 0 !important;
+}
+div[id='functionFormWrap']
+  div[class^='styles-module_multipurposeField']
+  div[class^='styles-module_tagMenu'] {
+  max-width: 41em !important;
+}
+div[id='functionFormWrap']
+  div[class^='styles-module_multipurposeField']
+  div[class^='styles-module_tagMenuSearch']
+  fieldset {
+  margin-bottom: 5px !important;
+}