Change Log
A classnames change log where you can reference current and past changes to CSS classes.
January 30, 2025 Releases
Display Conditions Widget and Modal | Release on January 30, 2025
Display Conditions Widget
New Classnames Display Conditions Widget
Display Condition Widget
Display Conditions Widget Affected Sub-element: Display Conditions Widgets
Changes:
Markup Variations:
contentDialog
button is now "secondary", not "primary".
Classnames Comparison:
Classnames RemovedClassnames Addeditem_1-2
display-condition-card--cs
panel__actions
display-condition-card_custom--cs
display-condition-label--cs
display-condition-description--cs
display-condition-label_before--cs
display-condition-before--cs
display-condition-label_after--cs
display-condition-after--cs
display-condition-buttons--cs
row-display-condition-edit-button--cs
Select Display Condition Modal
December 5, 2024 Releases
Add New Social and Form | Released on December 5th
Form
New Classnames Form
Form
Form Affected Sub-element: Manage fields - Add new field
Changes:
Markup Variations:
Removed some wrapper divs
Replaced all the list HTML
Classnames Comparison:
Classnames RemovedClassnames Addedtoggle-menu-button--cs
button-small--cs
button-large--cs
button-solid--cs
widget__textbox
button-primary--cs
widget__searchbox
button--cs
scrollable__panel--cs
add-form-field--cs
dropdown-menu--cs
dropdown-menu-button--cs
dropdown-menu-search--cs
input-search--cs
dropdown-menu-scrollable--cs
dropdown-menu-item--cs
Social
New Classnames Social
Social
Social Affected Sub-element: Configure icon collection - Add social icon
Changes:
Markup Variations:
Removed some wrapper divs
Replaced all the popover HTML
Classnames Comparison:
Classnames RemovedClassnames Addedicons-manager__pop--cs
button-small--cs
icons-manager__popcontent
button-solid--cs
popver__tab
button-primary--cs
social-add-icon--cs
button--cs
add-social-icon--cs
dropdown-menu--cs
dropdown-menu-button--cs
dropdown-menu-search--cs
input-search--cs
dropdown-menu-scrollable--cs
dropdown-menu-item--cs
Add New Attributes and Title Bar | Release on December 5th
1. Button, Image, Video
New Classnames Button, Image, Video
Button, Image, Video Affected Sub-element: Configure attributes - Add new attribute
Changes:
Markup Variations:
Removed some wrapper divs
Replaced all the list HTML
Classnames Comparison:
Classnames RemovedClassnames Addedtoggle-menu-button--cs
button-small--cs
button-large--cs
button-solid--cs
scrollable__panel--cs
button-primary--cs
button--cs
add-attribute--cs
dropdown-menu--cs
dropdown-menu-button--cs
dropdown-menu-search--cs
input-search--cs
dropdown-menu-scrollable--cs
dropdown-menu-item--cs
2. Sidebar Title
New Classnames All
Sidebar Title
Sidebar Title Affected Sub-element: Sidebar Title
Changes:
Markup Variations:
Added
<div role="toolbar">
<a>
elements are now<button>
Classnames Comparison:
Classnames RemovedClassnames Addedwidgets-section__heading
widgets-section__heading--cs
icon
sidebar-panel-title-icon--cs
icon-*
sidebar-panel-title-icon-comment--cs
sidebar-panel-title-icon-delete--cs
sidebar-panel-title-icon-duplicate--cs
sidebar-panel-title-icon-closepanel--cs
sidebar-panel-title-icon-save--cs
sidebar-panel-title-icon-editSyncedRow--cs
3. Rows
New Classnames Rows
Rows Affected Sub-element: Sidebar Title
Changes:
Markup Variations:
Added
<div role="toolbar">
<a>
elements are now<button>
Classnames Comparison:
Classnames Removed:
widgets-section__heading
icon
icon-*
Classnames Added:
widgets-section__heading--cs
sidebar-panel-title-icon--cs
sidebar-panel-title-icon-comment--cs
sidebar-panel-title-icon-delete--cs
sidebar-panel-title-icon-duplicate--cs
sidebar-panel-title-icon-closepanel--cs
sidebar-panel-title-icon-save--cs
sidebar-panel-title-icon-editSyncedRow--cs
November 7, 2024 Releases
Mobile Stage Mode, History, and Empty States | Released on November 7th
Mobile Stage Mode, History, and Empty States
Mobile Stage Mode, History, and Empty States
Mobile Stage Mode Affected Sub-element: Wrapper
Classnames Added:
stagemode__buttonswrapper--cs
Mobile Stage Mode Buttons:
Desktop button:
stagemode__button__desktop--cs
Mobile button:
stagemode__button__mobile--cs
Display toggle button:
stagemode__button__display--cs
Undo/Redo Affected Sub-elements: Undo/Redo Buttons and History Panel
Classnames Added:
Toggle button:
undo-redo__toggleButton--cs
Undo button:
undo-redo__undoButton--cs
Redo button:
undo-redo__redoButton--cs
History panel:
undo-redo__history--cs
History panel item:
history__step--cs
Empty States (Various Modules) Affected Modules: Image, Icons, Video, Menu, Social, Form, AddOn, Dynamic Content
Classnames Added:
Image module:
stage-module_image_placeholder--cs
Icons module:
stage-module_icons_placeholder--cs
Video module:
stage-module_video_placeholder--cs
Menu module:
stage-module_menu_placeholder--cs
Social module:
stage-module_social_placeholder--cs
Form module:
stage-module_form_placeholder--cs
AddOn module: stage
-module_addon_placeholder--cs
DynamicContent module:
stage-module_merge-content_placeholder--cs
Changes Font Stye and Drag-and-Drop Widgets | Released on November 7th
1. Form Components
New Classnames for Form Components
Form Components
Affected Widgets: Font style
Changes:
Markup Variations: Removed some wrapper
div
andspan
elements.Classnames Comparison:
Classnames RemovedClassnames Addedtgl-container
multi-toggle--cs
tgl-container--cs
multi-toggle-btns--cs
item_1-2
toggle-btn-pressed--cs
widget__label
btn-group
number-selector
number-selector--cs
tgl_bgd
multiToggle_option_descriptor_form_style_labels_font-weight_0
multiToggle_option_descriptor_form_style_labels_font-weight_1
button-default--cs
button-medium--cs
button--cs
active
2. Social Widget
New Classnames for Social Widget
Social Widget
Affected Widget: Configure Icon Collection
Changes:
Markup Variations:
Removed wrapper
div
.Replaced the drag handle
div
with abutton
.
Classnames Comparison:
Classnames RemovedClassnames Addeditem_1-2
social-collection-list--cs
widget__label
panel__title--cs
icons-manager__pop
title_icon
icon-organizer__panel
panel__icon-preview-wrapper
panel__title
comp-tree-placeholder
3. Icons Widget
New Classnames for Icons Widget
Icons Widget
Affected Widget: Configure Icon Collection
Changes:
Markup Variations:
Removed wrapper
div
.Replaced the drag handle
div
with abutton
.
Classnames Comparison:
Classnames RemovedClassnames Addeditem_1-2
icons-collection-list--cs
widget__label
panel__title--cs
icon-organizer__panel
panel__icon-preview-wrapper
panel__title
comp-tree-placeholder
4. Menu Widget
New Classnames for Menu Widget
Menu Widget
Affected Widget: Configure Menu Items
Changes:
Markup Variations:
Removed wrapper
div
.Replaced the drag handle
div
with abutton
.
Classnames Comparison:
Classnames RemovedClassnames Addeditem_1-2
items-collection-list--cs
widget__label
item-organizer__panel--cs
icon-organizer__panel
panel__title--cs
icon-organizer__panel--cs
panel__icon-preview-wrapper
panel__title
title__icon
comp-tree-placeholder
5. Form Widget
New Classnames for Form Widget
Form Widget
Affected Widget: Manage Fields
Changes:
Markup Variations:
Removed wrapper
div
andspan
elements.Replaced the drag handle
div
with abutton
.
Classnames Comparison:
Classnames RemovedClassnames Addeditem_1-2
form-items-list--cs
widget__label
form-item__panel--cs
icon-organizer__panel
form-field-item-id--cs
icon-organizer__panel--cs
panel__icon-preview-wrapper
panel__title
title__icon
comp-tree-placeholder
6. Carousel Widget
New Classnames for Carousel Widget
Carousel Widget
Affected Widget: Configure Carousel
Changes:
Markup Variations:
Removed wrapper
div
andspan
elements.Added a
label
tag.Replaced
div
elements withul
andli
for better semantic structure.Replaced the drag handle
div
with abutton
.
Classnames Comparison:
Classnames RemovedClassnames Addedicon-manager__add-icon--cs
widget__label--cs
icon-organizer__panel--cs
carousel-slides-list--cs
comp-tree-placeholder
carousel-add-slide-btn--cs
slide-organizer__panel--cs
October 10, 2024 Releases
Form Edit Modal | Released on October 10th
1. Form Edit Modal - Text Inputs
List of New Classnames for the Form Edit Modal Text Inputs
Form Edit Modal - Text Inputs
Affected Sub-element: All text inputs
Changes:
Markup Variations:
Updated to the new input text component.
The label is now positioned on top instead of to the left.
Classnames Comparison:
Classnames RemovedClassnames Addednumber-selector--cs
input-text--cs
item_1-2
input-text-boxed--cs
widget__textbox
widget__label
widget__label--textbox
btn
2. Form Edit Modal - Required and Read Only Toggles
List of New Classnames for the Form Edit Modal Required and Read Only Toggles
Form Edit Modal - Required and Read Only Toggles
Affected Sub-element: Required and Read Only Toggles
Changes:
Markup Variations:
Changed from toggles to checkboxes for Required and Read Only fields.
Classnames Comparison:
Classnames RemovedClassnames Addedtoggle-wrapper--cs
checkbox-wrapper--cs
toggle-input--cs
widget__label--cs
toggle-slider--cs
Last updated