@dereekb/dbx-form 13.17.0 → 13.18.0

package/lib/formly/_formly.scss

@@ -1,17 +0,0 @@
-@use '../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-  // MARK: Material Global Styles
-
-  .mat-mdc-form-field,
-  .dbx-forge-form-field {
-    // in Angular Material 16 when using dynamic padding there is no space reserved between fields; the only space is the hint or error if applicable. This adds a minor amount of padding to each input. The forge form-field wrapper opts in via its own host class so spacing is identical for both formly Material fields and forge wrapper fields.
-    padding: 6px 0;
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/_field.scss

@@ -1,27 +0,0 @@
-@use './checklist/checklist';
-@use './component/component';
-@use './selection/selection';
-@use './texteditor/texteditor';
-@use './value/value';
-@use './wrapper/wrapper';
-
-@mixin all-field-core() {
-  @include checklist.core();
-  @include component.core();
-  @include selection.all-selection-core();
-  @include texteditor.core();
-  @include value.all-value-core();
-  @include wrapper.core();
-}
-
-@mixin all-field-typography($theme-config) {
-}
-
-@mixin all-field-theme($theme-config) {
-  @include checklist.theme($theme-config);
-  @include component.theme($theme-config);
-  @include selection.all-selection-theme($theme-config);
-  @include texteditor.theme($theme-config);
-  @include value.all-value-theme($theme-config);
-  @include wrapper.theme($theme-config);
-}

package/lib/formly/field/checklist/_checklist.scss

@@ -1,49 +0,0 @@
-@use '../../../style/theming';
-
-// MARK: Variables
-$dbx-checklist-item-spacing: 8px;
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-checklist-item {
-    @include theming.elevation(1);
-    margin-bottom: 8px;
-
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: left;
-
-    .dbx-checklist-item-check {
-      flex: auto 0 0;
-      // margin-right: $dbx-checklist-item-spacing;
-      padding: 12px;
-    }
-
-    .dbx-checklist-item-content-wrapper {
-      height: 100%;
-      width: 100%;
-    }
-
-    .dbx-checklist-item-content {
-      display: flex;
-      align-items: center;
-
-      min-height: 44px;
-      flex: auto 1 1;
-      padding: $dbx-checklist-item-spacing 0;
-      padding-left: $dbx-checklist-item-spacing;
-      border-left: 1px solid black;
-    }
-  }
-
-  .dbx-default-checklist-item-field {
-    .item-label {
-      font-size: 1.35em;
-      line-height: 1.35em;
-    }
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/component/_component.scss

@@ -1,10 +0,0 @@
-@use '../../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/selection/_selection.scss

@@ -1,21 +0,0 @@
-@use './list/list';
-@use './pickable/pickable';
-@use './searchable/searchable';
-@use './sourceselect/sourceselect';
-
-@mixin all-selection-core() {
-  @include list.core();
-  @include pickable.core();
-  @include searchable.core();
-  @include sourceselect.core();
-}
-
-@mixin all-selection-typography($theme-config) {
-}
-
-@mixin all-selection-theme($theme-config) {
-  @include list.theme($theme-config);
-  @include pickable.theme($theme-config);
-  @include searchable.theme($theme-config);
-  @include sourceselect.theme($theme-config);
-}

package/lib/formly/field/selection/list/_list.scss

@@ -1,15 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-$dbx-list-item-field-content-max-height: 300px;
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-list-item-field-content {
-    max-height: $dbx-list-item-field-content-max-height;
-    overflow: auto;
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/selection/pickable/_pickable.scss

@@ -1,18 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-pickable-item-field-filter {
-    margin-bottom: 4px;
-  }
-
-  .dbx-pickable-item-field-list-content {
-    max-height: 400px;
-    overflow: auto;
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/selection/searchable/_searchable.scss

@@ -1,88 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-searchable-text-field-value {
-    width: 100%;
-  }
-
-  .dbx-searchable-text-field-autocomplete > .mat-mdc-option > .mdc-list-item__primary-text {
-    width: 100%;
-  }
-
-  // When a mat-option wraps a dbx-anchor, the anchor must cover the entire option surface so that
-  // every click lands inside the anchor's child click target (where the override click handler is
-  // attached). Otherwise clicks on the mat-option's padding/edge land on mat-option itself,
-  // bypassing dbx-anchor's onClick handler — selection still fires (via mat-option's own click
-  // listener) but the anchor click is silently dropped. Inner padding is provided by
-  // .dbx-default-searchable-field-display.
-  //
-  // The .mdc-list-item compound is needed to outweigh Material's own .mat-mdc-option.mdc-list-item
-  // rule (which sets align-items: center).
-  .mat-mdc-option.mdc-list-item.dbx-searchable-field-anchor-option {
-    padding: 0;
-    // Override mat-option's default align-items: center so the inner chain can stretch vertically.
-    align-items: stretch;
-
-    > .mdc-list-item__primary-text {
-      width: 100%;
-      margin: 0;
-      display: flex;
-      align-items: stretch;
-    }
-
-    dbx-searchable-field-autocomplete-item,
-    dbx-anchor,
-    .dbx-anchor-a {
-      display: flex;
-      align-items: stretch;
-      flex: 1;
-      width: 100%;
-    }
-
-    // The clickOverride listener is registered on the inner <span> (childClickTarget). It must
-    // cover the full option surface so clicks anywhere on the option land inside it; otherwise
-    // the synthetic click + onClick handler is silently dropped.
-    .dbx-anchor-a > span {
-      display: flex;
-      align-items: center;
-      flex: 1;
-      width: 100%;
-    }
-  }
-
-  .dbx-chip-input-error {
-    display: block;
-    font-size: 12px;
-    padding: 4px 0 0;
-    color: var(--mdc-theme-error, #f44336);
-  }
-
-  .dbx-default-searchable-field-display {
-    padding: 0 16px;
-  }
-
-  .dbx-searchable-text-field-has-value.dbx-searchable-text-field-show-value {
-    .dbx-searchable-text-field-value {
-      margin-bottom: -6px;
-    }
-
-    // hide without clearing display, which will prevent the input from being clickable.
-    .dbx-searchable-text-field-input {
-      margin-top: 0;
-      height: 0;
-      opacity: 0;
-    }
-  }
-
-  .mat-focused .dbx-searchable-text-field-has-value.dbx-searchable-text-field-show-value .dbx-searchable-text-field-input {
-    margin-top: 8px;
-    opacity: unset;
-    height: unset;
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/selection/sourceselect/_sourceselect.scss

@@ -1,42 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-source-select-field-content {
-    display: flex;
-
-    .dbx-source-select-field-button {
-      margin-top: -12px;
-      height: 10px;
-      overflow: visible;
-    }
-  }
-
-  .dbx-source-select-filter-container {
-    position: sticky;
-    top: 0;
-    z-index: 1;
-    background: var(--mat-select-panel-background-color, var(--mat-sys-surface-container));
-    padding: 8px 16px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-  }
-
-  .dbx-source-select-filter-input {
-    width: 100%;
-    border: none;
-    outline: none;
-    background: transparent;
-    color: inherit;
-    font-size: 14px;
-    line-height: 1.5;
-  }
-
-  .dbx-source-select-filterable-panel {
-    padding-top: 0 !important;
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/value/_value.scss

@@ -1,30 +0,0 @@
-@use './array/array';
-@use './boolean/boolean';
-@use './date/date';
-@use './duration/duration';
-@use './number/number';
-@use './phone/phone';
-@use './text/text';
-
-@mixin all-value-core() {
-  @include array.core();
-  @include boolean.core();
-  @include date.core();
-  @include duration.core();
-  @include number.core();
-  @include phone.core();
-  @include text.core();
-}
-
-@mixin all-value-typography($theme-config) {
-}
-
-@mixin all-value-theme($theme-config) {
-  @include array.theme($theme-config);
-  @include boolean.theme($theme-config);
-  @include date.theme($theme-config);
-  @include duration.theme($theme-config);
-  @include number.theme($theme-config);
-  @include phone.theme($theme-config);
-  @include text.theme($theme-config);
-}

package/lib/formly/field/value/boolean/_boolean.scss

@@ -1,52 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-mat-form-checkbox-field-wrapper .mat-mdc-form-field-type-checkbox.mat-form-field-appearance-outline .mat-mdc-form-field-infix {
-    padding: 0;
-
-    .mat-mdc-checkbox {
-      display: block;
-
-      .mdc-form-field {
-        width: 100%;
-
-        .mdc-label {
-          user-select: none;
-          width: 100%;
-          min-height: 60px;
-          display: inline-flex;
-          align-items: center;
-          padding: 6px 0;
-        }
-      }
-    }
-  }
-
-  .dbx-mat-form-toggle-field-wrapper .mat-mdc-form-field-type-toggle.mat-form-field-appearance-outline .mat-mdc-form-field-infix {
-    padding: 0;
-
-    .mat-mdc-slide-toggle {
-      display: block;
-
-      .mdc-form-field {
-        width: 100%;
-
-        .mdc-label {
-          user-select: none;
-          width: 100%;
-          min-height: 60px;
-          display: inline-flex;
-          align-items: center;
-          padding-top: 6px;
-          padding-bottom: 6px;
-        }
-      }
-    }
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/value/number/_number.scss

@@ -1,17 +0,0 @@
-@use 'sass:map';
-@use '../../../../style/theming';
-
-// MARK: Variables
-$dbx-formly-number-slider-field-thumb-label-margin-fix-size: 22px;
-
-// MARK: Mixin
-@mixin core() {
-  // slider field fix
-  .mat-form-field-appearance-outline .mat-mdc-form-field-infix > formly-field-mat-slider > .mat-mdc-slider {
-    margin: $dbx-formly-number-slider-field-thumb-label-margin-fix-size $dbx-formly-number-slider-field-thumb-label-margin-fix-size 0;
-    width: calc(100% - #{$dbx-formly-number-slider-field-thumb-label-margin-fix-size * 2}) !important;
-  }
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/value/text/_text.scss

@@ -1,10 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-// MARK: Mixin
-@mixin core() {
-}
-
-@mixin theme($theme-config) {
-}

package/lib/formly/field/wrapper/_wrapper.scss

@@ -1,31 +0,0 @@
-@use '../../../style/theming';
-
-// MARK: Variables
-$form-flex-section-group-padding: 4px;
-$form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
-
-// MARK: Mixin
-@mixin core() {
-  .dbx-mat-form-field-disable-underline {
-    > formly-wrapper-mat-form-field {
-      > mat-form-field.mat-mdc-form-field {
-        > .mat-mdc-form-field-wrapper > .mat-mdc-form-field-underline {
-          display: none;
-        }
-      }
-    }
-  }
-
-  .dbx-form-expand-wrapper-button {
-    text-decoration: underline;
-    margin-right: 8px;
-    margin-bottom: 6px;
-  }
-
-  .dbx-form-toggle-wrapper-toggle {
-    margin-bottom: 6px;
-  }
-}
-
-@mixin theme($theme-config) {
-}