@import './properties';

// // Buttons + Forms
// //
// // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.

// $input-btn-padding-y: 0.375rem !default;
// $input-btn-padding-x: 0.75rem !default;
// $input-btn-font-family: null !default;
// $input-btn-font-size: $font-size !default;
// $input-btn-line-height: $line-height !default;

// $input-btn-focus-width: 0.2rem !default;
// $input-btn-focus-color: rgba($petals--active-bg, 0.25) !default;
// $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;

// $input-btn-padding-y-sm: 0.25rem !default;
// $input-btn-padding-x-sm: 0.5rem !default;
// $input-btn-font-size-sm: $font-size-sm !default;

// $input-btn-padding-y-lg: 0.5rem !default;
// $input-btn-padding-x-lg: 1rem !default;
// $input-btn-font-size-lg: $font-size-lg !default;

// $input-btn-border-width: $border-width !default;

// // Buttons
// //
// // For each of Bootstrap's buttons, define text, background, and border color.

// $btn-padding-y: $input-btn-padding-y !default;
// $btn-padding-x: $input-btn-padding-x !default;
// $btn-font-family: $input-btn-font-family !default;
// $btn-font-size: $input-btn-font-size !default;
// $btn-line-height: $input-btn-line-height !default;
// $btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping

// $btn-padding-y-sm: $input-btn-padding-y-sm !default;
// $btn-padding-x-sm: $input-btn-padding-x-sm !default;
// $btn-font-size-sm: $input-btn-font-size-sm !default;

// $btn-padding-y-lg: $input-btn-padding-y-lg !default;
// $btn-padding-x-lg: $input-btn-padding-x-lg !default;
// $btn-font-size-lg: $input-btn-font-size-lg !default;

// $btn-border-width: $input-btn-border-width !default;

// $btn-font-weight: $font-weight-normal !default;
// $btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075) !default;
// $btn-focus-width: $input-btn-focus-width !default;
// $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
// $btn-disabled-opacity: 0.65 !default;
// $btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125) !default;

// $btn-link-color: $link-color !default;
// $btn-link-hover-color: $link-hover-color !default;
// $btn-link-disabled-color: $gray-600 !default;

// $btn-block-spacing-y: 0.5rem !default;

// // Allows for customizing button radius independently from global border radius
// $btn-border-radius: $border-radius !default;
// $btn-border-radius-lg: $border-radius-lg !default;
// $btn-border-radius-sm: $border-radius-sm !default;

// $btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
//   box-shadow 0.15s ease-in-out !default;

// Forms

// $label-margin-bottom: 0.5rem !default;

// $input-padding-y: $input-btn-padding-y !default;
// $input-padding-x: $input-btn-padding-x !default;
// $input-font-family: $input-btn-font-family !default;
// $input-font-size: $input-btn-font-size !default;
// $input-font-weight: $font-weight !default;
// $input-line-height: $input-btn-line-height !default;

// $input-padding-y-sm: $input-btn-padding-y-sm !default;
// $input-padding-x-sm: $input-btn-padding-x-sm !default;
// $input-font-size-sm: $input-btn-font-size-sm !default;

// $input-padding-y-lg: $input-btn-padding-y-lg !default;
// $input-padding-x-lg: $input-btn-padding-x-lg !default;
// $input-font-size-lg: $input-btn-font-size-lg !default;

// $input-bg: $white !default;
// $input-disabled-bg: $gray-200 !default;
// $input-disabled-border-color: null !default;

// $input-color: $gray-700 !default;
// $input-border-color: $gray-400 !default;
// $input-border-width: $input-btn-border-width !default;
// $input-box-shadow: $box-shadow-inset !default;

// $input-border-radius: $border-radius !default;
// $input-border-radius-lg: $border-radius-lg !default;
// $input-border-radius-sm: $border-radius-sm !default;

// $input-focus-bg: $input-bg !default;
// $input-focus-border-color: lighten($petals--active-bg, 25%) !default;
// $input-focus-color: $input-color !default;
// $input-focus-width: $input-btn-focus-width !default;
// $input-focus-box-shadow: $input-btn-focus-box-shadow !default;

// $input-placeholder-color: $gray-600 !default;
// $input-plaintext-color: $body-color !default;

// $input-height-border: $input-border-width * 2 !default;

// $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
// $input-height-inner-half: add($input-line-height * 0.5em, $input-padding-y) !default;
// $input-height-inner-quarter: add($input-line-height * 0.25em, $input-padding-y / 2) !default;

// $input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
// $input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
// $input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;

// $input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;

// $form-check-input-width: 1.25em !default;
// $form-check-min-height: $font-size * $line-height !default;
// $form-check-padding-left: $form-check-input-width + 0.5em !default;
// $form-check-margin-bottom: 0.125rem !default;
// $form-check-label-cursor: null !default;

// $form-check-input-active-filter: brightness(90%) !default;

// $form-check-input-bg: $body-bg !default;
// $form-check-input-border: 1px solid rgba(0, 0, 0, 0.25) !default;
// $form-check-input-border-radius: 0.25em !default;
// $form-check-radio-border-radius: 50% !default;
// $form-check-input-focus-border: $input-focus-border-color !default;
// $form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;

// $form-check-input-checked-color: $petals--active-color !default;
// $form-check-input-checked-bg-color: $petals--active-bg !default;
// $form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;
// $form-check-input-checked-bg-repeat: no-repeat !default;
// $form-check-input-checked-bg-position: center center !default;
// $form-check-input-checked-bg-size: 1em !default;
// $form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/></svg>") !default;
// $form-check-radio-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>") !default;

