Core React components AI enhancements

[mattrosno]

This issue tracks the effort to add the AI enhancements (slug and gradient) to the first wave of core components for phase 1. On a per-component basis, once the enhancement has been made to a React component (via the styles package), that component can then be enhanced in the web components package.

Acceptance criteria

• Enhancements designated with experimental status

Out of scope

• This effort is not the "full AI" theme that has layer styling like opacity and blur
• Adding the AI enhancements to the following components will likely happen in phase 2: toggle, breadcrumb, code snippet, structured list, progress indicator, slider, tree view
• The following components will likely not need AI enhancements: contained list, file uploader, link, lists, notifications, search, tabs, accordion, button, content switcher, loading, menu, menu button, pagination, popover, progress
  bar, toggletip, tooltip, UI shell header, UI shell left nav, UI shell right panel

Design

Preview Give feedback

1. Create design spec for AI Tile #15181
   area: AI component: tile proposal: accepted role: design ✏️ type: enhancement 💡 +5
   
2. Create design spec for AI Modal #15184
   area: AI component: modal proposal: accepted role: design ✏️ type: enhancement 💡 +5
   
3. Create design spec for AI Tag #15185
   area: AI component: tags proposal: accepted role: design ✏️ type: enhancement 💡 +5
   
4. Create design spec for AI Checkbox #15182
   area: AI component: checkbox proposal: accepted role: design ✏️ type: enhancement 💡 +5
   
5. Create design spec for AI RadioButton #15183
   area: AI component: radio-button proposal: accepted role: design ✏️ type: enhancement 💡 +5
   

Development

Preview Give feedback

1. Add AI enhancements to React TextInput, TextArea, NumberInput, and DatePicker #15089
   area: AI component: date-picker component: number-input component: text-area component: text-input proposal: accepted role: dev 🤖 type: enhancement 💡 +8
   
2. Add AI enhancements to React Dropdown #15186
   0 of 4
   adopter: strategic-product area: AI component: dropdown proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
3. Add AI enhancements to React Tile #15187
   adopter: strategic-product area: AI component: tile proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
4. Add AI enhancements to React Select #15188
   adopter: strategic-product area: AI component: select proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
5. Add AI enhancements to React DataTable #15189
   adopter: strategic-product area: AI component: data-table proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
6. Add AI enhancements to React Checkbox #15190
   adopter: strategic-product area: AI component: checkbox proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
7. Add AI enhancements to React RadioButton #15191
   adopter: strategic-product area: AI component: radio-button proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
8. Add AI enhancements to React Modal #15192
   adopter: strategic-product area: AI component: modal proposal: accepted role: dev 🤖 type: enhancement 💡 +6
   
9. Add AI enhancements to React Tag #15193
   adopter: strategic-product area: AI component: tags proposal: accepted role: dev 🤖 type: enhancement 💡 +6