@dynamic-framework/ui-react 1.16.2 → 1.17.0

package/src/style/abstracts/variables/_breadcrumb.scss

@@ -1,15 +0,0 @@
-// Breadcrumbs
-
-// scss-docs-start breadcrumb-variables
-$breadcrumb-font-size: null !default;
-$breadcrumb-padding-y: 0 !default;
-$breadcrumb-padding-x: 0 !default;
-$breadcrumb-item-padding-x: .5rem !default;
-$breadcrumb-margin-bottom: 1rem !default;
-$breadcrumb-bg: null !default;
-$breadcrumb-divider-color: var(--#{$prefix}secondary-color) !default;
-$breadcrumb-active-color: var(--#{$prefix}secondary-color) !default;
-$breadcrumb-divider: quote("/") !default;
-$breadcrumb-divider-flipped: $breadcrumb-divider !default;
-$breadcrumb-border-radius: null !default;
-// scss-docs-end breadcrumb-variables

package/src/style/abstracts/variables/_figures.scss

@@ -1,6 +0,0 @@
-// Figures
-
-// scss-docs-start figure-variables
-$figure-caption-font-size: $small-font-size !default;
-$figure-caption-color: var(--#{$prefix}secondary-color) !default;
-// scss-docs-end figure-variables

package/src/style/abstracts/variables/_grid.scss

@@ -1,41 +0,0 @@
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-// scss-docs-start grid-breakpoints
-$grid-breakpoints: (
-  xs: 0,
-  sm: 576px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1400px
-) !default;
-// scss-docs-end grid-breakpoints
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-// scss-docs-start container-max-widths
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1140px,
-  xxl: 1320px
-) !default;
-// scss-docs-end container-max-widths
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns: 12 !default;
-$grid-gutter-width: 1.5rem !default;
-$grid-row-columns: 6 !default;
-
-// Container padding
-
-$container-padding-x: $grid-gutter-width !default;

package/src/style/abstracts/variables/_popovers.scss

@@ -1,31 +0,0 @@
-// Popovers
-
-// scss-docs-start popover-variables
-$popover-font-size: $font-size-sm !default;
-$popover-bg: var(--#{$prefix}body-bg) !default;
-$popover-max-width: 276px !default;
-$popover-border-width: var(--#{$prefix}border-width) !default;
-$popover-border-color: var(--#{$prefix}border-color-translucent) !default;
-$popover-border-radius: var(--#{$prefix}border-radius-lg) !default;
-$popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}) !default;
-$popover-box-shadow: $box-shadow !default;
-
-$popover-header-font-size: $font-size-base !default;
-$popover-header-bg: var(--#{$prefix}secondary-bg) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: .5rem !default;
-$popover-header-padding-x: $spacer !default;
-
-$popover-body-color: var(--#{$prefix}body-color) !default;
-$popover-body-padding-y: $spacer !default;
-$popover-body-padding-x: $spacer !default;
-
-$popover-arrow-width: 1rem !default;
-$popover-arrow-height: .5rem !default;
-// scss-docs-end popover-variables
-
-// fusv-disable
-// Deprecated in Bootstrap 5.2.0 for CSS variables
-$popover-arrow-color: $popover-bg !default;
-$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;
-// fusv-enable

package/src/style/abstracts/variables/_spinners.scss

@@ -1,13 +0,0 @@
-// Spinners
-
-// scss-docs-start spinner-variables
-$spinner-width: 2rem !default;
-$spinner-height: $spinner-width !default;
-$spinner-vertical-align: -.125em !default;
-$spinner-border-width: .25em !default;
-$spinner-animation-speed: .75s !default;
-
-$spinner-width-sm: 1rem !default;
-$spinner-height-sm: $spinner-width-sm !default;
-$spinner-border-width-sm: .2em !default;
-// scss-docs-end spinner-variables

package/src/style/abstracts/variables/_thumbnails.scss

@@ -1,10 +0,0 @@
-// Image thumbnails
-
-// scss-docs-start thumbnail-variables
-$thumbnail-padding: .25rem !default;
-$thumbnail-bg: var(--#{$prefix}body-bg) !default;
-$thumbnail-border-width: var(--#{$prefix}border-width) !default;
-$thumbnail-border-color: var(--#{$prefix}border-color) !default;
-$thumbnail-border-radius: var(--#{$prefix}border-radius) !default;
-$thumbnail-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
-// scss-docs-end thumbnail-variables

package/src/style/abstracts/variables/_toasts.scss

@@ -1,19 +0,0 @@
-// Toasts
-
-// scss-docs-start toast-variables
-$toast-max-width: 350px !default;
-$toast-padding-x: .75rem !default;
-$toast-padding-y: .5rem !default;
-$toast-font-size: $small-font-size !default;
-$toast-color: null !default;
-$toast-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
-$toast-border-width: var(--#{$prefix}border-width) !default;
-$toast-border-color: var(--#{$prefix}border-color-translucent) !default;
-$toast-border-radius: var(--#{$prefix}border-radius) !default;
-$toast-box-shadow: var(--#{$prefix}box-shadow) !default;
-$toast-spacing: $container-padding-x !default;
-
-$toast-header-color: var(--#{$prefix}secondary-color) !default;
-$toast-header-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
-$toast-header-border-color: $toast-border-color !default;
-// scss-docs-end toast-variables

package/src/style/abstracts/variables/_tooltips.scss

@@ -1,29 +0,0 @@
-// Tooltips
-
-// scss-docs-start tooltip-variables
-$tooltip-font-size: $font-size-sm !default;
-$tooltip-max-width: 200px !default;
-$tooltip-color: var(--#{$prefix}body-bg) !default;
-$tooltip-bg: var(--#{$prefix}emphasis-color) !default;
-$tooltip-border-radius: var(--#{$prefix}border-radius) !default;
-$tooltip-opacity: .9 !default;
-$tooltip-padding-y: $spacer * .25 !default;
-$tooltip-padding-x: $spacer * .5 !default;
-$tooltip-margin: null !default; // TODO: remove this in v6
-
-$tooltip-arrow-width: .8rem !default;
-$tooltip-arrow-height: .4rem !default;
-// fusv-disable
-$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables
-// fusv-enable
-// scss-docs-end tooltip-variables
-
-// Form tooltips must come after regular tooltips
-// scss-docs-start tooltip-feedback-variables
-$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
-$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
-$form-feedback-tooltip-font-size: $tooltip-font-size !default;
-$form-feedback-tooltip-line-height: null !default;
-$form-feedback-tooltip-opacity: $tooltip-opacity !default;
-$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
-// scss-docs-end tooltip-feedback-variables

package/src/style/abstracts/variables/_z-index.scss

@@ -1,28 +0,0 @@
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-
-// scss-docs-start zindex-stack
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-offcanvas-backdrop: 1040 !default;
-$zindex-offcanvas: 1045 !default;
-$zindex-modal-backdrop: 1050 !default;
-$zindex-modal: 1055 !default;
-$zindex-popover: 1070 !default;
-$zindex-tooltip: 1080 !default;
-$zindex-toast: 1090 !default;
-// scss-docs-end zindex-stack
-
-// scss-docs-start zindex-levels-map
-$zindex-levels: (
-  n1: -1,
-  0: 0,
-  1: 1,
-  2: 2,
-  3: 3
-) !default;
-// scss-docs-end zindex-levels-map
-

package/src/style/components/_d-input-select.scss

@@ -1,27 +0,0 @@
-.d-input {
-  &:has(.form-select:not(:disabled)) {
-    --#{$prefix}input-group-border-color: var(--#{$prefix}input-group-hover-border-color);
-  }
-
-  .form-floating:not(:last-child) {
-    .form-select {
-      padding-right: $form-select-padding-x * 2;
-      background-position: right center;
-    }
-  }
-
-  .form-select {
-    text-align: var(--#{$prefix}input-form-control-text-align);
-    border-width: 0;
-    box-shadow: none;
-
-    &:not(:last-child, .floating-label) {
-      padding-right: $form-select-padding-x * 2;
-      background-position: right center;
-    }
-
-    &:not(:first-child) {
-      padding-left: 0;
-    }
-  }
-}

package/src/style/components/_d-input.scss

@@ -1,178 +0,0 @@
-.d-input {
-  --#{$prefix}input-gap: #{$spacer-2};
-  // label
-  --#{$prefix}input-label-color: #{$form-label-color};
-  --#{$prefix}input-label-font-weight: #{$form-label-font-weight};
-  --#{$prefix}input-label-font-size: #{$form-label-font-size};
-  --#{$prefix}input-label-padding-x: #{$form-label-padding-x};
-  --#{$prefix}input-label-padding-y: #{$form-label-padding-y};
-  --#{$prefix}input-label-gap: #{$form-label-gap};
-
-  // input group
-  --#{$prefix}input-group-border-color: #{$input-group-border-color};
-  --#{$prefix}input-group-border-width: #{$input-group-border-width};
-  --#{$prefix}input-group-border-radius: #{$input-group-border-radius};
-  // input group hover
-  --#{$prefix}input-group-hover-border-color: #{$input-group-hover-border-color};
-  // input group focus
-  --#{$prefix}input-group-focus-border-color: #{$input-group-focus-border-color};
-  --#{$prefix}input-group-focus-box-shadow: #{$input-group-focus-box-shadow};
-
-  // input
-  --#{$prefix}input-form-control-text-align: var(--#{$prefix}input-component-form-control-text-align, "left");
-
-  // hint
-  --#{$prefix}input-form-text-padding: #{$form-control-padding-y} #{$form-control-padding-x};
-  --#{$prefix}input-form-text-gap: #{$form-control-gap};
-  --#{$prefix}input-form-text-color: #{$form-control-color};
-
-  // input disabled
-  --#{$prefix}input-group-disabled-border-color: #{$input-disabled-border-color};
-  --#{$prefix}input-group-disabled-bg: #{$input-disabled-bg};
-  --#{$prefix}input-group-disabled-color: #{$input-disabled-color};
-
-  display: flex;
-  flex-direction: column;
-  gap: var(--#{$prefix}input-gap);
-  align-items: flex-start;
-
-  // focus
-  &:focus-within {
-    .input-group {
-      border-color: var(--#{$prefix}input-group-focus-border-color);
-      box-shadow: var(--#{$prefix}input-group-focus-box-shadow);
-    }
-  }
-
-  // form-control container
-  .d-input-control {
-    display: flex;
-    flex-direction: column;
-    gap: var(--#{$prefix}input-gap);
-    width: 100%;
-  }
-
-  label {
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--#{$prefix}input-label-gap);
-    align-items: center;
-
-    .d-input-icon {
-      .d-icon {
-        --#{$prefix}icon-color: var(--#{$prefix}focus-ring-color);
-      }
-    }
-  }
-
-  // input with elements
-  .input-group {
-    border: var(--#{$prefix}input-group-border-width) solid var(--#{$prefix}input-group-border-color);
-    border-radius: var(--#{$prefix}input-group-border-radius);
-  }
-
-  // not empty
-  .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
-    border-color: var(--#{$prefix}input-group-hover-border-color);
-  }
-
-  // validation states
-  @each $state, $data in $form-validation-states {
-    $border-color: map-get($data, "border-color");
-    $tooltip-bg-color: map-get($data, "tooltip-bg-color");
-    $box-shadow: map-get($data, "focus-box-shadow");
-
-    &:has(.form-control.is-#{$state}) {
-      .input-group {
-        border-color: $border-color;
-        box-shadow: $box-shadow;
-      }
-
-      .input-group ~ .form-text {
-        color: $border-color;
-      }
-
-      .d-input-validation-icon {
-        --#{$prefix}icon-color: #{$tooltip-bg-color};
-      }
-    }
-  }
-
-  // input hint
-  .input-group ~ .form-text {
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--#{$prefix}input-form-text-gap);
-    align-items: center;
-    padding: var(--#{$prefix}input-form-text-padding);
-    color: var(--#{$prefix}input-form-text-color);
-  }
-
-  // input element
-  .form-control {
-    text-align: var(--#{$prefix}input-form-control-text-align);
-    border-width: 0;
-    box-shadow: none;
-
-    &:not(:last-child) {
-      padding-right: 0;
-    }
-
-    &:not(:first-child) {
-      padding-left: 0;
-    }
-  }
-
-  .form-control::-webkit-inner-spin-button,
-  .form-control::-webkit-outer-spin-button {
-    margin: 0;
-    appearance: none;
-  }
-
-  // disable original form-control styles on d-input
-  .form-control.is-invalid:focus,
-  .form-control.is-valid:focus {
-    border: 0;
-    box-shadow: unset;
-  }
-
-  // input addons
-  .input-group-text {
-    border: 0;
-    outline: 0;
-  }
-
-  // input disabled
-  .form-control:disabled {
-    background: var(--#{$prefix}input-group-disabled-bg);
-  }
-
-
-  &:has(.form-control:disabled) {
-
-    // input addons disabled
-    .input-group-text {
-      background: var(--#{$prefix}input-group-disabled-bg);
-    }
-
-    // icon disabled
-    .d-input-icon {
-      .d-icon {
-        color: var(--#{$prefix}input-group-disabled-color);
-      }
-    }
-
-    // input with elements disabled
-    .input-group {
-      border-color: var(--#{$prefix}input-group-disabled-border-color);
-    }
-  }
-}
-
-.label,
-label {
-  padding: var(--#{$prefix}input-label-padding-y, var(--#{$prefix}label-padding-y)) var(--#{$prefix}input-label-padding-x, var(--#{$prefix}label-padding-x));
-  font-size: var(--#{$prefix}input-label-font-size, var(--#{$prefix}label-font-size));
-  font-weight: var(--#{$prefix}input-label-font-weight, var(--#{$prefix}label-font-weight));
-  color: var(--#{$prefix}input-label-color, var(--#{$prefix}label-color));
-}