FEAT: Adding options to properties list array in style manager

I believe you can move the build props out of the properties list and still achieve what you're trying, the built in flex box related properties only show when a component has display: flex. It's also important to note that buildProps are just built in presets of inputs so they cannot be embedded into other inputs i.e the properties list

{
      name: 'Layout',
      open: true,
      buildProps: ['display', 'direction', 'align-content', 'align-items', 'align-self', 'justify-content', 'justify-items', 'justify-self'],
      properties: [
        {
          type: 'radio',
          property: 'display',
          list: [
            {
              title: 'Block',
              name: '<span class="material-icons">calendar_view_day</span>',
              value: 'block',
            },
            {
              title: 'Flex',
              name: '<span class="material-icons">calendar_view_week</span>',
              value: 'flex',
            },
            {
              title: 'Grid',
              name: '<span class="material-icons">grid_on</span>',
              value: 'grid',
            },
            {
              title: 'Inline-block',
              name: '<span class="material-icons">padding</span>',
              value: 'inline-block',
            },
            {
              title: 'Inline',
              name: '<span class="material-icons">horizontal_distribute</span>',
              value: 'inline',
            },
            {
              title: 'None',
              name: '<span class="material-icons">visibility_off</span>',
              value: 'none',
            },
          ]
        }
      ]
    }

Thank you. I tried it but the grid properties are not working. Might have to implement it manually but am not sure on how best to approach the problem.

There's no buildProps for grid properties so you'll have to build those from scratch, unfortunately docs don't have much info on custom properties probably you'll have to piece things together from the API reference https://grapesjs.com/docs/api/style_manager.html#stylemanager