experimental: add descendent component #3313

TrySound · 2024-05-06T13:48:56Z

Here added support for new <ws:descendent /> component. It allows to style any children or descendents of components. Primary usage is for embed content which renders html and need to style tags.

Descendent component accepts "selector" prop which can be suffix like img, .image or ::first-child pseudo-element.

Potentially it could be used as tag styling for any element.

Can be tested in any element by dropping "Descendent" component from "internal" category.

Ref #2903 Here added support for new `<ws:descendent />` component. It allows to style any children or descendents of components. Primary usage is for embed content which renders html and need to style tags. Descendent component accepts "selector" prop which can be suffix like ` img`, ` .image` or `::first-child` pseudo-element. Potentially it could be used as tag styling for any element.

apps/builder/app/canvas/shared/styles.ts

packages/css-engine/src/core/atomic.test.ts

packages/css-engine/src/core/rules.ts

packages/css-engine/src/core/style-sheet-regular.test.ts

TrySound requested a review from kof May 6, 2024 13:48

Fix lin

5a55924

TrySound temporarily deployed to development May 6, 2024 13:53 — with GitHub Actions Inactive

Fix stories generator

c01db82

TrySound temporarily deployed to development May 6, 2024 14:02 — with GitHub Actions Inactive

kof approved these changes May 6, 2024

View reviewed changes