diff --git a/packages/vaadin-lumo-styles/components/checkbox.css b/packages/vaadin-lumo-styles/components/checkbox.css index cb83a94a702..da2b1613984 100644 --- a/packages/vaadin-lumo-styles/components/checkbox.css +++ b/packages/vaadin-lumo-styles/components/checkbox.css @@ -4,6 +4,7 @@ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/ */ @import '../src/mixins/checkable-field.css'; +@import '../src/mixins/field-required.css'; @import '../src/components/checkbox.css'; :root, @@ -11,5 +12,6 @@ --_lumo-vaadin-checkbox-inject: 1; --_lumo-vaadin-checkbox-inject-modules: lumo_mixins_checkable-field, + lumo_mixins_field-required, lumo_components_checkbox; } diff --git a/packages/vaadin-lumo-styles/src/components/checkbox.css b/packages/vaadin-lumo-styles/src/components/checkbox.css index 502650fa021..eaddc980a65 100644 --- a/packages/vaadin-lumo-styles/src/components/checkbox.css +++ b/packages/vaadin-lumo-styles/src/components/checkbox.css @@ -225,14 +225,7 @@ } :host([required]) [part='required-indicator']::after { - content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\2022')); - transition: opacity 0.2s; - color: var( - --vaadin-input-field-required-indicator-color, - var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color)) - ); - width: 1em; - text-align: center; + position: static; } :host(:not([has-label])) [part='required-indicator'] { @@ -259,13 +252,6 @@ --_focus-ring-color: var(--lumo-error-color-50pct); } - :host([invalid]) [part='required-indicator']::after { - color: var( - --vaadin-input-field-required-indicator-color, - var(--lumo-required-field-indicator-color, var(--lumo-error-text-color)) - ); - } - /* Error message */ [part='error-message'] { font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs));