fix: issue with invalid message not showing for is([data-semantic], :…

…empty) (#2978)

packages/components/src/styles/_form-components.scss

@@ -50,7 +50,7 @@ $check-border-size: min(#{variables.$db-border-height-2xs}, 2px);
 	.db-infotext {
 		margin-block-start: variables.$db-spacing-fixed-2xs;
 
-		&:is([data-semantic], :empty) {
+		&[data-semantic] {
 			display: none;
 		}
 	}
@@ -197,7 +197,7 @@ $check-border-size: min(#{variables.$db-border-height-2xs}, 2px);
 			--db-#{$variant}-on-bg-basic-emphasis-100-default
 		);
 		--db-adaptive-on-bg-basic-emphasis-60-default: var(
-			--db-#{$variant}-border
+			--db-#{$variant}-on-bg-basic-emphasis-60-default
 		);
 	}
 }

showcases/react-showcase/src/components/form/input.tsx

@@ -30,6 +30,13 @@ const FormInputs = () => {
 					setUncontrolled(event.target.value);
 				}}
 			/>
+			<DBInput
+				label="Test label"
+				variant="floating"
+				invalidMessage="Test message"
+				validMessage=""
+				required
+			/>
 		</FormWrapper>
 	);
 };

showcases/screen-reader/__snapshots__/macos/webkit/DBCheckbox-default-1.txt

@@ -1 +1 @@
-["Required required unchecked checkbox","Required","Required - Indeterminate mixed checkbox","Required","Required required unchecked checkbox","TODO: Add a validMessage","Required","TODO: Add a validMessage","Required - Indeterminate mixed checkbox","TODO: Add a validMessage","Required","Required TODO: Add a validMessage required checked checkbox","Select this checkbox","Required","Select this checkbox","Required - Indeterminate mixed checkbox"]
+["Required required unchecked checkbox","Required","Required - Indeterminate required mixed checkbox","Required","Required required unchecked checkbox","TODO: Add a validMessage","Required","TODO: Add a validMessage","Required - Indeterminate required mixed checkbox","TODO: Add a validMessage","Required","Required TODO: Add a validMessage required checked checkbox","Select this checkbox","Required","Select this checkbox","Required - Indeterminate required mixed checkbox"]

showcases/screen-reader/__snapshots__/windows/chromium/DBCheckbox-default-1.txt

@@ -1 +1 @@
-["check box, not checked, required, Required","TODO: Add a valid Message. checked","Required","TODO: Add a valid Message","Required","check box, checked, required, Required","Please check this box if you want to proceed.. not checked","Required","Please check this box if you want to proceed.","check box, half checked, Required Indeterminate"]
+["check box, not checked, required, Required","TODO: Add a valid Message. checked","Required","TODO: Add a valid Message","Required","check box, checked, required, Required","Please check this box if you want to proceed.. not checked","Required","Please check this box if you want to proceed.","check box, half checked, required, Required Indeterminate"]

showcases/screen-reader/default.ts

@@ -35,7 +35,8 @@ const standardPhrases = [
 const flakyExpressions: Record<string, string> = {
 	'pop-up': 'pop up',
 	'checked. checked': 'checked',
-	'selected. selected': 'selected'
+	'selected. selected': 'selected',
+	'expanded. expanded': 'expanded'
 };
 
 const cleanSpeakInstructions = (phraseLog: string[]): string[] =>

showcases/shared/checkbox.json

@@ -143,7 +143,8 @@
 				"name": "Required - Indeterminate",
 				"props": {
 					"name": "Requirement",
-					"indeterminate": true
+					"indeterminate": true,
+					"required": true
 				}
 			}
 		]