Issue #3374901 by e0ipso, mglaman, mherchel, _utsavsharma, gareth.poole,...

            $options['group'] = JS_LIBRARY;

          }

          elseif ($type == 'css') {

            $options['group'] = $extension_type == 'theme' ? CSS_AGGREGATE_THEME : CSS_AGGREGATE_DEFAULT;

            // Component stylesheets should be added in the "theme" aggregate

            // group to load them alongside the theme.

            // @see \Drupal\Core\Plugin\Component::getLibraryName

            $options['group'] = ($extension_type == 'theme' || str_starts_with($id, 'components.')) ? CSS_AGGREGATE_THEME : CSS_AGGREGATE_DEFAULT;

          }

          // By default, all library assets are files.

          if (!isset($options['type'])) {

tabset

tabwidth

tbachert

tenderwolf

testbot

testlogger

textareas

      'CacheTagLookupQueryCount' => 20,

      'ScriptCount' => 3,

      'ScriptBytes' => 215500,

      'StylesheetCount' => 1,

      'StylesheetCount' => 2,

      'StylesheetBytes' => 46000,

    ];

    $this->assertMetrics($expected, $performance_data);

$schema: https://git.drupalcode.org/project/sdc/-/raw/1.x/src/metadata.schema.json

name: CSS Load Order

props:

  type: object

  properties:

    dummy:

      type: string

libraryOverrides:

  dependencies:

    - sdc_theme_test/css_load_order_dependent

div {

  display: block;

}