@integry/sdk 4.7.39 → 4.7.41

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

@@ -1,266 +0,0 @@
-.actionFormWrap {
-  width: 100%;
-  .noStepFields {
-    font-family: 'Inter';
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 24px;
-    color: #999999;
-  }
-}
-
-.actionStepFieldWrap {
-  margin-bottom: 16px;
-}
-
-.unsupported {
-  font-size: 12px;
-  color: #ca8c1b;
-}
-.actionFormLoader {
-  width: 15px;
-  margin: 0 auto;
-}
-
-.noOptions {
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 15px;
-  margin-bottom: 12px;
-  display: block;
-  color: #999;
-  span.noOptionsRetry {
-    [class^='styles-module_loader_'] {
-      position: relative;
-      top: 5px;
-    }
-  }
-}
-.loadingText {
-  font-weight: 400;
-  font-size: 12px;
-  // line-height: 15px;
-  margin-bottom: 12px;
-  color: #999;
-  display: flex;
-  .actionFormLoader {
-    margin: 0 7px 0 0;
-  }
-}
-a.optionsRefreshProminent {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 8px;
-  font-size: 12px;
-  line-height: 15px;
-  color: #4250f0;
-  cursor: pointer;
-  text-decoration: none;
-}
-a.optionsRefresh {
-  font-size: 12px;
-  line-height: 15px;
-  color: #4250f0;
-  cursor: pointer;
-  text-decoration: none;
-}
-.dynamicFieldsWrapper {
-  // Existing styles plus new ones for the field selector
-
-  .loadingText {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    color: #666;
-    font-size: 12px;
-  }
-
-  .actionFormLoader {
-    display: inline-block;
-  }
-
-  .dynamicFieldWrapper {
-    margin-bottom: 16px;
-  }
-
-  .noOptions {
-    color: #e74c3c;
-    font-size: 12px;
-  }
-
-  .optionsRefresh {
-    color: #3498db;
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  // New styles for field limiting functionality
-  .addFieldButtonWrapper {
-    margin-top: 16px;
-    margin-bottom: 16px;
-  }
-
-  .addFieldButton {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 12px 16px;
-    background: transparent;
-    border: 2px dashed #d1d5db;
-    border-radius: 2px;
-    color: #6b7280;
-    font-size: 12px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    width: 100%;
-    justify-content: center;
-
-    &:hover {
-      border-color: #9ca3af;
-      color: #4b5563;
-      background: #f9fafb;
-    }
-
-    &:focus {
-      outline: none;
-      border-color: #3b82f6;
-      color: #3b82f6;
-    }
-  }
-
-  .addIcon {
-    font-size: 16px;
-    font-weight: bold;
-  }
-
-  .fieldSelectorWrapper {
-    position: relative;
-    margin-top: 16px;
-    margin-bottom: 16px;
-
-    &.dropdownTop {
-      // When dropdown opens upward, we need extra space above
-      margin-top: 220px; // Max dropdown height + buffer
-      margin-bottom: 16px;
-    }
-  }
-
-  .searchInputWrapper {
-    position: relative;
-    display: flex;
-    align-items: center;
-  }
-
-  .searchInput {
-    width: 100%;
-    padding: 12px 16px;
-    padding-right: 40px;
-    border: 1px solid #d1d5db;
-    border-radius: 2px;
-    font-size: 12px;
-    background: white;
-
-    &:focus {
-      outline: none;
-      border-color: #3b82f6;
-      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-    }
-
-    &::placeholder {
-      color: #9ca3af;
-    }
-  }
-
-  .cancelButton {
-    position: absolute;
-    right: 12px;
-    background: none;
-    border: none;
-    font-size: 18px;
-    color: #9ca3af;
-    cursor: pointer;
-    padding: 0;
-    width: 20px;
-    height: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      color: #6b7280;
-    }
-  }
-
-  .fieldDropdown {
-    // position: absolute;
-    top: 100%;
-    left: 0;
-    right: 0;
-    background: white;
-    border: 1px solid #d1d5db;
-    border-radius: 2px;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
-      0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    max-height: 200px;
-    overflow-y: auto;
-    z-index: 1000;
-    margin-top: 4px;
-
-    &.fieldDropdownTop {
-      top: auto;
-      bottom: 100%;
-      margin-top: 0;
-      margin-bottom: 4px;
-    }
-  }
-
-  .fieldOption {
-    padding: 12px 16px;
-    cursor: pointer;
-    font-size: 11px;
-    border-bottom: 1px solid #f3f4f6;
-
-    &:last-child {
-      border-bottom: none;
-    }
-
-    &:hover {
-      background: #f9fafb;
-    }
-
-    &:active {
-      background: #f3f4f6;
-    }
-  }
-
-  .noFieldsMessage {
-    padding: 16px;
-    text-align: center;
-    color: #9ca3af;
-    font-size: 12px;
-    font-style: italic;
-    position: absolute;
-    top: 100%;
-    left: 0;
-    right: 0;
-    background: white;
-    border: 1px solid #d1d5db;
-    border-radius: 2px;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
-      0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    z-index: 1000;
-    margin-top: 4px;
-
-    &.noFieldsMessageTop {
-      top: auto;
-      bottom: 100%;
-      margin-top: 0;
-      margin-bottom: 4px;
-    }
-  }
-}