@syncfusion/ej2-material-theme 34.2.9 → 35.1.37

package/styles/form-builder/_material-definition.scss

@@ -0,0 +1,84 @@
+@use 'sass:color';
+@use '../base/common/base-variables' as *;
+
+$fb-container-border-color: $grey-300 !default;
+$fb-main-header-border-color: $fb-container-border-color;
+$fb-main-header-bg-color: $grey-50;
+$fb-main-header-separator-color: $grey-400;
+$fb-pane-bg-color: $fb-main-header-bg-color;
+$fb-heading-text-color: rgba(0, 0, 0, .87);
+$fb-palette-item-border-color: $grey-400;
+$fb-palette-icon-color: rgba(0, 0, 0, .54);
+$fb-palette-item-text-color: rgba(0, 0, 0, .87);
+$fb-pane-button-bg-color: $grey-50;
+$fb-pane-button-border-color: transparent;
+$fb-expand-btn-height: 24px;
+$fb-expand-btn-width: 24px;
+$fb-expand-right-padding: 0 0 0 2px;
+$fb-expand-left-padding: 0;
+
+$fb-color-background: #ffffff !default;
+$fb-color-line-color: $grey-300 !default;
+$fb-drop-zone-border-color: #ffffff !default;
+$fb-color-surface: #ffffff !default;
+$fb-color-on-surface: #000000de !default;
+$fb-color-on-surface-variant: $grey-700 !default;
+$fb-anchor-highlight-color: #ffffff;
+$fb-color-scrim: #ffffff !default;
+
+$fb-repeat-icon-color: $fb-palette-icon-color;
+
+$fb-topbar-height: 3.1rem !default;
+$fb-sidebar-width: 18rem !default;
+$fb-footer-height: 57px !default;
+$fb-ridesidebar-width: 18rem !default;
+$fb-form-width: 500px !default;
+$fb-menu-margin: -5px !default;
+
+$fb-nav-weight: 500;
+$fb-nav-active-weight: 500;
+$fb-palette-label-weight: 400;
+$fb-context-menu-item-border-width: 1px;
+
+$fb-spacing: 1rem !default;
+$fb-spacing-sm: .5rem !default;
+$fb-spacing-lg: 1.5rem !default;
+
+$fb-font-family: $font-family !default;
+$fb-font-size: 14px !default;
+$fb-font-size-sm: 12px !default;
+$fb-font-size-xs: 12px !default;
+$fb-font-size-lg: 12px !default;
+$fb-letter-spacing: .00714286em !default;
+$fb-border-radius: .25rem !default;
+
+$fb-dragover-border-color: $accent !default;
+$fb-dragover-background-color: rgba($accent, .08) !default;
+$fb-jsonview-header-color: $grey-200 !default;
+$fb-jsonview-border-color: $grey-300 !default;
+$fb-jsonview-text-color: #000000de !default;
+$fb-jsonview-background-color: $fb-color-surface;
+$fb-hint-text-color: #0000008a !default;
+$fb-dashboard-heading-color: #ffffff !default;
+$fb-dashboard-subtitle-color: #ffffff !default;
+$fb-json-input-shadow-color: #ffffff !default;
+$fb-shadow-md: none !default;
+$fb-toolbar-active-bg-color: $accent !default;
+$fb-toolbar-active-border-color: #ffffff !default;
+$fb-toolbar-content-color: #ffffff !default;
+$fb-jsonview-border-color: $primary !default;
+$fb-menu-color: #00000009 !default;
+$fb-field-label-error-color: #f44336 !default;
+$fb-bg-surface-color: $fb-color-line-color;
+$fb-right-pane-bg-color: $fb-color-background;
+$fb-action-buttons-bg-color: $fb-color-surface;
+$fb-toolbox-icons-hover-color: $fb-anchor-highlight-color;
+$fb-main-header-height: 42px;
+$fb-main-header-height-bigger: 48px;
+$fb-mode-button-height: 28px;
+$fb-mode-button-height-bigger: 36px;
+$fb-bottom-toolbar-box-shadow: $appbar-bottom-shadow;
+$fb-right-pane-close-btn-color: $fb-color-on-surface-variant;
+$fb-left-pane-header-border-width: 1px;
+$fb-reset-btn-height: 28px;
+$fb-reset-btn-height-bigger: 36px;

package/styles/form-builder/_mixin.scss

@@ -0,0 +1,26 @@
+@use 'sass:color';
+@use 'variables' as *;
+
+@mixin when-dark-skin {
+  @if $skin-name =='bootstrap5-dark' or $skin-name == 'bootstrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fluent2-dark' or $skin-name == 'fluent-dark' or $skin-name == 'highcontrast' or $skin-name == 'material3-dark' or $skin-name == 'material-dark' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind-dark' {
+    @content;
+  }
+}
+
+@mixin border-color-when-dark($color) {
+  @include when-dark-skin {
+    border-color: $color;
+  }
+}
+
+@mixin grid-columns($count, $gap: 1.5rem) {
+  display: grid;
+  grid-template-columns: repeat($count, 1fr);
+  gap: $gap;
+}
+
+@mixin form-group-self-end($descendant) {
+  & > .form-group:has(#{$descendant}) {
+    align-self: flex-end;
+  }
+}