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 Removed
    Classnames Added

    item_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

New Classnames Select Display Condition Modal

Select Display Condition Modal

  • Select Display Condition Modal Affected Sub-element: Select Display Condition Modal

    Classnames Comparison:

    Classnames Removed
    Classnames Added

    category-selected

    selectable-modal-search--cs

    back-action

    selectable-modal-breadcrumb--cs

    selectable-modal-items-list--cs

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 Removed
    Classnames Added

    toggle-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 Removed
    Classnames Added

    icons-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 Removed
    Classnames Added

    toggle-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 Affected Sub-element: Sidebar Title

    Changes:

    • Markup Variations:

      • Added <div role="toolbar">

      • <a> elements are now <button>

    Classnames Comparison:

    Classnames Removed
    Classnames Added

    widgets-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 and span elements.

    • Classnames Comparison:

    Classnames Removed
    Classnames Added

    tgl-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 a button.

    • Classnames Comparison:

    Classnames Removed
    Classnames Added

    item_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 a button.

    • Classnames Comparison:

    Classnames Removed
    Classnames Added

    item_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
  • Affected Widget: Configure Menu Items

  • Changes:

    • Markup Variations:

      • Removed wrapper div.

      • Replaced the drag handle div with a button.

    • Classnames Comparison:

    Classnames Removed
    Classnames Added

    item_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 and span elements.

      • Replaced the drag handle div with a button.

    • Classnames Comparison:

    Classnames Removed
    Classnames Added

    item_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

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 Removed
    Classnames Added

    number-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 Removed
    Classnames Added

    toggle-wrapper--cs

    checkbox-wrapper--cs

    toggle-input--cs

    widget__label--cs

    toggle-slider--cs

Last updated

Logo

© Bee Content Design, Inc. San Francisco, CA | Part of Growens