// $form-check-input-indeterminate-color: $petals--active-color !default;
// $form-check-input-indeterminate-bg-color: $petals--active-bg !default;
// $form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;
// $form-check-input-indeterminate-bg-repeat: no-repeat !default;
// $form-check-input-indeterminate-bg-position: center center !default;
// $form-check-input-indeterminate-bg-size: 1em !default;
// $form-check-input-indeterminate-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/></svg>") !default;

// $form-text-margin-top: 0.25rem !default;

// $form-check-inline-margin-right: 1rem !default;

// $form-check-input-margin-x: 0.25rem !default;

// $form-grid-gutter-width: 10px !default;

// $input-group-addon-color: $input-color !default;
// $input-group-addon-bg: $gray-200 !default;
// $input-group-addon-border-color: $input-border-color !default;

// $form-select-padding-y: $input-padding-y !default;
// $form-select-padding-x: $input-padding-x !default;
// $form-select-font-family: $input-font-family !default;
// $form-select-font-size: $input-font-size !default;
// $form-select-height: $input-height !default;
// $form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
// $form-select-font-weight: $input-font-weight !default;
// $form-select-line-height: $input-line-height !default;
// $form-select-color: $input-color !default;
// $form-select-disabled-color: $gray-600 !default;
// $form-select-bg: $input-bg !default;
// $form-select-disabled-bg: $gray-200 !default;
// $form-select-disabled-border-color: $input-disabled-border-color !default;
// $form-select-bg-size: 16px 12px !default; // In pixels because image dimensions
// $form-select-indicator-color: $gray-800 !default;
// $form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !default;

// $form-select-background: no-repeat right $form-select-padding-x center / $form-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)

// $form-select-feedback-icon-padding-right: add(
//   1em * 0.75,
//   (2 * $form-select-padding-y * 0.75) + $form-select-padding-x + $form-select-indicator-padding
// ) !default;
// $form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default;
// $form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;

// $form-select-border-width: $input-border-width !default;
// $form-select-border-color: $input-border-color !default;
// $form-select-border-radius: $border-radius !default;
// $form-select-box-shadow: $box-shadow-inset !default;

// $form-select-focus-border-color: $input-focus-border-color !default;
// $form-select-focus-width: $input-focus-width !default;
// $form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;

// $form-select-padding-y-sm: $input-padding-y-sm !default;
// $form-select-padding-x-sm: $input-padding-x-sm !default;
// $form-select-font-size-sm: $input-font-size-sm !default;
// $form-select-height-sm: $input-height-sm !default;

// $form-select-padding-y-lg: $input-padding-y-lg !default;
// $form-select-padding-x-lg: $input-padding-x-lg !default;
// $form-select-font-size-lg: $input-font-size-lg !default;
// $form-select-height-lg: $input-height-lg !default;

// $form-range-track-width: 100% !default;
// $form-range-track-height: 0.5rem !default;
// $form-range-track-cursor: pointer !default;
// $form-range-track-bg: $gray-300 !default;
// $form-range-track-border-radius: 1rem !default;
// $form-range-track-box-shadow: $box-shadow-inset !default;

// $form-range-thumb-width: 1rem !default;
// $form-range-thumb-height: $form-range-thumb-width !default;
// $form-range-thumb-bg: $petals--active-bg !default;
// $form-range-thumb-border: 0 !default;
// $form-range-thumb-border-radius: 1rem !default;
// $form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba($black, 0.1) !default;
// $form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
// $form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
// $form-range-thumb-active-bg: lighten($petals--active-bg, 35%) !default;
// $form-range-thumb-disabled-bg: $gray-500 !default;
// $form-range-thumb-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
//   box-shadow 0.15s ease-in-out !default;

// $form-file-height: $input-height !default;
// $form-file-focus-border-color: $input-focus-border-color !default;
// $form-file-focus-box-shadow: $input-focus-box-shadow !default;
// $form-file-disabled-bg: $input-disabled-bg !default;
// $form-file-disabled-border-color: $input-disabled-border-color !default;

// $form-file-padding-y: $input-padding-y !default;
// $form-file-padding-x: $input-padding-x !default;
// $form-file-line-height: $input-line-height !default;
// $form-file-font-family: $input-font-family !default;
// $form-file-font-weight: $input-font-weight !default;
// $form-file-color: $input-color !default;
// $form-file-bg: $input-bg !default;
// $form-file-border-width: $input-border-width !default;
// $form-file-border-color: $input-border-color !default;
// $form-file-border-radius: $input-border-radius !default;
// $form-file-box-shadow: $input-box-shadow !default;
// $form-file-button-color: $form-file-color !default;
// $form-file-button-bg: $input-group-addon-bg !default;

// // Form validation

// $form-feedback-margin-top: $form-text-margin-top !default;
// $form-feedback-font-size: $small-font-size !default;
// $form-feedback-valid-color: $success !default;
// $form-feedback-invalid-color: $danger !default;

// $form-feedback-icon-valid-color: $form-feedback-valid-color !default;
// $form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") !default;
// $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
// $form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;

// $form-validation-states: () !default;
// // stylelint-disable-next-line scss/dollar-variable-default
// $form-validation-states: map-merge(
//   (
//     'valid': (
//       'color': $form-feedback-valid-color,
//       'icon': $form-feedback-icon-valid,
//     ),
//     'invalid': (
//       'color': $form-feedback-invalid-color,
//       'icon': $form-feedback-icon-invalid,
//     ),
//   ),
//   $form-validation-states
// );

$petals--form-item-font-size: var($__petals--font-size, $petals--font-size) !default;
$petals--form-item-line-height: 36px !default;
$petals--form-item-margin-bottom: 24px !default;