Skip to content

Commit

Permalink
Lint
Browse files Browse the repository at this point in the history
  • Loading branch information
imagoiq committed Mar 6, 2024
1 parent ba5450d commit 182db6a
Show file tree
Hide file tree
Showing 3 changed files with 23 additions and 7 deletions.
15 changes: 11 additions & 4 deletions packages/styles/src/components/form-select.scss
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,8 @@
}

&.is-valid {
background-image: var(--form-select-indicator-success), var(--form-select-indicator), var(--bs-form-select-bg-icon, none);
background-image: var(--form-select-indicator-success), var(--form-select-indicator),
var(--bs-form-select-bg-icon, none);
}

&.is-invalid {
Expand All @@ -66,14 +67,20 @@

@include utilities.high-contrast-mode() {
--form-select-indicator: #{b.escape-svg(form-select.$form-select-indicator-hcm-dark)};
--form-select-indicator-success: #{b.escape-svg(form-select.$form-select-indicator-success-hcm-dark)};
--form-select-indicator-success: #{b.escape-svg(
form-select.$form-select-indicator-success-hcm-dark
)};
--form-select-indicator-error: #{b.escape-svg(form-select.$form-select-indicator-error-hcm-dark)};
background-image: b.escape-svg(form-select.$form-select-indicator-hcm-dark);

@media (prefers-color-scheme: light) {
--form-select-indicator: #{b.escape-svg(form-select.$form-select-indicator-hcm-light)};
--form-select-indicator-success: #{b.escape-svg(form-select.$form-select-indicator-success-hcm-light)};
--form-select-indicator-error: #{b.escape-svg(form-select.$form-select-indicator-error-hcm-light)};
--form-select-indicator-success: #{b.escape-svg(
form-select.$form-select-indicator-success-hcm-light
)};
--form-select-indicator-error: #{b.escape-svg(
form-select.$form-select-indicator-error-hcm-light
)};
background-image: b.escape-svg(form-select.$form-select-indicator-hcm-light);
}

Expand Down
10 changes: 8 additions & 2 deletions packages/styles/src/variables/components/_form-select.scss
Original file line number Diff line number Diff line change
Expand Up @@ -30,5 +30,11 @@ $form-select-indicator-success-hcm-light: url(icons.get-colored-svg-url(
)) !default;

$form-select-indicator-error: url(icons.get-colored-svg-url('2104', color.$error-red)) !default;
$form-select-indicator-error-hcm-dark: url(icons.get-colored-svg-url('2104', color.$white)) !default;
$form-select-indicator-error-hcm-light: url(icons.get-colored-svg-url('2104', color.$black)) !default;
$form-select-indicator-error-hcm-dark: url(icons.get-colored-svg-url(
'2104',
color.$white
)) !default;
$form-select-indicator-error-hcm-light: url(icons.get-colored-svg-url(
'2104',
color.$black
)) !default;
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,10 @@ $form-feedback-icon-valid-hcm-dark: url(icons.get-colored-svg-url('2105', color.
$form-feedback-icon-valid-hcm-light: url(icons.get-colored-svg-url('2105', color.$black)) !default;
$form-feedback-icon-invalid: url(icons.get-colored-svg-url('2104', color.$error-red)) !default;
$form-feedback-icon-invalid-hcm-dark: url(icons.get-colored-svg-url('2104', color.$white)) !default;
$form-feedback-icon-invalid-hcm-light: url(icons.get-colored-svg-url('2104', color.$black)) !default;
$form-feedback-icon-invalid-hcm-light: url(icons.get-colored-svg-url(
'2104',
color.$black
)) !default;

// Design System custom variables
$form-feedback-padding-x: button.$input-btn-padding-x !default;
Expand Down

0 comments on commit 182db6a

Please sign in to comment.