Recipe class renames (POSSIBLE BREAKING CHANGE)
Copy post link

BP
Brad Paugh

Hi again, similar to our previous component class renames, we've now renamed some classes in our recipes to be consistent with the naming of the rest of our components. Similar to last time this will only be a breaking change if you are manually referencing these internal classes in your application. The fix is the same as last time, just find / replace the old class name to the new class name in your consuming application.

Note that this will also include all sub elements of these classes, so if it says to rename dt-recipe-attachment-carousel to d-recipe-attachment-carousel this will also be the case for dt-recipe-attachment-carousel__media-list

The Dialtone team will perform the migration on ubervoice.

Renamed classes

  • dt-recipe-attachment-carousel -> d-recipe-attachment-carousel
  • dt-recipe-callbar-button -> d-recipe-callbar-button
  • dt-recipe--callbar-button-with-popover -> d-recipe-callbar-button-with-popover
  • dt-recipe-callbox -> d-recipe-callbox
  • combobox__input-wrapper -> d-recipe-combobox-multi-select
  • dt-contact-info -> d-recipe-contact-info
  • dt-editor -> d-recipe-editor
  • dt-emoji-row -> d-recipe-emoji-row
  • dt-recipe-feed-item-pill -> d-recipe-feed-item-pill
  • dt-feed-item-row -> d-recipe-feed-item-row
  • dt-grouped-chip -> d-recipe-grouped-chip
  • ivr_node -> d-recipe-ivr-node
  • dt-leftbar-row -> d-recipe-leftbar-row
  • dt-message-input -> d-recipe-message-input
  • settings-menu-button -> d-recipe-settings-menu-button
  • dt-time-pill -> d-recipe-time-pill
  • dt-top-banner-info -> d-recipe-top-banner-info
  • dt-leftbar-unread-pill -> d-recipe-leftbar-unread-pill

Thanks! Dialtone Team 💜

documentation last updated Wednesday, June 10, 2026