refactor!: use :global() for custom styles (#1940)

* Prefix custom class selectors with `bx--` (primarily used in custom UI Shell components)
* Use `:global` scope so that selector names are not hashed
This commit is contained in:
metonym 2024-03-23 13:11:44 -07:00 committed by GitHub
commit d5a11489f8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 70 additions and 49 deletions

View file

@ -4998,7 +4998,7 @@
{
"name": "text",
"default": false,
"fallback": "{#if text}<span>{text}</span>{/if}",
"fallback": "{#if text}<span class:bx--header__action-text=\"{true}\">{text}</span>{/if}",
"slot_props": "{}"
}
],
@ -5396,7 +5396,7 @@
{
"name": "__default__",
"default": true,
"fallback": "{result.text}\n {#if result.description}<span> {result.description}</span>{/if}",
"fallback": "{result.text}\n {#if result.description}<span\n class:bx--header-search-menu-description=\"{true}\"\n > {result.description}</span\n >{/if}",
"slot_props": "{ result: HeaderSearchResult; index: number }"
}
],