@@ -115,19 +115,22 @@ function getDefaultStyleSheet(): CSSStyleSheet {
115115}
116116
117117/**
118- * Injects the default A2UI theme variables into the document.
118+ * Injects CSS variables for the A2UI basic catalog into the document.
119119 *
120- * This method is used by the A2UI-provided basic catalogs of each renderer,
121- * as needed, so design token values can be shared across all of them.
120+ * This method is used by the A2UI-provided basic catalogs of each renderer
121+ * so design token values can be shared across all of them.
122122 *
123- * End users may redefine the CSS variables defined in the default stylesheet
124- * to customize the theme.
123+ * It is only meant to be used by the basic catalog implementations provided
124+ * by `@a2ui/lit`, `@a2ui/angular` and `@a2ui/react`, and should not be
125+ * considered as part of the A2UI spec. This package is just a convenient
126+ * location for it.
125127 *
126- * This method ensures the default stylesheet is added to the root document
127- * of the page, if it's not already present.
128+ * Users may redefine the values of the CSS variables exposed in the default
129+ * stylesheet above (and the specific ones exposed by each basic catalog
130+ * package) to customize the appearance of the items of the basic catalog.
128131 */
129- export function injectDefaultA2uiTheme ( ) {
130- if ( typeof document === " undefined" ) return ;
132+ export function injectBasicCatalogStyles ( ) {
133+ if ( typeof document === ' undefined' ) return ;
131134 const sheet = getDefaultStyleSheet ( ) ;
132135 if ( ! document . adoptedStyleSheets . includes ( sheet ) ) {
133136 document . adoptedStyleSheets = [ ...document . adoptedStyleSheets , sheet ] ;
0 commit comments