Skip to content

Commit a652197

Browse files
heloiselui2nikhiltom
heloiselui
and
2nikhiltom
authored
fix(ailabel): use <h2> in tooltip content for a11y and style update (#18946)
* fix(ailabel): use <h2> in tooltip content for a11y and style update * fix(ailabel): adjust font-size to match heading style --------- Co-authored-by: Nikhil Tomar <63502271+2nikhiltom@users.noreply.github.com>
1 parent b155863 commit a652197

File tree

24 files changed

+32
-26
lines changed

24 files changed

+32
-26
lines changed

‎packages/react/src/components/AILabel/AILabel.stories.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export const Default = () => {
2828
const aiContent = (
2929
<div>
3030
<p className="secondary">AI Explained</p>
31-
<h1>84%</h1>
31+
<h2 className="ai-label-heading">84%</h2>
3232
<p className="secondary bold">Confidence score</p>
3333
<p className="secondary">
3434
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do
@@ -255,7 +255,7 @@ export const ExplainabilityPopover = (args) => {
255255
{' '}
256256
<div>
257257
<p className="secondary">AI Explained</p>
258-
<h1>84%</h1>
258+
<h2 className="ai-label-heading">84%</h2>
259259
<p className="secondary bold">Confidence score</p>
260260
<p className="secondary">
261261
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed
@@ -392,7 +392,7 @@ export const Playground = (args) => {
392392
<>
393393
<div>
394394
<p className="secondary">AI Explained</p>
395-
<h1>84%</h1>
395+
<h2 className="ai-label-heading">84%</h2>
396396
<p className="secondary bold">Confidence score</p>
397397
<p className="secondary">
398398
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do

‎packages/react/src/components/AILabel/AILabelDatatable.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ const columnAILabelHeaders = [
9191
<AILabelContent>
9292
<div>
9393
<p className="secondary">AI Explained</p>
94-
<h1>84%</h1>
94+
<h2 className="ai-label-heading">84%</h2>
9595
<p className="secondary bold">Confidence score</p>
9696
<p className="secondary">
9797
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed

‎packages/react/src/components/AILabel/ailabel-story.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,3 +194,9 @@
194194
$enable-v12-tile-radio-icons: true
195195
);
196196
}
197+
198+
.ai-label-heading {
199+
font-size: 2.625rem;
200+
font-weight: 300;
201+
margin-bottom: 1rem;
202+
}

‎packages/react/src/components/Checkbox/Checkbox.stories.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -209,7 +209,7 @@ export const withAILabel = (args) => {
209209
<AILabelContent>
210210
<div>
211211
<p className="secondary">AI Explained</p>
212-
<h1>84%</h1>
212+
<h2 className="ai-label-heading">84%</h2>
213213
<p className="secondary bold">Confidence score</p>
214214
<p className="secondary">
215215
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed

‎packages/react/src/components/ComboBox/ComboBox.stories.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -291,7 +291,7 @@ export const withAILabel = (args) => {
291291
<AILabelContent>
292292
<div>
293293
<p className="secondary">AI Explained</p>
294-
<h1>84%</h1>
294+
<h2 className="ai-label-heading">84%</h2>
295295
<p className="secondary bold">Confidence score</p>
296296
<p className="secondary">
297297
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed

‎packages/react/src/components/ComposedModal/ComposedModal.stories.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -401,7 +401,7 @@ const aiLabel = (
401401
<AILabelContent>
402402
<div>
403403
<p className="secondary">AI Explained</p>
404-
<h1>84%</h1>
404+
<h2 className="ai-label-heading">84%</h2>
405405
<p className="secondary bold">Confidence score</p>
406406
<p className="secondary">
407407
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do

‎packages/react/src/components/DataTable/stories/DataTable-ai-label.stories.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ const columnAILabelHeaders = [
123123
<AILabelContent>
124124
<div>
125125
<p className="secondary">AI Explained</p>
126-
<h1>84%</h1>
126+
<h2 className="ai-label-heading">84%</h2>
127127
<p className="secondary bold">Confidence score</p>
128128
<p className="secondary">
129129
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed
@@ -161,7 +161,7 @@ const aiLabel = (
161161
<AILabelContent>
162162
<div>
163163
<p className="secondary">AI Explained</p>
164-
<h1>84%</h1>
164+
<h2 className="ai-label-heading">84%</h2>
165165
<p className="secondary bold">Confidence score</p>
166166
<p className="secondary">
167167
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do

‎packages/react/src/components/DatePicker/DatePicker.stories.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -302,7 +302,7 @@ export const withAILabel = (args) => {
302302
<AILabelContent>
303303
<div>
304304
<p className="secondary">AI Explained</p>
305-
<h1>84%</h1>
305+
<h2 className="ai-label-heading">84%</h2>
306306
<p className="secondary bold">Confidence score</p>
307307
<p className="secondary">
308308
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed

‎packages/react/src/components/Dropdown/Dropdown.stories.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -384,7 +384,7 @@ export const withAILabel = (args) => {
384384
<AILabelContent>
385385
<div>
386386
<p className="secondary">AI Explained</p>
387-
<h1>84%</h1>
387+
<h2 className="ai-label-heading">84%</h2>
388388
<p className="secondary bold">Confidence score</p>
389389
<p className="secondary">
390390
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed

‎packages/react/src/components/FluidComboBox/FluidComboBox.stories.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,7 @@ const aiLabel = (
171171
<AILabelContent>
172172
<div>
173173
<p className="secondary">AI Explained</p>
174-
<h1>84%</h1>
174+
<h2 className="ai-label-heading">84%</h2>
175175
<p className="secondary bold">Confidence score</p>
176176
<p className="secondary">
177177
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do

0 commit comments

Comments
 (0)