github/flutter
7
0
Fork 0
mirror of https://github.com/flutter/flutter.git synced 2025-06-03 00:51:18 +00:00
Code Issues Packages Projects Releases Wiki Activity
6e02e40a48
flutter/dev/tools/gen_defaults/generated/used_tokens.csv
Taha Tesser 2c71881f50
Fix Scrollable TabBar for Material 3 (#131409) 
fixes [Material 3 `TabBar` does not take full width when `isScrollable: true`](https://github.com/flutter/flutter/issues/117722)

### Description
1. Fixed the divider doesn't stretch to take all the available width in the scrollable tab bar in M3
2. Added `dividerHeight` property.

### Code sample

<details> 
<summary>expand to view the code sample</summary> 

```dart
import 'package:flutter/material.dart';

/// Flutter code sample for [TabBar].

void main() => runApp(const TabBarApp());

class TabBarApp extends StatelessWidget {
  const TabBarApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: TabBarExample(),
    );
  }
}

class TabBarExample extends StatefulWidget {
  const TabBarExample({super.key});

  @override
  State<TabBarExample> createState() => _TabBarExampleState();
}

class _TabBarExampleState extends State<TabBarExample> {
  bool rtl = false;
  bool customColors = false;
  bool removeDivider = false;
  Color dividerColor = Colors.amber;
  Color indicatorColor = Colors.red;

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      initialIndex: 1,
      length: 3,
      child: Directionality(
        textDirection: rtl ? TextDirection.rtl : TextDirection.ltr,
        child: Scaffold(
          appBar: AppBar(
            title: const Text('TabBar Sample'),
            actions: <Widget>[
              IconButton.filledTonal(
                tooltip: 'Switch direction',
                icon: const Icon(Icons.swap_horiz),
                onPressed: () {
                  setState(() {
                    rtl = !rtl;
                  });
                },
              ),
              IconButton.filledTonal(
                tooltip: 'Use custom colors',
                icon: const Icon(Icons.color_lens),
                onPressed: () {
                  setState(() {
                    customColors = !customColors;
                  });
                },
              ),
              IconButton.filledTonal(
                tooltip: 'Show/hide divider',
                icon: const Icon(Icons.remove_rounded),
                onPressed: () {
                  setState(() {
                    removeDivider = !removeDivider;
                  });
                },
              ),
            ],
          ),
          body: Column(
            children: <Widget>[
              const Spacer(),
              const Text('Scrollable - TabAlignment.start'),
              TabBar(
                isScrollable: true,
                tabAlignment: TabAlignment.start,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Text('Scrollable - TabAlignment.startOffset'),
              TabBar(
                isScrollable: true,
                tabAlignment: TabAlignment.startOffset,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Text('Scrollable - TabAlignment.center'),
              TabBar(
                isScrollable: true,
                tabAlignment: TabAlignment.center,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Spacer(),
              const Text('Non-scrollable - TabAlignment.fill'),
              TabBar(
                tabAlignment: TabAlignment.fill,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Text('Non-scrollable - TabAlignment.center'),
              TabBar(
                tabAlignment: TabAlignment.center,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Spacer(),
              const Text('Secondary - TabAlignment.fill'),
              TabBar.secondary(
                tabAlignment: TabAlignment.fill,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Text('Secondary - TabAlignment.center'),
              TabBar.secondary(
                tabAlignment: TabAlignment.center,
                dividerColor: customColors ? dividerColor : null,
                indicatorColor: customColors ? indicatorColor : null,
                dividerHeight: removeDivider ? 0 : null,
                tabs: const <Widget>[
                  Tab(
                    icon: Icon(Icons.cloud_outlined),
                  ),
                  Tab(
                    icon: Icon(Icons.beach_access_sharp),
                  ),
                  Tab(
                    icon: Icon(Icons.brightness_5_sharp),
                  ),
                ],
              ),
              const Spacer(),
            ],
          ),
        ),
      ),
    );
  }
}
``` 
	
</details>

### Before

![Screenshot 2023-07-27 at 14 12 36](https://github.com/flutter/flutter/assets/48603081/1c08a9d2-ac15-4d33-8fa1-c765b4b10f92)

### After 

![Screenshot 2023-07-27 at 14 13 12](https://github.com/flutter/flutter/assets/48603081/7e662dfe-9f32-46c9-a128-3024a4782882)

This also contains regression test for https://github.com/flutter/flutter/pull/125974#discussion_r1239089151

```dart
  // This is a regression test for https://github.com/flutter/flutter/pull/125974#discussion_r1239089151.
  testWidgets('Divider can be constrained', (WidgetTester tester) async {
```

![Screenshot 2023-07-27 at 14 16 37](https://github.com/flutter/flutter/assets/48603081/ac2ef49b-2410-46d0-8ae2-d9b77236abba)
2023-08-02 00:48:06 +00:00

45 KiB
Raw Blame History

1Versions used, v0_162, v0_158
2md.comp.assist-chip.container.shape,
3md.comp.assist-chip.container.surface-tint-layer.color,
4md.comp.assist-chip.elevated.container.elevation,
5md.comp.assist-chip.elevated.container.shadow-color,
6md.comp.assist-chip.elevated.disabled.container.color,
7md.comp.assist-chip.elevated.disabled.container.elevation,
8md.comp.assist-chip.elevated.disabled.container.opacity,
9md.comp.assist-chip.elevated.pressed.container.elevation,
10md.comp.assist-chip.flat.container.elevation,
11md.comp.assist-chip.flat.disabled.outline.color,
12md.comp.assist-chip.flat.disabled.outline.opacity,
13md.comp.assist-chip.flat.outline.color,
14md.comp.assist-chip.flat.outline.width,
15md.comp.assist-chip.label-text.text-style,
16md.comp.assist-chip.with-icon.disabled.icon.color,
17md.comp.assist-chip.with-icon.icon.color,
18md.comp.assist-chip.with-icon.icon.size,
19md.comp.badge.color,
20md.comp.badge.large.label-text.color,
21md.comp.badge.large.label-text.text-style,
22md.comp.badge.large.size,
23md.comp.badge.size,
24md.comp.banner.container.color,
25md.comp.banner.container.elevation,
26md.comp.banner.container.surface-tint-layer.color,
27md.comp.banner.supporting-text.text-style,
28md.comp.bottom-app-bar.container.color,
29md.comp.bottom-app-bar.container.elevation,
30md.comp.bottom-app-bar.container.height,
31md.comp.bottom-app-bar.container.shape,
32md.comp.bottom-app-bar.container.surface-tint-layer.color,
33md.comp.checkbox.error.focus.state-layer.color,
34md.comp.checkbox.error.focus.state-layer.opacity,
35md.comp.checkbox.error.hover.state-layer.color,
36md.comp.checkbox.error.hover.state-layer.opacity,
37md.comp.checkbox.error.pressed.state-layer.color,
38md.comp.checkbox.error.pressed.state-layer.opacity,
39md.comp.checkbox.selected.container.color,
40md.comp.checkbox.selected.disabled.container.color,
41md.comp.checkbox.selected.disabled.container.opacity,
42md.comp.checkbox.selected.disabled.icon.color,
43md.comp.checkbox.selected.error.container.color,
44md.comp.checkbox.selected.error.icon.color,
45md.comp.checkbox.selected.focus.state-layer.color,
46md.comp.checkbox.selected.focus.state-layer.opacity,
47md.comp.checkbox.selected.hover.state-layer.color,
48md.comp.checkbox.selected.hover.state-layer.opacity,
49md.comp.checkbox.selected.icon.color,
50md.comp.checkbox.selected.outline.width,
51md.comp.checkbox.selected.pressed.state-layer.color,
52md.comp.checkbox.selected.pressed.state-layer.opacity,
53md.comp.checkbox.state-layer.size,
54md.comp.checkbox.unselected.disabled.container.opacity,
55md.comp.checkbox.unselected.disabled.outline.color,
56md.comp.checkbox.unselected.disabled.outline.width,
57md.comp.checkbox.unselected.error.outline.color,
58md.comp.checkbox.unselected.focus.outline.color,
59md.comp.checkbox.unselected.focus.outline.width,
60md.comp.checkbox.unselected.focus.state-layer.color,
61md.comp.checkbox.unselected.focus.state-layer.opacity,
62md.comp.checkbox.unselected.hover.outline.color,
63md.comp.checkbox.unselected.hover.outline.width,
64md.comp.checkbox.unselected.hover.state-layer.color,
65md.comp.checkbox.unselected.hover.state-layer.opacity,
66md.comp.checkbox.unselected.outline.color,
67md.comp.checkbox.unselected.outline.width,
68md.comp.checkbox.unselected.pressed.outline.color,
69md.comp.checkbox.unselected.pressed.outline.width,
70md.comp.checkbox.unselected.pressed.state-layer.color,
71md.comp.checkbox.unselected.pressed.state-layer.opacity,
72md.comp.circular-progress-indicator.active-indicator.color,
73md.comp.date-picker.modal.container.color,
74md.comp.date-picker.modal.container.elevation,
75md.comp.date-picker.modal.container.shape,
76md.comp.date-picker.modal.container.surface-tint-layer.color,
77md.comp.date-picker.modal.date.focus.state-layer.opacity,
78md.comp.date-picker.modal.date.hover.state-layer.opacity,
79md.comp.date-picker.modal.date.label-text.text-style,
80md.comp.date-picker.modal.date.pressed.state-layer.opacity,
81md.comp.date-picker.modal.date.selected.container.color,
82md.comp.date-picker.modal.date.selected.focus.state-layer.color,
83md.comp.date-picker.modal.date.selected.hover.state-layer.color,
84md.comp.date-picker.modal.date.selected.label-text.color,
85md.comp.date-picker.modal.date.selected.pressed.state-layer.color,
86md.comp.date-picker.modal.date.today.container.outline.color,
87md.comp.date-picker.modal.date.today.container.outline.width,
88md.comp.date-picker.modal.date.today.label-text.color,
89md.comp.date-picker.modal.date.unselected.focus.state-layer.color,
90md.comp.date-picker.modal.date.unselected.hover.state-layer.color,
91md.comp.date-picker.modal.date.unselected.label-text.color,
92md.comp.date-picker.modal.date.unselected.pressed.state-layer.color,
93md.comp.date-picker.modal.header.headline.color,
94md.comp.date-picker.modal.header.headline.text-style,
95md.comp.date-picker.modal.header.supporting-text.text-style,
96md.comp.date-picker.modal.range-selection.active-indicator.container.color,
97md.comp.date-picker.modal.range-selection.container.elevation,
98md.comp.date-picker.modal.range-selection.container.shape,
99md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.color,
100md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opacity,
101md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.color,
102md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opacity,
103md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.color,
104md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opacity,
105md.comp.date-picker.modal.range-selection.header.headline.text-style,
106md.comp.date-picker.modal.range-selection.month.subhead.text-style,
107md.comp.date-picker.modal.weekdays.label-text.color,
108md.comp.date-picker.modal.weekdays.label-text.text-style,
109md.comp.date-picker.modal.year-selection.year.focus.state-layer.opacity,
110md.comp.date-picker.modal.year-selection.year.hover.state-layer.opacity,
111md.comp.date-picker.modal.year-selection.year.label-text.text-style,
112md.comp.date-picker.modal.year-selection.year.pressed.state-layer.opacity,
113md.comp.date-picker.modal.year-selection.year.selected.container.color,
114md.comp.date-picker.modal.year-selection.year.selected.focus.state-layer.color,
115md.comp.date-picker.modal.year-selection.year.selected.hover.state-layer.color,
116md.comp.date-picker.modal.year-selection.year.selected.label-text.color,
117md.comp.date-picker.modal.year-selection.year.selected.pressed.state-layer.color,
118md.comp.date-picker.modal.year-selection.year.unselected.focus.state-layer.color,
119md.comp.date-picker.modal.year-selection.year.unselected.hover.state-layer.color,
120md.comp.date-picker.modal.year-selection.year.unselected.label-text.color,
121md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color,
122md.comp.dialog.container.color,
123md.comp.dialog.container.elevation,
124md.comp.dialog.container.shape,
125md.comp.dialog.container.surface-tint-layer.color,
126md.comp.dialog.headline.text-style,
127md.comp.dialog.supporting-text.text-style,
128md.comp.divider.color,
129md.comp.divider.thickness,
130md.comp.elevated-button.container.color,
131md.comp.elevated-button.container.elevation,
132md.comp.elevated-button.container.height,
133md.comp.elevated-button.container.shadow-color,
134md.comp.elevated-button.container.shape,
135md.comp.elevated-button.container.surface-tint-layer.color,
136md.comp.elevated-button.disabled.container.color,
137md.comp.elevated-button.disabled.container.elevation,
138md.comp.elevated-button.disabled.container.opacity,
139md.comp.elevated-button.disabled.label-text.color,
140md.comp.elevated-button.disabled.label-text.opacity,
141md.comp.elevated-button.focus.container.elevation,
142md.comp.elevated-button.focus.state-layer.color,
143md.comp.elevated-button.focus.state-layer.opacity,
144md.comp.elevated-button.hover.container.elevation,
145md.comp.elevated-button.hover.state-layer.color,
146md.comp.elevated-button.hover.state-layer.opacity,
147md.comp.elevated-button.label-text.color,
148md.comp.elevated-button.label-text.text-style,
149md.comp.elevated-button.pressed.container.elevation,
150md.comp.elevated-button.pressed.state-layer.color,
151md.comp.elevated-button.pressed.state-layer.opacity,
152md.comp.elevated-card.container.color,
153md.comp.elevated-card.container.elevation,
154md.comp.elevated-card.container.shadow-color,
155md.comp.elevated-card.container.shape,
156md.comp.elevated-card.container.surface-tint-layer.color,
157md.comp.extended-fab.primary.container.height,
158md.comp.extended-fab.primary.container.shape,
159md.comp.extended-fab.primary.icon.size,
160md.comp.extended-fab.primary.label-text.text-style,
161md.comp.fab.primary.container.color,
162md.comp.fab.primary.container.elevation,
163md.comp.fab.primary.container.height,
164md.comp.fab.primary.container.shape,
165md.comp.fab.primary.container.width,
166md.comp.fab.primary.focus.container.elevation,
167md.comp.fab.primary.focus.state-layer.color,
168md.comp.fab.primary.focus.state-layer.opacity,
169md.comp.fab.primary.hover.container.elevation,
170md.comp.fab.primary.hover.state-layer.color,
171md.comp.fab.primary.hover.state-layer.opacity,
172md.comp.fab.primary.icon.color,
173md.comp.fab.primary.icon.size,
174md.comp.fab.primary.large.container.height,
175md.comp.fab.primary.large.container.shape,
176md.comp.fab.primary.large.container.width,
177md.comp.fab.primary.large.icon.size,
178md.comp.fab.primary.pressed.container.elevation,
179md.comp.fab.primary.pressed.state-layer.color,
180md.comp.fab.primary.pressed.state-layer.opacity,
181md.comp.fab.primary.small.container.height,
182md.comp.fab.primary.small.container.shape,
183md.comp.fab.primary.small.container.width,
184md.comp.fab.primary.small.icon.size,
185md.comp.filled-button.container.color,
186md.comp.filled-button.container.elevation,
187md.comp.filled-button.container.height,
188md.comp.filled-button.container.shadow-color,
189md.comp.filled-button.container.shape,
190md.comp.filled-button.disabled.container.color,
191md.comp.filled-button.disabled.container.elevation,
192md.comp.filled-button.disabled.container.opacity,
193md.comp.filled-button.disabled.label-text.color,
194md.comp.filled-button.disabled.label-text.opacity,
195md.comp.filled-button.focus.container.elevation,
196md.comp.filled-button.focus.state-layer.color,
197md.comp.filled-button.focus.state-layer.opacity,
198md.comp.filled-button.hover.container.elevation,
199md.comp.filled-button.hover.state-layer.color,
200md.comp.filled-button.hover.state-layer.opacity,
201md.comp.filled-button.label-text.color,
202md.comp.filled-button.label-text.text-style,
203md.comp.filled-button.pressed.container.elevation,
204md.comp.filled-button.pressed.state-layer.color,
205md.comp.filled-button.pressed.state-layer.opacity,
206md.comp.filled-icon-button.container.color,
207md.comp.filled-icon-button.container.shape,
208md.comp.filled-icon-button.container.size,
209md.comp.filled-icon-button.disabled.container.color,
210md.comp.filled-icon-button.disabled.container.opacity,
211md.comp.filled-icon-button.disabled.icon.color,
212md.comp.filled-icon-button.disabled.icon.opacity,
213md.comp.filled-icon-button.focus.state-layer.color,
214md.comp.filled-icon-button.focus.state-layer.opacity,
215md.comp.filled-icon-button.hover.state-layer.color,
216md.comp.filled-icon-button.hover.state-layer.opacity,
217md.comp.filled-icon-button.icon.color,
218md.comp.filled-icon-button.icon.size,
219md.comp.filled-icon-button.pressed.state-layer.color,
220md.comp.filled-icon-button.pressed.state-layer.opacity,
221md.comp.filled-icon-button.selected.container.color,
222md.comp.filled-icon-button.toggle.selected.focus.state-layer.color,
223md.comp.filled-icon-button.toggle.selected.hover.state-layer.color,
224md.comp.filled-icon-button.toggle.selected.icon.color,
225md.comp.filled-icon-button.toggle.selected.pressed.state-layer.color,
226md.comp.filled-icon-button.toggle.unselected.focus.state-layer.color,
227md.comp.filled-icon-button.toggle.unselected.hover.state-layer.color,
228md.comp.filled-icon-button.toggle.unselected.icon.color,
229md.comp.filled-icon-button.toggle.unselected.pressed.state-layer.color,
230md.comp.filled-icon-button.unselected.container.color,
231md.comp.filled-text-field.active-indicator.color,
232md.comp.filled-text-field.active-indicator.height,
233md.comp.filled-text-field.container.color,
234md.comp.filled-text-field.disabled.active-indicator.color,
235md.comp.filled-text-field.disabled.active-indicator.height,
236md.comp.filled-text-field.disabled.active-indicator.opacity,
237md.comp.filled-text-field.disabled.container.color,
238md.comp.filled-text-field.disabled.container.opacity,
239md.comp.filled-text-field.disabled.label-text.color,
240md.comp.filled-text-field.disabled.label-text.opacity,
241md.comp.filled-text-field.disabled.supporting-text.color,
242md.comp.filled-text-field.disabled.supporting-text.opacity,
243md.comp.filled-text-field.disabled.trailing-icon.color,
244md.comp.filled-text-field.disabled.trailing-icon.opacity,
245md.comp.filled-text-field.error.active-indicator.color,
246md.comp.filled-text-field.error.focus.active-indicator.color,
247md.comp.filled-text-field.error.focus.label-text.color,
248md.comp.filled-text-field.error.focus.supporting-text.color,
249md.comp.filled-text-field.error.focus.trailing-icon.color,
250md.comp.filled-text-field.error.hover.active-indicator.color,
251md.comp.filled-text-field.error.hover.label-text.color,
252md.comp.filled-text-field.error.hover.supporting-text.color,
253md.comp.filled-text-field.error.label-text.color,
254md.comp.filled-text-field.error.leading-icon.color,
255md.comp.filled-text-field.error.supporting-text.color,
256md.comp.filled-text-field.error.trailing-icon.color,
257md.comp.filled-text-field.focus.active-indicator.color,
258md.comp.filled-text-field.focus.active-indicator.height,
259md.comp.filled-text-field.focus.label-text.color,
260md.comp.filled-text-field.focus.leading-icon.color,
261md.comp.filled-text-field.focus.supporting-text.color,
262md.comp.filled-text-field.focus.trailing-icon.color,
263md.comp.filled-text-field.hover.active-indicator.color,
264md.comp.filled-text-field.hover.active-indicator.height,
265md.comp.filled-text-field.hover.label-text.color,
266md.comp.filled-text-field.hover.leading-icon.color,
267md.comp.filled-text-field.hover.supporting-text.color,
268md.comp.filled-text-field.hover.trailing-icon.color,
269md.comp.filled-text-field.label-text.color,
270md.comp.filled-text-field.label-text.text-style,
271md.comp.filled-text-field.leading-icon.color,
272md.comp.filled-text-field.supporting-text.color,
273md.comp.filled-text-field.supporting-text.text-style,
274md.comp.filled-text-field.trailing-icon.color,
275md.comp.filled-tonal-button.container.color,
276md.comp.filled-tonal-button.container.elevation,
277md.comp.filled-tonal-button.container.height,
278md.comp.filled-tonal-button.container.shadow-color,
279md.comp.filled-tonal-button.container.shape,
280md.comp.filled-tonal-button.disabled.container.color,
281md.comp.filled-tonal-button.disabled.container.elevation,
282md.comp.filled-tonal-button.disabled.container.opacity,
283md.comp.filled-tonal-button.disabled.label-text.color,
284md.comp.filled-tonal-button.disabled.label-text.opacity,
285md.comp.filled-tonal-button.focus.container.elevation,
286md.comp.filled-tonal-button.focus.state-layer.color,
287md.comp.filled-tonal-button.focus.state-layer.opacity,
288md.comp.filled-tonal-button.hover.container.elevation,
289md.comp.filled-tonal-button.hover.state-layer.color,
290md.comp.filled-tonal-button.hover.state-layer.opacity,
291md.comp.filled-tonal-button.label-text.color,
292md.comp.filled-tonal-button.label-text.text-style,
293md.comp.filled-tonal-button.pressed.container.elevation,
294md.comp.filled-tonal-button.pressed.state-layer.color,
295md.comp.filled-tonal-button.pressed.state-layer.opacity,
296md.comp.filled-tonal-icon-button.container.color,
297md.comp.filled-tonal-icon-button.container.shape,
298md.comp.filled-tonal-icon-button.container.size,
299md.comp.filled-tonal-icon-button.disabled.container.color,
300md.comp.filled-tonal-icon-button.disabled.container.opacity,
301md.comp.filled-tonal-icon-button.disabled.icon.color,
302md.comp.filled-tonal-icon-button.disabled.icon.opacity,
303md.comp.filled-tonal-icon-button.focus.state-layer.color,
304md.comp.filled-tonal-icon-button.focus.state-layer.opacity,
305md.comp.filled-tonal-icon-button.hover.state-layer.color,
306md.comp.filled-tonal-icon-button.hover.state-layer.opacity,
307md.comp.filled-tonal-icon-button.icon.color,
308md.comp.filled-tonal-icon-button.icon.size,
309md.comp.filled-tonal-icon-button.pressed.state-layer.color,
310md.comp.filled-tonal-icon-button.pressed.state-layer.opacity,
311md.comp.filled-tonal-icon-button.selected.container.color,
312md.comp.filled-tonal-icon-button.toggle.selected.focus.state-layer.color,
313md.comp.filled-tonal-icon-button.toggle.selected.hover.state-layer.color,
314md.comp.filled-tonal-icon-button.toggle.selected.icon.color,
315md.comp.filled-tonal-icon-button.toggle.selected.pressed.state-layer.color,
316md.comp.filled-tonal-icon-button.toggle.unselected.focus.state-layer.color,
317md.comp.filled-tonal-icon-button.toggle.unselected.hover.state-layer.color,
318md.comp.filled-tonal-icon-button.toggle.unselected.icon.color,
319md.comp.filled-tonal-icon-button.toggle.unselected.pressed.state-layer.color,
320md.comp.filled-tonal-icon-button.unselected.container.color,
321md.comp.filter-chip.container.shape,
322md.comp.filter-chip.container.surface-tint-layer.color,
323md.comp.filter-chip.elevated.container.elevation,
324md.comp.filter-chip.elevated.container.shadow-color,
325md.comp.filter-chip.elevated.disabled.container.color,
326md.comp.filter-chip.elevated.disabled.container.elevation,
327md.comp.filter-chip.elevated.disabled.container.opacity,
328md.comp.filter-chip.elevated.pressed.container.elevation,
329md.comp.filter-chip.elevated.selected.container.color,
330md.comp.filter-chip.flat.container.elevation,
331md.comp.filter-chip.flat.disabled.selected.container.color,
332md.comp.filter-chip.flat.disabled.selected.container.opacity,
333md.comp.filter-chip.flat.disabled.unselected.outline.color,
334md.comp.filter-chip.flat.disabled.unselected.outline.opacity,
335md.comp.filter-chip.flat.selected.container.color,
336md.comp.filter-chip.flat.unselected.outline.color,
337md.comp.filter-chip.flat.unselected.outline.width,
338md.comp.filter-chip.label-text.text-style,
339md.comp.filter-chip.with-icon.icon.size,
340md.comp.filter-chip.with-leading-icon.disabled.leading-icon.color,
341md.comp.filter-chip.with-leading-icon.selected.leading-icon.color,
342md.comp.filter-chip.with-trailing-icon.selected.trailing-icon.color,
343md.comp.full-screen-dialog.container.color,
344md.comp.icon-button.disabled.icon.color,
345md.comp.icon-button.disabled.icon.opacity,
346md.comp.icon-button.icon.size,
347md.comp.icon-button.selected.focus.state-layer.color,
348md.comp.icon-button.selected.focus.state-layer.opacity,
349md.comp.icon-button.selected.hover.state-layer.color,
350md.comp.icon-button.selected.hover.state-layer.opacity,
351md.comp.icon-button.selected.icon.color,
352md.comp.icon-button.selected.pressed.state-layer.color,
353md.comp.icon-button.selected.pressed.state-layer.opacity,
354md.comp.icon-button.state-layer.shape,
355md.comp.icon-button.state-layer.size,
356md.comp.icon-button.unselected.focus.state-layer.color,
357md.comp.icon-button.unselected.focus.state-layer.opacity,
358md.comp.icon-button.unselected.hover.state-layer.color,
359md.comp.icon-button.unselected.hover.state-layer.opacity,
360md.comp.icon-button.unselected.icon.color,
361md.comp.icon-button.unselected.pressed.state-layer.color,
362md.comp.icon-button.unselected.pressed.state-layer.opacity,
363md.comp.input-chip.container.elevation,
364md.comp.input-chip.container.shape,
365md.comp.input-chip.disabled.selected.container.color,
366md.comp.input-chip.disabled.selected.container.opacity,
367md.comp.input-chip.disabled.unselected.outline.color,
368md.comp.input-chip.disabled.unselected.outline.opacity,
369md.comp.input-chip.label-text.text-style,
370md.comp.input-chip.selected.container.color,
371md.comp.input-chip.unselected.outline.color,
372md.comp.input-chip.unselected.outline.width,
373md.comp.input-chip.with-leading-icon.disabled.leading-icon.color,
374md.comp.input-chip.with-leading-icon.leading-icon.size,
375md.comp.input-chip.with-trailing-icon.selected.trailing-icon.color,
376md.comp.linear-progress-indicator.active-indicator.color,
377md.comp.linear-progress-indicator.track.color,
378md.comp.linear-progress-indicator.track.height,
379md.comp.list.list-item.container.shape,
380md.comp.list.list-item.disabled.label-text.color,
381md.comp.list.list-item.disabled.label-text.opacity,
382md.comp.list.list-item.disabled.leading-icon.color,
383md.comp.list.list-item.disabled.leading-icon.opacity,
384md.comp.list.list-item.focus.label-text.color,
385md.comp.list.list-item.focus.leading-icon.icon.color,
386md.comp.list.list-item.focus.state-layer.color,
387md.comp.list.list-item.focus.state-layer.opacity,
388md.comp.list.list-item.hover.label-text.color,
389md.comp.list.list-item.hover.leading-icon.icon.color,
390md.comp.list.list-item.hover.state-layer.color,
391md.comp.list.list-item.hover.state-layer.opacity,
392md.comp.list.list-item.label-text.color,
393md.comp.list.list-item.label-text.text-style,
394md.comp.list.list-item.leading-icon.color,
395md.comp.list.list-item.pressed.label-text.color,
396md.comp.list.list-item.pressed.leading-icon.icon.color,
397md.comp.list.list-item.pressed.state-layer.color,
398md.comp.list.list-item.pressed.state-layer.opacity,
399md.comp.list.list-item.selected.trailing-icon.color,
400md.comp.list.list-item.supporting-text.color,
401md.comp.list.list-item.supporting-text.text-style,
402md.comp.list.list-item.trailing-icon.color,
403md.comp.list.list-item.trailing-supporting-text.color,
404md.comp.list.list-item.trailing-supporting-text.text-style,
405md.comp.menu.container.color,
406md.comp.menu.container.elevation,
407md.comp.menu.container.shadow-color,
408md.comp.menu.container.shape,
409md.comp.menu.container.surface-tint-layer.color,
410md.comp.navigation-bar.active-indicator.color,
411md.comp.navigation-bar.active-indicator.shape,
412md.comp.navigation-bar.active.icon.color,
413md.comp.navigation-bar.active.label-text.color,
414md.comp.navigation-bar.container.color,
415md.comp.navigation-bar.container.elevation,
416md.comp.navigation-bar.container.height,
417md.comp.navigation-bar.container.surface-tint-layer.color,
418md.comp.navigation-bar.icon.size,
419md.comp.navigation-bar.inactive.icon.color,
420md.comp.navigation-bar.inactive.label-text.color,
421md.comp.navigation-bar.label-text.text-style,
422md.comp.navigation-drawer.active-indicator.color,
423md.comp.navigation-drawer.active-indicator.height,
424md.comp.navigation-drawer.active-indicator.shape,
425md.comp.navigation-drawer.active-indicator.width,
426md.comp.navigation-drawer.active.icon.color,
427md.comp.navigation-drawer.active.label-text.color,
428md.comp.navigation-drawer.container.color,
429md.comp.navigation-drawer.container.surface-tint-layer.color,
430md.comp.navigation-drawer.icon.size,
431md.comp.navigation-drawer.inactive.icon.color,
432md.comp.navigation-drawer.inactive.label-text.color,
433md.comp.navigation-drawer.label-text.text-style,
434md.comp.navigation-drawer.modal.container.elevation,
435md.comp.navigation-rail.active-indicator.color,
436md.comp.navigation-rail.active-indicator.shape,
437md.comp.navigation-rail.active.focus.label-text.color,
438md.comp.navigation-rail.active.icon.color,
439md.comp.navigation-rail.container.color,
440md.comp.navigation-rail.container.elevation,
441md.comp.navigation-rail.container.width,
442md.comp.navigation-rail.icon.size,
443md.comp.navigation-rail.inactive.focus.label-text.color,
444md.comp.navigation-rail.inactive.icon.color,
445md.comp.navigation-rail.label-text.text-style,
446md.comp.outlined-button.container.height,
447md.comp.outlined-button.container.shape,
448md.comp.outlined-button.disabled.label-text.color,
449md.comp.outlined-button.disabled.label-text.opacity,
450md.comp.outlined-button.disabled.outline.color,
451md.comp.outlined-button.disabled.outline.opacity,
452md.comp.outlined-button.focus.state-layer.color,
453md.comp.outlined-button.focus.state-layer.opacity,
454md.comp.outlined-button.hover.state-layer.color,
455md.comp.outlined-button.hover.state-layer.opacity,
456md.comp.outlined-button.label-text.color,
457md.comp.outlined-button.label-text.text-style,
458md.comp.outlined-button.outline.color,
459md.comp.outlined-button.outline.width,
460md.comp.outlined-button.pressed.state-layer.color,
461md.comp.outlined-button.pressed.state-layer.opacity,
462md.comp.outlined-icon-button.container.shape,
463md.comp.outlined-icon-button.container.size,
464md.comp.outlined-icon-button.disabled.icon.color,
465md.comp.outlined-icon-button.disabled.icon.opacity,
466md.comp.outlined-icon-button.disabled.selected.container.color,
467md.comp.outlined-icon-button.disabled.selected.container.opacity,
468md.comp.outlined-icon-button.disabled.unselected.outline.color,
469md.comp.outlined-icon-button.disabled.unselected.outline.opacity,
470md.comp.outlined-icon-button.focus.state-layer.opacity,
471md.comp.outlined-icon-button.hover.state-layer.opacity,
472md.comp.outlined-icon-button.icon.size,
473md.comp.outlined-icon-button.pressed.state-layer.opacity,
474md.comp.outlined-icon-button.selected.container.color,
475md.comp.outlined-icon-button.selected.focus.state-layer.color,
476md.comp.outlined-icon-button.selected.hover.state-layer.color,
477md.comp.outlined-icon-button.selected.icon.color,
478md.comp.outlined-icon-button.selected.pressed.state-layer.color,
479md.comp.outlined-icon-button.unselected.focus.state-layer.color,
480md.comp.outlined-icon-button.unselected.hover.state-layer.color,
481md.comp.outlined-icon-button.unselected.icon.color,
482md.comp.outlined-icon-button.unselected.outline.color,
483md.comp.outlined-icon-button.unselected.pressed.state-layer.color,
484md.comp.outlined-segmented-button.container.height,
485md.comp.outlined-segmented-button.disabled.label-text.color,
486md.comp.outlined-segmented-button.disabled.label-text.opacity,
487md.comp.outlined-segmented-button.disabled.outline.color,
488md.comp.outlined-segmented-button.disabled.outline.opacity,
489md.comp.outlined-segmented-button.focus.state-layer.opacity,
490md.comp.outlined-segmented-button.hover.state-layer.opacity,
491md.comp.outlined-segmented-button.label-text.text-style,
492md.comp.outlined-segmented-button.outline.color,
493md.comp.outlined-segmented-button.outline.width,
494md.comp.outlined-segmented-button.pressed.state-layer.opacity,
495md.comp.outlined-segmented-button.selected.container.color,
496md.comp.outlined-segmented-button.selected.focus.label-text.color,
497md.comp.outlined-segmented-button.selected.focus.state-layer.color,
498md.comp.outlined-segmented-button.selected.hover.label-text.color,
499md.comp.outlined-segmented-button.selected.hover.state-layer.color,
500md.comp.outlined-segmented-button.selected.label-text.color,
501md.comp.outlined-segmented-button.selected.pressed.label-text.color,
502md.comp.outlined-segmented-button.selected.pressed.state-layer.color,
503md.comp.outlined-segmented-button.shape,
504md.comp.outlined-segmented-button.unselected.focus.label-text.color,
505md.comp.outlined-segmented-button.unselected.focus.state-layer.color,
506md.comp.outlined-segmented-button.unselected.hover.label-text.color,
507md.comp.outlined-segmented-button.unselected.hover.state-layer.color,
508md.comp.outlined-segmented-button.unselected.label-text.color,
509md.comp.outlined-segmented-button.unselected.pressed.label-text.color,
510md.comp.outlined-segmented-button.unselected.pressed.state-layer.color,
511md.comp.outlined-segmented-button.with-icon.icon.size,
512md.comp.outlined-text-field.disabled.outline.color,
513md.comp.outlined-text-field.disabled.outline.opacity,
514md.comp.outlined-text-field.disabled.outline.width,
515md.comp.outlined-text-field.error.focus.outline.color,
516md.comp.outlined-text-field.error.hover.outline.color,
517md.comp.outlined-text-field.error.outline.color,
518md.comp.outlined-text-field.focus.outline.color,
519md.comp.outlined-text-field.focus.outline.width,
520md.comp.outlined-text-field.hover.outline.color,
521md.comp.outlined-text-field.hover.outline.width,
522md.comp.outlined-text-field.outline.color,
523md.comp.outlined-text-field.outline.width,
524md.comp.primary-navigation-tab.active-indicator.color,
525md.comp.primary-navigation-tab.active-indicator.height,
526md.comp.primary-navigation-tab.active.focus.state-layer.color,
527md.comp.primary-navigation-tab.active.focus.state-layer.opacity,
528md.comp.primary-navigation-tab.active.hover.state-layer.color,
529md.comp.primary-navigation-tab.active.hover.state-layer.opacity,
530md.comp.primary-navigation-tab.active.pressed.state-layer.color,
531md.comp.primary-navigation-tab.active.pressed.state-layer.opacity,
532md.comp.primary-navigation-tab.divider.color,
533md.comp.primary-navigation-tab.divider.height,
534md.comp.primary-navigation-tab.inactive.focus.state-layer.color,
535md.comp.primary-navigation-tab.inactive.focus.state-layer.opacity,
536md.comp.primary-navigation-tab.inactive.hover.state-layer.color,
537md.comp.primary-navigation-tab.inactive.hover.state-layer.opacity,
538md.comp.primary-navigation-tab.inactive.pressed.state-layer.color,
539md.comp.primary-navigation-tab.inactive.pressed.state-layer.opacity,
540md.comp.primary-navigation-tab.with-label-text.active.label-text.color,
541md.comp.primary-navigation-tab.with-label-text.inactive.label-text.color,
542md.comp.primary-navigation-tab.with-label-text.label-text.text-style,
543md.comp.radio-button.disabled.selected.icon.color,
544md.comp.radio-button.disabled.selected.icon.opacity,
545md.comp.radio-button.disabled.unselected.icon.color,
546md.comp.radio-button.disabled.unselected.icon.opacity,
547md.comp.radio-button.selected.focus.icon.color,
548md.comp.radio-button.selected.focus.state-layer.color,
549md.comp.radio-button.selected.focus.state-layer.opacity,
550md.comp.radio-button.selected.hover.icon.color,
551md.comp.radio-button.selected.hover.state-layer.color,
552md.comp.radio-button.selected.hover.state-layer.opacity,
553md.comp.radio-button.selected.icon.color,
554md.comp.radio-button.selected.pressed.icon.color,
555md.comp.radio-button.selected.pressed.state-layer.color,
556md.comp.radio-button.selected.pressed.state-layer.opacity,
557md.comp.radio-button.unselected.focus.icon.color,
558md.comp.radio-button.unselected.focus.state-layer.color,
559md.comp.radio-button.unselected.focus.state-layer.opacity,
560md.comp.radio-button.unselected.hover.icon.color,
561md.comp.radio-button.unselected.hover.state-layer.color,
562md.comp.radio-button.unselected.hover.state-layer.opacity,
563md.comp.radio-button.unselected.icon.color,
564md.comp.radio-button.unselected.pressed.icon.color,
565md.comp.radio-button.unselected.pressed.state-layer.color,
566md.comp.radio-button.unselected.pressed.state-layer.opacity,
567md.comp.search-bar.container.color,
568md.comp.search-bar.container.elevation,
569md.comp.search-bar.container.height,
570md.comp.search-bar.container.shape,
571md.comp.search-bar.container.surface-tint-layer.color,
572md.comp.search-bar.hover.state-layer.color,
573md.comp.search-bar.hover.state-layer.opacity,
574md.comp.search-bar.input-text.color,
575md.comp.search-bar.input-text.text-style,
576md.comp.search-bar.pressed.state-layer.color,
577md.comp.search-bar.pressed.state-layer.opacity,
578md.comp.search-bar.supporting-text.color,
579md.comp.search-bar.supporting-text.text-style,
580md.comp.search-view.container.color,
581md.comp.search-view.container.elevation,
582md.comp.search-view.container.surface-tint-layer.color,
583md.comp.search-view.divider.color,
584md.comp.search-view.docked.container.shape,
585md.comp.search-view.full-screen.container.shape,
586md.comp.search-view.full-screen.header.container.height,
587md.comp.search-view.header.input-text.color,
588md.comp.search-view.header.input-text.text-style,
589md.comp.search-view.header.supporting-text.color,
590md.comp.search-view.header.supporting-text.text-style,
591md.comp.secondary-navigation-tab.active.label-text.color,
592md.comp.secondary-navigation-tab.divider.color,
593md.comp.secondary-navigation-tab.divider.height,
594md.comp.secondary-navigation-tab.focus.state-layer.color,
595md.comp.secondary-navigation-tab.focus.state-layer.opacity,
596md.comp.secondary-navigation-tab.hover.state-layer.color,
597md.comp.secondary-navigation-tab.hover.state-layer.opacity,
598md.comp.secondary-navigation-tab.inactive.label-text.color,
599md.comp.secondary-navigation-tab.label-text.text-style,
600md.comp.secondary-navigation-tab.pressed.state-layer.color,
601md.comp.secondary-navigation-tab.pressed.state-layer.opacity,
602md.comp.sheet.bottom.docked.container.color,
603md.comp.sheet.bottom.docked.container.shape,
604md.comp.sheet.bottom.docked.container.surface-tint-layer.color,
605md.comp.sheet.bottom.docked.drag-handle.color,
606md.comp.sheet.bottom.docked.drag-handle.height,
607md.comp.sheet.bottom.docked.drag-handle.opacity,
608md.comp.sheet.bottom.docked.drag-handle.width,
609md.comp.sheet.bottom.docked.modal.container.elevation,
610md.comp.sheet.bottom.docked.standard.container.elevation,
611md.comp.slider.active.track.color,
612md.comp.slider.active.track.height,
613md.comp.slider.disabled.active.track.color,
614md.comp.slider.disabled.active.track.opacity,
615md.comp.slider.disabled.handle.color,
616md.comp.slider.disabled.handle.opacity,
617md.comp.slider.disabled.inactive.track.color,
618md.comp.slider.disabled.inactive.track.opacity,
619md.comp.slider.focus.state-layer.color,
620md.comp.slider.focus.state-layer.opacity,
621md.comp.slider.handle.color,
622md.comp.slider.hover.state-layer.color,
623md.comp.slider.hover.state-layer.opacity,
624md.comp.slider.inactive.track.color,
625md.comp.slider.label.label-text.color,
626md.comp.slider.label.label-text.text-style,
627md.comp.slider.pressed.state-layer.color,
628md.comp.slider.pressed.state-layer.opacity,
629md.comp.slider.with-tick-marks.active.container.color,
630md.comp.slider.with-tick-marks.active.container.opacity,
631md.comp.slider.with-tick-marks.disabled.container.color,
632md.comp.slider.with-tick-marks.disabled.container.opacity,
633md.comp.slider.with-tick-marks.inactive.container.color,
634md.comp.slider.with-tick-marks.inactive.container.opacity,
635md.comp.snackbar.action.focus.label-text.color,
636md.comp.snackbar.action.hover.label-text.color,
637md.comp.snackbar.action.label-text.color,
638md.comp.snackbar.action.pressed.label-text.color,
639md.comp.snackbar.container.color,
640md.comp.snackbar.container.elevation,
641md.comp.snackbar.container.shape,
642md.comp.snackbar.icon.color,
643md.comp.snackbar.supporting-text.color,
644md.comp.snackbar.supporting-text.text-style,
645md.comp.switch.disabled.selected.handle.color,
646md.comp.switch.disabled.selected.handle.opacity,
647md.comp.switch.disabled.selected.icon.color,
648md.comp.switch.disabled.selected.icon.opacity,
649md.comp.switch.disabled.selected.track.color,
650md.comp.switch.disabled.track.opacity,
651md.comp.switch.disabled.unselected.handle.color,
652md.comp.switch.disabled.unselected.handle.opacity,
653md.comp.switch.disabled.unselected.icon.color,
654md.comp.switch.disabled.unselected.icon.opacity,
655md.comp.switch.disabled.unselected.track.color,
656md.comp.switch.disabled.unselected.track.outline.color,
657md.comp.switch.pressed.handle.width,
658md.comp.switch.selected.focus.handle.color,
659md.comp.switch.selected.focus.icon.color,
660md.comp.switch.selected.focus.state-layer.color,
661md.comp.switch.selected.focus.state-layer.opacity,
662md.comp.switch.selected.focus.track.color,
663md.comp.switch.selected.handle.color,
664md.comp.switch.selected.handle.width,
665md.comp.switch.selected.hover.handle.color,
666md.comp.switch.selected.hover.icon.color,
667md.comp.switch.selected.hover.state-layer.color,
668md.comp.switch.selected.hover.state-layer.opacity,
669md.comp.switch.selected.hover.track.color,
670md.comp.switch.selected.icon.color,
671md.comp.switch.selected.pressed.handle.color,
672md.comp.switch.selected.pressed.icon.color,
673md.comp.switch.selected.pressed.state-layer.color,
674md.comp.switch.selected.pressed.state-layer.opacity,
675md.comp.switch.selected.pressed.track.color,
676md.comp.switch.selected.track.color,
677md.comp.switch.state-layer.size,
678md.comp.switch.track.height,
679md.comp.switch.track.outline.width,
680md.comp.switch.track.width,
681md.comp.switch.unselected.focus.handle.color,
682md.comp.switch.unselected.focus.icon.color,
683md.comp.switch.unselected.focus.state-layer.color,
684md.comp.switch.unselected.focus.state-layer.opacity,
685md.comp.switch.unselected.focus.track.color,
686md.comp.switch.unselected.handle.color,
687md.comp.switch.unselected.handle.width,
688md.comp.switch.unselected.hover.handle.color,
689md.comp.switch.unselected.hover.icon.color,
690md.comp.switch.unselected.hover.state-layer.color,
691md.comp.switch.unselected.hover.state-layer.opacity,
692md.comp.switch.unselected.hover.track.color,
693md.comp.switch.unselected.icon.color,
694md.comp.switch.unselected.icon.size,
695md.comp.switch.unselected.pressed.handle.color,
696md.comp.switch.unselected.pressed.icon.color,
697md.comp.switch.unselected.pressed.state-layer.color,
698md.comp.switch.unselected.pressed.state-layer.opacity,
699md.comp.switch.unselected.pressed.track.color,
700md.comp.switch.unselected.track.color,
701md.comp.switch.unselected.track.outline.color,
702md.comp.switch.with-icon.handle.width,
703md.comp.text-button.container.height,
704md.comp.text-button.container.shape,
705md.comp.text-button.disabled.label-text.color,
706md.comp.text-button.disabled.label-text.opacity,
707md.comp.text-button.focus.state-layer.color,
708md.comp.text-button.focus.state-layer.opacity,
709md.comp.text-button.hover.state-layer.color,
710md.comp.text-button.hover.state-layer.opacity,
711md.comp.text-button.label-text.color,
712md.comp.text-button.label-text.text-style,
713md.comp.text-button.pressed.state-layer.color,
714md.comp.text-button.pressed.state-layer.opacity,
715md.comp.time-picker.clock-dial.color,
716md.comp.time-picker.clock-dial.container.size,
717md.comp.time-picker.clock-dial.label-text.text-style,
718md.comp.time-picker.clock-dial.selected.label-text.color,
719md.comp.time-picker.clock-dial.selector.center.container.size,
720md.comp.time-picker.clock-dial.selector.handle.container.color,
721md.comp.time-picker.clock-dial.selector.handle.container.size,
722md.comp.time-picker.clock-dial.selector.track.container.width,
723md.comp.time-picker.clock-dial.unselected.label-text.color,
724md.comp.time-picker.container.color,
725md.comp.time-picker.container.elevation,
726md.comp.time-picker.container.shape,
727md.comp.time-picker.headline.color,
728md.comp.time-picker.headline.text-style,
729md.comp.time-picker.period-selector.container.shape,
730md.comp.time-picker.period-selector.horizontal.container.height,
731md.comp.time-picker.period-selector.horizontal.container.width,
732md.comp.time-picker.period-selector.label-text.text-style,
733md.comp.time-picker.period-selector.outline.color,
734md.comp.time-picker.period-selector.outline.width,
735md.comp.time-picker.period-selector.selected.container.color,
736md.comp.time-picker.period-selector.selected.focus.label-text.color,
737md.comp.time-picker.period-selector.selected.hover.label-text.color,
738md.comp.time-picker.period-selector.selected.label-text.color,
739md.comp.time-picker.period-selector.selected.pressed.label-text.color,
740md.comp.time-picker.period-selector.unselected.focus.label-text.color,
741md.comp.time-picker.period-selector.unselected.hover.label-text.color,
742md.comp.time-picker.period-selector.unselected.label-text.color,
743md.comp.time-picker.period-selector.unselected.pressed.label-text.color,
744md.comp.time-picker.period-selector.vertical.container.height,
745md.comp.time-picker.period-selector.vertical.container.width,
746md.comp.time-picker.time-selector.24h-vertical.container.width,
747md.comp.time-picker.time-selector.container.height,
748md.comp.time-picker.time-selector.container.shape,
749md.comp.time-picker.time-selector.container.width,
750md.comp.time-picker.time-selector.focus.state-layer.opacity,
751md.comp.time-picker.time-selector.hover.state-layer.opacity,
752md.comp.time-picker.time-selector.selected.container.color,
753md.comp.time-picker.time-selector.selected.focus.label-text.color,
754md.comp.time-picker.time-selector.selected.focus.state-layer.color,
755md.comp.time-picker.time-selector.selected.hover.label-text.color,
756md.comp.time-picker.time-selector.selected.hover.state-layer.color,
757md.comp.time-picker.time-selector.selected.label-text.color,
758md.comp.time-picker.time-selector.selected.pressed.label-text.color,
759md.comp.time-picker.time-selector.selected.pressed.state-layer.color,
760md.comp.time-picker.time-selector.unselected.container.color,
761md.comp.time-picker.time-selector.unselected.focus.label-text.color,
762md.comp.time-picker.time-selector.unselected.focus.state-layer.color,
763md.comp.time-picker.time-selector.unselected.hover.label-text.color,
764md.comp.time-picker.time-selector.unselected.hover.state-layer.color,
765md.comp.time-picker.time-selector.unselected.label-text.color,
766md.comp.time-picker.time-selector.unselected.pressed.label-text.color,
767md.comp.time-picker.time-selector.unselected.pressed.state-layer.color,
768md.comp.top-app-bar.large.container.height,
769md.comp.top-app-bar.large.headline.color,
770md.comp.top-app-bar.large.headline.text-style,
771md.comp.top-app-bar.medium.container.height,
772md.comp.top-app-bar.medium.headline.color,
773md.comp.top-app-bar.medium.headline.text-style,
774md.comp.top-app-bar.small.container.color,
775md.comp.top-app-bar.small.container.elevation,
776md.comp.top-app-bar.small.container.height,
777md.comp.top-app-bar.small.container.surface-tint-layer.color,
778md.comp.top-app-bar.small.headline.color,
779md.comp.top-app-bar.small.headline.text-style,
780md.comp.top-app-bar.small.leading-icon.color,
781md.comp.top-app-bar.small.leading-icon.size,
782md.comp.top-app-bar.small.on-scroll.container.elevation,
783md.comp.top-app-bar.small.trailing-icon.color,
784md.comp.top-app-bar.small.trailing-icon.size,
785md.ref.palette.error10,
786md.ref.palette.error100,
787md.ref.palette.error20,
788md.ref.palette.error30,
789md.ref.palette.error40,
790md.ref.palette.error80,
791md.ref.palette.error90,
792md.ref.palette.neutral-variant30,
793md.ref.palette.neutral-variant50,
794md.ref.palette.neutral-variant60,
795md.ref.palette.neutral-variant80,
796md.ref.palette.neutral-variant90,
797md.ref.palette.neutral0,
798md.ref.palette.neutral10,
799md.ref.palette.neutral20,
800md.ref.palette.neutral90,
801md.ref.palette.neutral95,
802md.ref.palette.neutral99,
803md.ref.palette.primary10,
804md.ref.palette.primary100,
805md.ref.palette.primary20,
806md.ref.palette.primary30,
807md.ref.palette.primary40,
808md.ref.palette.primary80,
809md.ref.palette.primary90,
810md.ref.palette.secondary10,
811md.ref.palette.secondary100,
812md.ref.palette.secondary20,
813md.ref.palette.secondary30,
814md.ref.palette.secondary40,
815md.ref.palette.secondary80,
816md.ref.palette.secondary90,
817md.ref.palette.tertiary10,
818md.ref.palette.tertiary100,
819md.ref.palette.tertiary20,
820md.ref.palette.tertiary30,
821md.ref.palette.tertiary40,
822md.ref.palette.tertiary80,
823md.ref.palette.tertiary90,
824md.ref.typeface.weight-medium,
825md.ref.typeface.weight-regular,
826md.sys.color.background,
827md.sys.color.error,
828md.sys.color.error-container,
829md.sys.color.inverse-on-surface,
830md.sys.color.inverse-primary,
831md.sys.color.inverse-surface,
832md.sys.color.on-background,
833md.sys.color.on-error,
834md.sys.color.on-error-container,
835md.sys.color.on-primary,
836md.sys.color.on-primary-container,
837md.sys.color.on-secondary,
838md.sys.color.on-secondary-container,
839md.sys.color.on-surface,
840md.sys.color.on-surface-variant,
841md.sys.color.on-tertiary,
842md.sys.color.on-tertiary-container,
843md.sys.color.outline,
844md.sys.color.outline-variant,
845md.sys.color.primary,
846md.sys.color.primary-container,
847md.sys.color.scrim,
848md.sys.color.secondary,
849md.sys.color.secondary-container,
850md.sys.color.shadow,
851md.sys.color.surface,
852md.sys.color.surface-variant,
853md.sys.color.tertiary,
854md.sys.color.tertiary-container,
855md.sys.elevation.level0,
856md.sys.elevation.level1,
857md.sys.elevation.level2,
858md.sys.elevation.level3,
859md.sys.elevation.level4,
860md.sys.elevation.level5,
861md.sys.motion.duration.extra-long1Ms,
862md.sys.motion.duration.extra-long2Ms,
863md.sys.motion.duration.extra-long3Ms,
864md.sys.motion.duration.extra-long4Ms,
865md.sys.motion.duration.long1Ms,
866md.sys.motion.duration.long2Ms,
867md.sys.motion.duration.long3Ms,
868md.sys.motion.duration.long4Ms,
869md.sys.motion.duration.medium1Ms,
870md.sys.motion.duration.medium2Ms,
871md.sys.motion.duration.medium3Ms,
872md.sys.motion.duration.medium4Ms,
873md.sys.motion.duration.short1Ms,
874md.sys.motion.duration.short2Ms,
875md.sys.motion.duration.short3Ms,
876md.sys.motion.duration.short4Ms,
877md.sys.motion.easing.emphasized.accelerate,
878md.sys.motion.easing.emphasized.decelerate,
879md.sys.motion.easing.legacy,
880md.sys.motion.easing.legacy.accelerate,
881md.sys.motion.easing.legacy.decelerate,
882md.sys.motion.easing.linear,
883md.sys.motion.easing.standard,
884md.sys.motion.easing.standard.accelerate,
885md.sys.motion.easing.standard.decelerate,
886md.sys.shape.corner.extra-large,
887md.sys.shape.corner.extra-large.top,
888md.sys.shape.corner.extra-small,
889md.sys.shape.corner.full,
890md.sys.shape.corner.large,
891md.sys.shape.corner.medium,
892md.sys.shape.corner.none,
893md.sys.shape.corner.small,
894md.sys.state.focus.state-layer-opacity,
895md.sys.state.hover.state-layer-opacity,
896md.sys.state.pressed.state-layer-opacity,
897md.sys.typescale.body-large.line-height,
898md.sys.typescale.body-large.size,
899md.sys.typescale.body-large.tracking,
900md.sys.typescale.body-large.weight,
901md.sys.typescale.body-medium.line-height,
902md.sys.typescale.body-medium.size,
903md.sys.typescale.body-medium.tracking,
904md.sys.typescale.body-medium.weight,
905md.sys.typescale.body-small.line-height,
906md.sys.typescale.body-small.size,
907md.sys.typescale.body-small.tracking,
908md.sys.typescale.body-small.weight,
909md.sys.typescale.display-large.line-height,
910md.sys.typescale.display-large.size,
911md.sys.typescale.display-large.tracking,
912md.sys.typescale.display-large.weight,
913md.sys.typescale.display-medium.line-height,
914md.sys.typescale.display-medium.size,
915md.sys.typescale.display-medium.tracking,
916md.sys.typescale.display-medium.weight,
917md.sys.typescale.display-small.line-height,
918md.sys.typescale.display-small.size,
919md.sys.typescale.display-small.tracking,
920md.sys.typescale.display-small.weight,
921md.sys.typescale.headline-large.line-height,
922md.sys.typescale.headline-large.size,
923md.sys.typescale.headline-large.tracking,
924md.sys.typescale.headline-large.weight,
925md.sys.typescale.headline-medium.line-height,
926md.sys.typescale.headline-medium.size,
927md.sys.typescale.headline-medium.tracking,
928md.sys.typescale.headline-medium.weight,
929md.sys.typescale.headline-small.line-height,
930md.sys.typescale.headline-small.size,
931md.sys.typescale.headline-small.tracking,
932md.sys.typescale.headline-small.weight,
933md.sys.typescale.label-large.line-height,
934md.sys.typescale.label-large.size,
935md.sys.typescale.label-large.tracking,
936md.sys.typescale.label-large.weight,
937md.sys.typescale.label-medium.line-height,
938md.sys.typescale.label-medium.size,
939md.sys.typescale.label-medium.tracking,
940md.sys.typescale.label-medium.weight,
941md.sys.typescale.label-small.line-height,
942md.sys.typescale.label-small.size,
943md.sys.typescale.label-small.tracking,
944md.sys.typescale.label-small.weight,
945md.sys.typescale.title-large.line-height,
946md.sys.typescale.title-large.size,
947md.sys.typescale.title-large.tracking,
948md.sys.typescale.title-large.weight,
949md.sys.typescale.title-medium.line-height,
950md.sys.typescale.title-medium.size,
951md.sys.typescale.title-medium.tracking,
952md.sys.typescale.title-medium.weight,
953md.sys.typescale.title-small.line-height,
954md.sys.typescale.title-small.size,
955md.sys.typescale.title-small.tracking,
956md.sys.typescale.title-small.weight