@syncfusion/ej2-react-form-builder 0.1.0-beta → 35.1.42

package/styles/themes/property-dialog.css

@@ -1,371 +0,0 @@
-/* Sidebar Header */
-.sidebar-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  min-height: 48px;
-  background-color: rgb(var(--sf-color-surface));
-  border-bottom: 1px solid rgb(var(--sf-color-line-color));
-  padding: 0rem 1.5rem;
-  flex-shrink: 0;
-}
-
-.sidebar-header .tab {
-  display: flex;
-  height: 48px;
-  align-items: center;
-  text-align: center;
-}
-
-.sidebar-header .tab p {
-  font-weight: 500;
-}
-
-.sidebar-header h3 {
-  margin: 0;
-  font-size: 0.875rem;
-  line-height: 20px;
-  color: var(--dashboard-heading-color);
-  font-weight: 600;
-  font-style: Semi Bold;
-  line-height: 20px;
-  letter-spacing: 0%;
-}
-
-.close-btn {
-  background: none;
-  border: none;
-  font-size: 1rem;
-  cursor: pointer;
-  color: rgb(var(--sf-color-on-surface-variant));
-}
-
-.rightpane-property-content.single-view {
-  height: 100%;
-  overflow-y: hidden;
-}
-
-.form-settings.property-content {
-  display: flex;
-  flex-direction: column;
-  height: calc(100dvh - var(--topbar-height) - var(--topbar-height) - 3rem);
-}
-
-.builder-container.e-component .form-settings.property-content {
-  height: calc(100% - var(--topbar-height) - var(--topbar-height));
-}
-
-
-/* Property Tabs */
-.property-tabs-wrapper {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.property-tabs {
-  width: 100%;
-  overflow: auto;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.property-tabs.e-tab {
-  display: flex;
-}
-
-.property-tabs .e-tab-header {
-  background-color: rgb(var(--sf-color-surface));
-  border-bottom: 1px solid rgb(var(--sf-color-line-color));
-  flex-shrink: 0;
-}
-
-.property-tabs .e-content {
-  padding: 0;
-  overflow-y: hidden;
-  flex: 1;
-}
-
-.property-tabs .e-content .e-item {
-  padding: 0;
-  height: 100%;
-  overflow-y: auto;
-}
-
-.property-tabs .e-content .e-item.e-active {
-  display: block;
-}
-
-/* Property Group */
-.property-group {
-  padding: 0.75rem 1rem;
-}
-
-.property-group-content {
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-}
-
-.property-group-content:has(.custom-accordion) {
-  gap: 0px
-}
-
-.property-group:has(.custom-accordion) {
-  padding: 0.75rem 0rem;
-}
-
-/* Property Field */
-.property-field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.property-field-checkbox {
-  align-items: flex-start;
-  gap: 0.75rem;
-}
-
-.property-label {
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--jsonview-text-color);
-  margin: 0;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  font-family: Inter;
-  font-style: Semi Bold;
-  letter-spacing: 0%;
-}
-
-.property-label .required {
-  color: #ef4444;
-  font-weight: 600;
-}
-
-.property-description {
-  font-size: 0.75rem;
-  color: rgb(var(--sf-color-on-surface-variant));
-  margin: 0;
-  line-height: 1.4;
-}
-
-/* Input Fields */
-.property-field .e-input-group,
-.property-field .e-control-wrapper,
-.property-field .e-float-input {
-  width: 100%;
-}
-
-.property-field .e-textbox,
-.property-field .e-numerictextbox,
-.property-field .e-dropdownlist {
-  width: 100%;
-}
-
-/* Condition Builder Placeholder */
-.condition-builder-placeholder {
-  padding: 2rem;
-  border: 2px dashed rgba(var(--sf-color-on-surface-variant), 0.3);
-  border-radius: var(--border-radius);
-  text-align: center;
-  background-color: rgba(var(--sf-color-surface), 0.5);
-}
-
-/* Scrollbar */
-.rightpane-property-content::-webkit-scrollbar {
-  width: 8px;
-}
-
-.rightpane-property-content::-webkit-scrollbar-track {
-  background: rgb(var(--sf-color-background));
-}
-
-.rightpane-property-content::-webkit-scrollbar-thumb {
-  background: rgba(var(--sf-color-on-surface-variant), 0.3);
-  border-radius: 4px;
-}
-
-.rightpane-property-content::-webkit-scrollbar-thumb:hover {
-  background: rgba(var(--sf-color-on-surface), 0.5);
-}
-
-.properties-section {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.properties-section {
-  width: 100%;
-  height: calc(100dvh - var(--topbar-height) - var(--topbar-height));
-  background: rgb(var(--sf-color-surface));
-}
-
-.preview-section {
-  background: rgb(var(--sf-color-background));
-}
-
-.preview-main-section .main-header {
-  position: absolute;
-  z-index: 10001;
-}
-
-.builder-container.e-component .properties-section {
-  height: calc(100% - var(--topbar-height) - var(--topbar-height));
-}
-
-.builder-container.e-component .properties-section:has(.column-details) {
-  height: calc(100% - var(--topbar-height));
-}
-
-.builder-container.e-component .main-header  {
-  border-bottom: 1px solid rgb(var(--sf-color-line-color));
-}
-
-.section-header {
-  min-height: 3.7rem;
-  padding: 16px 20px;
-  font-weight: 600;
-  font-size: 14px;
-  border-bottom: 1px solid rgb(var(--sf-color-line-color));
-  background: rgba(var(--sf-color-surface), 0.5);
-  flex-shrink: 0;
-  color: var(--jsonview-text-color);
-}
-
-.properties-section .property-tabs-wrapper {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.properties-section .property-group {
-  flex: 1;
-  overflow-y: auto;
-}
-
-/* Custom Tabs */
-.custom-tabs {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.custom-tab-headers {
-  display: flex;
-  border-bottom: 1px solid rgb(var(--sf-color-line-color));
-  background-color: rgb(var(--sf-color-surface));
-  flex-shrink: 0;
-}
-
-.custom-tab-header {
-  padding: 12px 24px;
-  border: none;
-  background: transparent;
-  color: rgb(var(--sf-color-on-surface-variant));
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  position: relative;
-  transition: all 0.3s ease;
-  border-bottom: 2px solid transparent;
-}
-
-.custom-tab-header:hover {
-  background-color: rgba(var(--sf-color-primary), 0.08);
-  color: rgb(var(--sf-color-primary));
-}
-
-.custom-tab-header.active {
-  color: rgb(var(--sf-color-primary));
-  border-bottom-color: rgb(var(--sf-color-primary));
-  background-color: rgba(var(--sf-color-primary), 0.12);
-}
-
-.custom-tab-content {
-  flex: 1;
-  overflow-y: auto;
-  background-color: rgb(var(--sf-color-background));
-}
-
-.custom-validation-editor .e-rule-field {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  height: 28px;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-}
-
-.custom-validation-editor .e-rule-value {
-  flex: 1;
-}
-
-.custom-validation-editor .e-removerule {
-  display: flex;
-  align-items: center;
-  justify-content: center !important;
-  padding: 0 !important;
-  min-width: 32px;
-  min-height: 32px;
-}
-
-.custom-validation-editor .e-group-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.custom-validation-editor .e-rule-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.property-tabs .e-content {
-  background: unset;
-}
-
-.minmax-toggle-section {
-  padding-bottom: 12px;
-}
-
-.minmax-toggle-section .e-checkbox-wrapper {
-  margin-bottom: 0;
-}
-
-.minmax-inputs-row {
-  display: flex;
-  gap: 4px;
-  align-items: flex-end;
-}
-
-.minmax-input-group {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-
-/* Responsive */
-@container (max-width: 768px) {
-  .rightpane-property-content.split-view {
-    grid-template-columns: 1fr;
-    grid-template-rows: 1fr 1fr;
-  }
-  
-  .properties-section {
-    border-right: none;
-    border-bottom: 1px solid rgb(var(--sf-color-line-color));
-  }
-}