@koobiq/components 18.27.0 → 18.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/core/styles/theming/_components-theming.scss +343 -206
  2. package/datepicker/datepicker-module.d.ts +1 -1
  3. package/empty-state/empty-state.module.d.ts +1 -1
  4. package/esm2022/core/version.mjs +2 -2
  5. package/esm2022/datepicker/calendar.component.mjs +2 -1
  6. package/esm2022/datepicker/datepicker-module.mjs +1 -4
  7. package/esm2022/empty-state/empty-state.module.mjs +1 -3
  8. package/esm2022/filter-bar/filter-bar.mjs +9 -5
  9. package/esm2022/filter-bar/filter-bar.types.mjs +1 -1
  10. package/esm2022/filter-bar/pipes/base-pipe.mjs +5 -3
  11. package/esm2022/filter-bar/pipes/pipe-button.mjs +5 -5
  12. package/esm2022/filter-bar/pipes/pipe-date.mjs +3 -3
  13. package/esm2022/filter-bar/pipes/pipe-datetime.mjs +3 -3
  14. package/esm2022/filter-bar/pipes/pipe-multi-select.mjs +12 -4
  15. package/esm2022/filter-bar/pipes/pipe-readonly.mjs +11 -14
  16. package/esm2022/filter-bar/pipes/pipe-select.mjs +12 -3
  17. package/esm2022/filter-bar/pipes/pipe-state.mjs +4 -4
  18. package/esm2022/filter-bar/pipes/pipe-text.mjs +3 -3
  19. package/esm2022/markdown/markdown.component.mjs +2 -2
  20. package/esm2022/select/select.component.mjs +6 -3
  21. package/esm2022/tabs/tab-nav-bar.mjs +4 -4
  22. package/esm2022/textarea/textarea.component.mjs +5 -4
  23. package/esm2022/tree-select/tree-select.component.mjs +7 -3
  24. package/fesm2022/koobiq-components-core.mjs +1 -1
  25. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  26. package/fesm2022/koobiq-components-datepicker.mjs +1 -3
  27. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  28. package/fesm2022/koobiq-components-empty-state.mjs +0 -2
  29. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  30. package/fesm2022/koobiq-components-filter-bar.mjs +55 -37
  31. package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
  32. package/fesm2022/koobiq-components-markdown.mjs +2 -2
  33. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  34. package/fesm2022/koobiq-components-select.mjs +5 -2
  35. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  36. package/fesm2022/koobiq-components-tabs.mjs +3 -3
  37. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  38. package/fesm2022/koobiq-components-textarea.mjs +4 -3
  39. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  40. package/fesm2022/koobiq-components-tree-select.mjs +6 -2
  41. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  42. package/filter-bar/filter-bar.d.ts +4 -2
  43. package/filter-bar/filter-bar.types.d.ts +5 -4
  44. package/filter-bar/pipes/base-pipe.d.ts +3 -1
  45. package/filter-bar/pipes/base-pipe.scss +1 -1
  46. package/filter-bar/pipes/pipe-multi-select.d.ts +4 -2
  47. package/filter-bar/pipes/pipe-readonly.scss +18 -0
  48. package/filter-bar/pipes/pipe-select.d.ts +5 -2
  49. package/filter-bar/pipes/pipe-state.d.ts +1 -1
  50. package/markdown/markdown.scss +1 -1
  51. package/package.json +5 -5
  52. package/schematics/migrations/css-selectors/README.md +1 -1
  53. package/schematics/migrations/deprecated-icons/README.md +3 -3
  54. package/schematics/migrations/empty-state-size-attr/README.md +2 -2
  55. package/schematics/migrations/loader-overlay-size-attr/README.md +2 -2
  56. package/schematics/migrations/new-icons-pack/README.md +3 -3
  57. package/schematics/ng-add/index.js +6 -6
  58. package/tabs/tab-nav-bar.d.ts +1 -1
  59. package/textarea/textarea.component.d.ts +1 -1
  60. package/toast/toast.component.scss +2 -1
package/core/styles/theming/_components-theming.scss CHANGED
@@ -180,18 +180,30 @@
180
180
  background: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-background'),
181
181
  left-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-left-icon'),
182
182
  right-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-right-icon'),
183
- states-hover-background:
184
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-hover-background'),
185
- states-active-background:
186
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-active-background'),
187
- states-disabled-foreground:
188
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-foreground'),
189
- states-disabled-background:
190
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-background'),
191
- states-disabled-left-icon:
192
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-left-icon'),
193
- states-disabled-right-icon:
194
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-right-icon')
183
+ states-hover-background: map.get(
184
+ $tokens,
185
+ 'button-#{$scheme}-filled-contrast-fade-off-states-hover-background'
186
+ ),
187
+ states-active-background: map.get(
188
+ $tokens,
189
+ 'button-#{$scheme}-filled-contrast-fade-off-states-active-background'
190
+ ),
191
+ states-disabled-foreground: map.get(
192
+ $tokens,
193
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-foreground'
194
+ ),
195
+ states-disabled-background: map.get(
196
+ $tokens,
197
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-background'
198
+ ),
199
+ states-disabled-left-icon: map.get(
200
+ $tokens,
201
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-left-icon'
202
+ ),
203
+ states-disabled-right-icon: map.get(
204
+ $tokens,
205
+ 'button-#{$scheme}-filled-contrast-fade-off-states-disabled-right-icon'
206
+ )
195
207
  ),
196
208
  contrast-fade-on: (
197
209
  border: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-border'),
@@ -199,18 +211,30 @@
199
211
  background: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-background'),
200
212
  left-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-left-icon'),
201
213
  right-icon: map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-right-icon'),
202
- states-hover-background:
203
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-hover-background'),
204
- states-active-background:
205
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-active-background'),
206
- states-disabled-foreground:
207
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-foreground'),
208
- states-disabled-background:
209
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-background'),
210
- states-disabled-left-icon:
211
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-left-icon'),
212
- states-disabled-right-icon:
213
- map.get($tokens, 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-right-icon')
214
+ states-hover-background: map.get(
215
+ $tokens,
216
+ 'button-#{$scheme}-filled-contrast-fade-on-states-hover-background'
217
+ ),
218
+ states-active-background: map.get(
219
+ $tokens,
220
+ 'button-#{$scheme}-filled-contrast-fade-on-states-active-background'
221
+ ),
222
+ states-disabled-foreground: map.get(
223
+ $tokens,
224
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-foreground'
225
+ ),
226
+ states-disabled-background: map.get(
227
+ $tokens,
228
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-background'
229
+ ),
230
+ states-disabled-left-icon: map.get(
231
+ $tokens,
232
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-left-icon'
233
+ ),
234
+ states-disabled-right-icon: map.get(
235
+ $tokens,
236
+ 'button-#{$scheme}-filled-contrast-fade-on-states-disabled-right-icon'
237
+ )
214
238
  )
215
239
  ),
216
240
  outline: (
@@ -220,18 +244,30 @@
220
244
  background: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-background'),
221
245
  left-icon: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-left-icon'),
222
246
  right-icon: map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-right-icon'),
223
- states-hover-background:
224
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-hover-background'),
225
- states-active-background:
226
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-active-background'),
227
- states_disabled_border:
228
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-border'),
229
- states-disabled-foreground:
230
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-foreground'),
231
- states-disabled-left-icon:
232
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-left-icon'),
233
- states-disabled-right-icon:
234
- map.get($tokens, 'button-#{$scheme}-outline-theme-fade-on-states-disabled-right-icon')
247
+ states-hover-background: map.get(
248
+ $tokens,
249
+ 'button-#{$scheme}-outline-theme-fade-on-states-hover-background'
250
+ ),
251
+ states-active-background: map.get(
252
+ $tokens,
253
+ 'button-#{$scheme}-outline-theme-fade-on-states-active-background'
254
+ ),
255
+ states_disabled_border: map.get(
256
+ $tokens,
257
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-border'
258
+ ),
259
+ states-disabled-foreground: map.get(
260
+ $tokens,
261
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-foreground'
262
+ ),
263
+ states-disabled-left-icon: map.get(
264
+ $tokens,
265
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-left-icon'
266
+ ),
267
+ states-disabled-right-icon: map.get(
268
+ $tokens,
269
+ 'button-#{$scheme}-outline-theme-fade-on-states-disabled-right-icon'
270
+ )
235
271
  ),
236
272
  contrast-fade-on: (
237
273
  border: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-border'),
@@ -239,18 +275,30 @@
239
275
  background: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-background'),
240
276
  left-icon: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-left-icon'),
241
277
  right-icon: map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-right-icon'),
242
- states-hover-background:
243
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-hover-background'),
244
- states-active-background:
245
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-active-background'),
246
- states_disabled_border:
247
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-border'),
248
- states-disabled-foreground:
249
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-foreground'),
250
- states-disabled-left-icon:
251
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-left-icon'),
252
- states-disabled-right-icon:
253
- map.get($tokens, 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-right-icon')
278
+ states-hover-background: map.get(
279
+ $tokens,
280
+ 'button-#{$scheme}-outline-contrast-fade-on-states-hover-background'
281
+ ),
282
+ states-active-background: map.get(
283
+ $tokens,
284
+ 'button-#{$scheme}-outline-contrast-fade-on-states-active-background'
285
+ ),
286
+ states_disabled_border: map.get(
287
+ $tokens,
288
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-border'
289
+ ),
290
+ states-disabled-foreground: map.get(
291
+ $tokens,
292
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-foreground'
293
+ ),
294
+ states-disabled-left-icon: map.get(
295
+ $tokens,
296
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-left-icon'
297
+ ),
298
+ states-disabled-right-icon: map.get(
299
+ $tokens,
300
+ 'button-#{$scheme}-outline-contrast-fade-on-states-disabled-right-icon'
301
+ )
254
302
  )
255
303
  ),
256
304
  transparent: (
@@ -260,16 +308,26 @@
260
308
  background: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-background'),
261
309
  left-icon: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-left-icon'),
262
310
  right-icon: map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-right-icon'),
263
- states-hover-background:
264
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-hover-background'),
265
- states-active-background:
266
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-active-background'),
267
- states-disabled-foreground:
268
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-foreground'),
269
- states-disabled-left-icon:
270
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-left-icon'),
271
- states-disabled-right-icon:
272
- map.get($tokens, 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-right-icon')
311
+ states-hover-background: map.get(
312
+ $tokens,
313
+ 'button-#{$scheme}-transparent-theme-fade-on-states-hover-background'
314
+ ),
315
+ states-active-background: map.get(
316
+ $tokens,
317
+ 'button-#{$scheme}-transparent-theme-fade-on-states-active-background'
318
+ ),
319
+ states-disabled-foreground: map.get(
320
+ $tokens,
321
+ 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-foreground'
322
+ ),
323
+ states-disabled-left-icon: map.get(
324
+ $tokens,
325
+ 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-left-icon'
326
+ ),
327
+ states-disabled-right-icon: map.get(
328
+ $tokens,
329
+ 'button-#{$scheme}-transparent-theme-fade-on-states-disabled-right-icon'
330
+ )
273
331
  ),
274
332
  contrast-fade-on: (
275
333
  border: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-border'),
@@ -277,16 +335,26 @@
277
335
  background: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-background'),
278
336
  left-icon: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-left-icon'),
279
337
  right-icon: map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-right-icon'),
280
- states-hover-background:
281
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-hover-background'),
282
- states-active-background:
283
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-active-background'),
284
- states-disabled-foreground:
285
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-foreground'),
286
- states-disabled-left-icon:
287
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-left-icon'),
288
- states-disabled-right-icon:
289
- map.get($tokens, 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-right-icon')
338
+ states-hover-background: map.get(
339
+ $tokens,
340
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-hover-background'
341
+ ),
342
+ states-active-background: map.get(
343
+ $tokens,
344
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-active-background'
345
+ ),
346
+ states-disabled-foreground: map.get(
347
+ $tokens,
348
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-foreground'
349
+ ),
350
+ states-disabled-left-icon: map.get(
351
+ $tokens,
352
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-left-icon'
353
+ ),
354
+ states-disabled-right-icon: map.get(
355
+ $tokens,
356
+ 'button-#{$scheme}-transparent-contrast-fade-on-states-disabled-right-icon'
357
+ )
290
358
  )
291
359
  )
292
360
  );
@@ -435,8 +503,10 @@
435
503
  collapse: (
436
504
  expanded-background: map.get($tokens, 'code-block-#{$scheme}-filled-collapse-expanded-background'),
437
505
  collapsed-background: map.get($tokens, 'code-block-#{$scheme}-filled-collapse-collapsed-background'),
438
- button-expand-background:
439
- map.get($tokens, 'code-block-#{$scheme}-filled-collapse-button-expand-background')
506
+ button-expand-background: map.get(
507
+ $tokens,
508
+ 'code-block-#{$scheme}-filled-collapse-button-expand-background'
509
+ )
440
510
  )
441
511
  ),
442
512
  outline: (
@@ -455,8 +525,10 @@
455
525
  collapse: (
456
526
  expanded-background: map.get($tokens, 'code-block-#{$scheme}-outline-collapse-expanded-background'),
457
527
  collapsed-background: map.get($tokens, 'code-block-#{$scheme}-outline-collapse-collapsed-background'),
458
- button-expand-background:
459
- map.get($tokens, 'code-block-#{$scheme}-outline-collapse-button-expand-background')
528
+ button-expand-background: map.get(
529
+ $tokens,
530
+ 'code-block-#{$scheme}-outline-collapse-button-expand-background'
531
+ )
460
532
  )
461
533
  ),
462
534
 
@@ -550,13 +622,17 @@
550
622
  title-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-color'),
551
623
  title-class-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-background'),
552
624
  title-class-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-color'),
553
- title-class-inherited-background:
554
- map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-inherited-background'),
625
+ title-class-inherited-background: map.get(
626
+ $tokens,
627
+ 'code-block-#{$scheme}-hljs-title-class-inherited-background'
628
+ ),
555
629
  title-class-inherited-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-class-inherited-color'),
556
630
  title-function-background: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-background'),
557
631
  title-function-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-color'),
558
- title-function-invoke-background:
559
- map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-invoke-background'),
632
+ title-function-invoke-background: map.get(
633
+ $tokens,
634
+ 'code-block-#{$scheme}-hljs-title-function-invoke-background'
635
+ ),
560
636
  title-function-invoke-color: map.get($tokens, 'code-block-#{$scheme}-hljs-title-function-invoke-color'),
561
637
  type-background: map.get($tokens, 'code-block-#{$scheme}-hljs-type-background'),
562
638
  type-color: map.get($tokens, 'code-block-#{$scheme}-hljs-type-color'),
@@ -754,8 +830,10 @@
754
830
  grid-divider: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-on-drag-grid-divider-color')
755
831
  ),
756
832
  error: (
757
- grid-cell-background:
758
- map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-grid-cell-background'),
833
+ grid-cell-background: map.get(
834
+ $tokens,
835
+ 'file-upload-#{$scheme}-multiple-states-error-grid-cell-background'
836
+ ),
759
837
  left-icon: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-left-icon-color'),
760
838
  text-block: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-text-block-color'),
761
839
  icon-button: map.get($tokens, 'file-upload-#{$scheme}-multiple-states-error-icon-button-color')
@@ -1092,50 +1170,80 @@
1092
1170
  ),
1093
1171
  states-checked: (
1094
1172
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-checked-outer-circle-border'),
1095
- outer-circle-background:
1096
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-outer-circle-background'),
1097
- inner-circle-background:
1098
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-inner-circle-background')
1173
+ outer-circle-background: map.get(
1174
+ $tokens,
1175
+ 'radio-#{$scheme}-theme-states-checked-outer-circle-background'
1176
+ ),
1177
+ inner-circle-background: map.get(
1178
+ $tokens,
1179
+ 'radio-#{$scheme}-theme-states-checked-inner-circle-background'
1180
+ )
1099
1181
  ),
1100
1182
  states-checked-hover: (
1101
1183
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-border'),
1102
- outer-circle-background:
1103
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-background'),
1104
- inner-circle-background:
1105
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-hover-inner-circle-background')
1184
+ outer-circle-background: map.get(
1185
+ $tokens,
1186
+ 'radio-#{$scheme}-theme-states-checked-hover-outer-circle-background'
1187
+ ),
1188
+ inner-circle-background: map.get(
1189
+ $tokens,
1190
+ 'radio-#{$scheme}-theme-states-checked-hover-inner-circle-background'
1191
+ )
1106
1192
  ),
1107
1193
  states-checked-disabled: (
1108
- outer-circle-border:
1109
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-border'),
1110
- outer-circle-background:
1111
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-background'),
1112
- inner-circle-background:
1113
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-disabled-inner-circle-background')
1194
+ outer-circle-border: map.get(
1195
+ $tokens,
1196
+ 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-border'
1197
+ ),
1198
+ outer-circle-background: map.get(
1199
+ $tokens,
1200
+ 'radio-#{$scheme}-theme-states-checked-disabled-outer-circle-background'
1201
+ ),
1202
+ inner-circle-background: map.get(
1203
+ $tokens,
1204
+ 'radio-#{$scheme}-theme-states-checked-disabled-inner-circle-background'
1205
+ )
1114
1206
  ),
1115
1207
  states-focused: (
1116
1208
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-border'),
1117
- outer-circle-background:
1118
- map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-background'),
1119
- inner-circle-background:
1120
- map.get($tokens, 'radio-#{$scheme}-theme-states-focused-inner-circle-background'),
1209
+ outer-circle-background: map.get(
1210
+ $tokens,
1211
+ 'radio-#{$scheme}-theme-states-focused-outer-circle-background'
1212
+ ),
1213
+ inner-circle-background: map.get(
1214
+ $tokens,
1215
+ 'radio-#{$scheme}-theme-states-focused-inner-circle-background'
1216
+ ),
1121
1217
  outer-circle-shadow: map.get($tokens, 'radio-#{$scheme}-theme-states-focused-outer-circle-shadow')
1122
1218
  ),
1123
1219
  states-checked-focused: (
1124
- outer-circle-border:
1125
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-border'),
1126
- outer-circle-background:
1127
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-background'),
1128
- inner-circle-background:
1129
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-inner-circle-background'),
1130
- outer-circle-shadow:
1131
- map.get($tokens, 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-shadow')
1220
+ outer-circle-border: map.get(
1221
+ $tokens,
1222
+ 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-border'
1223
+ ),
1224
+ outer-circle-background: map.get(
1225
+ $tokens,
1226
+ 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-background'
1227
+ ),
1228
+ inner-circle-background: map.get(
1229
+ $tokens,
1230
+ 'radio-#{$scheme}-theme-states-checked-focused-inner-circle-background'
1231
+ ),
1232
+ outer-circle-shadow: map.get(
1233
+ $tokens,
1234
+ 'radio-#{$scheme}-theme-states-checked-focused-outer-circle-shadow'
1235
+ )
1132
1236
  ),
1133
1237
  states-disabled: (
1134
1238
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-outer-circle-border'),
1135
- outer-circle-background:
1136
- map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-outer-circle-background'),
1137
- inner-circle-background:
1138
- map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-inner-circle-background'),
1239
+ outer-circle-background: map.get(
1240
+ $tokens,
1241
+ 'radio-#{$scheme}-theme-states-disabled-outer-circle-background'
1242
+ ),
1243
+ inner-circle-background: map.get(
1244
+ $tokens,
1245
+ 'radio-#{$scheme}-theme-states-disabled-inner-circle-background'
1246
+ ),
1139
1247
  caption: map.get($tokens, 'radio-#{$scheme}-theme-states-disabled-caption')
1140
1248
  )
1141
1249
  ),
@@ -1153,50 +1261,80 @@
1153
1261
  ),
1154
1262
  states-checked: (
1155
1263
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-checked-outer-circle-border'),
1156
- outer-circle-background:
1157
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-outer-circle-background'),
1158
- inner-circle-background:
1159
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-inner-circle-background')
1264
+ outer-circle-background: map.get(
1265
+ $tokens,
1266
+ 'radio-#{$scheme}-error-states-checked-outer-circle-background'
1267
+ ),
1268
+ inner-circle-background: map.get(
1269
+ $tokens,
1270
+ 'radio-#{$scheme}-error-states-checked-inner-circle-background'
1271
+ )
1160
1272
  ),
1161
1273
  states-checked-hover: (
1162
1274
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-outer-circle-border'),
1163
- outer-circle-background:
1164
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-outer-circle-background'),
1165
- inner-circle-background:
1166
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-hover-inner-circle-background')
1275
+ outer-circle-background: map.get(
1276
+ $tokens,
1277
+ 'radio-#{$scheme}-error-states-checked-hover-outer-circle-background'
1278
+ ),
1279
+ inner-circle-background: map.get(
1280
+ $tokens,
1281
+ 'radio-#{$scheme}-error-states-checked-hover-inner-circle-background'
1282
+ )
1167
1283
  ),
1168
1284
  states-checked-disabled: (
1169
- outer-circle-border:
1170
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-border'),
1171
- outer-circle-background:
1172
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-background'),
1173
- inner-circle-background:
1174
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-disabled-inner-circle-background')
1285
+ outer-circle-border: map.get(
1286
+ $tokens,
1287
+ 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-border'
1288
+ ),
1289
+ outer-circle-background: map.get(
1290
+ $tokens,
1291
+ 'radio-#{$scheme}-error-states-checked-disabled-outer-circle-background'
1292
+ ),
1293
+ inner-circle-background: map.get(
1294
+ $tokens,
1295
+ 'radio-#{$scheme}-error-states-checked-disabled-inner-circle-background'
1296
+ )
1175
1297
  ),
1176
1298
  states-focused: (
1177
1299
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-border'),
1178
- outer-circle-background:
1179
- map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-background'),
1180
- inner-circle-background:
1181
- map.get($tokens, 'radio-#{$scheme}-error-states-focused-inner-circle-background'),
1300
+ outer-circle-background: map.get(
1301
+ $tokens,
1302
+ 'radio-#{$scheme}-error-states-focused-outer-circle-background'
1303
+ ),
1304
+ inner-circle-background: map.get(
1305
+ $tokens,
1306
+ 'radio-#{$scheme}-error-states-focused-inner-circle-background'
1307
+ ),
1182
1308
  outer-circle-shadow: map.get($tokens, 'radio-#{$scheme}-error-states-focused-outer-circle-shadow')
1183
1309
  ),
1184
1310
  states-checked-focused: (
1185
- outer-circle-border:
1186
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-outer-circle-border'),
1187
- outer-circle-background:
1188
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-outer-circle-background'),
1189
- inner-circle-background:
1190
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-inner-circle-background'),
1191
- outer-circle-shadow:
1192
- map.get($tokens, 'radio-#{$scheme}-error-states-checked-focused-outer-circle-shadow')
1311
+ outer-circle-border: map.get(
1312
+ $tokens,
1313
+ 'radio-#{$scheme}-error-states-checked-focused-outer-circle-border'
1314
+ ),
1315
+ outer-circle-background: map.get(
1316
+ $tokens,
1317
+ 'radio-#{$scheme}-error-states-checked-focused-outer-circle-background'
1318
+ ),
1319
+ inner-circle-background: map.get(
1320
+ $tokens,
1321
+ 'radio-#{$scheme}-error-states-checked-focused-inner-circle-background'
1322
+ ),
1323
+ outer-circle-shadow: map.get(
1324
+ $tokens,
1325
+ 'radio-#{$scheme}-error-states-checked-focused-outer-circle-shadow'
1326
+ )
1193
1327
  ),
1194
1328
  states-disabled: (
1195
1329
  outer-circle-border: map.get($tokens, 'radio-#{$scheme}-error-states-disabled-outer-circle-border'),
1196
- outer-circle-background:
1197
- map.get($tokens, 'radio-#{$scheme}-error-states-disabled-outer-circle-background'),
1198
- inner-circle-background:
1199
- map.get($tokens, 'radio-#{$scheme}-error-states-disabled-inner-circle-background')
1330
+ outer-circle-background: map.get(
1331
+ $tokens,
1332
+ 'radio-#{$scheme}-error-states-disabled-outer-circle-background'
1333
+ ),
1334
+ inner-circle-background: map.get(
1335
+ $tokens,
1336
+ 'radio-#{$scheme}-error-states-disabled-inner-circle-background'
1337
+ )
1200
1338
  )
1201
1339
  )
1202
1340
  );
@@ -1284,47 +1422,48 @@
1284
1422
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-default-icon-color')
1285
1423
  ),
1286
1424
  states-hover: (
1287
- background:
1288
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-hover-background')
1425
+ background: map.get(
1426
+ $tokens,
1427
+ 'tabs-#{$scheme}-tab-item-filled-on-background-states-hover-background'
1428
+ )
1289
1429
  ),
1290
1430
  states-focused: (
1291
- border-color:
1292
- map.get(
1431
+ border-color: map.get(
1293
1432
  $tokens,
1294
1433
  'tabs-#{$scheme}-tab-item-filled-on-background-states-focused-focus-outline-color'
1295
1434
  )
1296
1435
  ),
1297
1436
  states-selected: (
1298
- background:
1299
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-background')
1437
+ background: map.get(
1438
+ $tokens,
1439
+ 'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-background'
1440
+ )
1300
1441
  ),
1301
1442
  states-selected-hover: (
1302
- background:
1303
- map.get(
1443
+ background: map.get(
1304
1444
  $tokens,
1305
1445
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-hover-background'
1306
1446
  )
1307
1447
  ),
1308
1448
  states-selected-disabled: (
1309
- background:
1310
- map.get(
1449
+ background: map.get(
1311
1450
  $tokens,
1312
1451
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-background'
1313
1452
  ),
1314
- text:
1315
- map.get(
1453
+ text: map.get(
1316
1454
  $tokens,
1317
1455
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-text-color'
1318
1456
  ),
1319
- icon:
1320
- map.get(
1457
+ icon: map.get(
1321
1458
  $tokens,
1322
1459
  'tabs-#{$scheme}-tab-item-filled-on-background-states-selected-disabled-icon-color'
1323
1460
  )
1324
1461
  ),
1325
1462
  states-disabled: (
1326
- background:
1327
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-background'),
1463
+ background: map.get(
1464
+ $tokens,
1465
+ 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-background'
1466
+ ),
1328
1467
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-text-color'),
1329
1468
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-background-states-disabled-icon-color')
1330
1469
  )
@@ -1339,40 +1478,42 @@
1339
1478
  background: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-hover-background')
1340
1479
  ),
1341
1480
  states-focused: (
1342
- border-color:
1343
- map.get(
1481
+ border-color: map.get(
1344
1482
  $tokens,
1345
1483
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-focused-focus-outline-color'
1346
1484
  )
1347
1485
  ),
1348
1486
  states-selected: (
1349
- background:
1350
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-background')
1487
+ background: map.get(
1488
+ $tokens,
1489
+ 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-background'
1490
+ )
1351
1491
  ),
1352
1492
  states-selected-hover: (
1353
- background:
1354
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-hover-background')
1493
+ background: map.get(
1494
+ $tokens,
1495
+ 'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-hover-background'
1496
+ )
1355
1497
  ),
1356
1498
  states-selected-disabled: (
1357
- background:
1358
- map.get(
1499
+ background: map.get(
1359
1500
  $tokens,
1360
1501
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-background'
1361
1502
  ),
1362
- text:
1363
- map.get(
1503
+ text: map.get(
1364
1504
  $tokens,
1365
1505
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-text-color'
1366
1506
  ),
1367
- icon:
1368
- map.get(
1507
+ icon: map.get(
1369
1508
  $tokens,
1370
1509
  'tabs-#{$scheme}-tab-item-filled-on-surface-states-selected-disabled-icon-color'
1371
1510
  )
1372
1511
  ),
1373
1512
  states-disabled: (
1374
- background:
1375
- map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-background'),
1513
+ background: map.get(
1514
+ $tokens,
1515
+ 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-background'
1516
+ ),
1376
1517
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-text-color'),
1377
1518
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-filled-on-surface-states-disabled-icon-color')
1378
1519
  )
@@ -1381,66 +1522,61 @@
1381
1522
  transparent: (
1382
1523
  on-background: (
1383
1524
  default: (
1384
- background:
1385
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-background'),
1525
+ background: map.get(
1526
+ $tokens,
1527
+ 'tabs-#{$scheme}-tab-item-transparent-on-background-default-background'
1528
+ ),
1386
1529
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-text-color'),
1387
1530
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-default-icon-color')
1388
1531
  ),
1389
1532
  states-hover: (
1390
- background:
1391
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-background-states-hover-background')
1533
+ background: map.get(
1534
+ $tokens,
1535
+ 'tabs-#{$scheme}-tab-item-transparent-on-background-states-hover-background'
1536
+ )
1392
1537
  ),
1393
1538
  states-focused: (
1394
- border-color:
1395
- map.get(
1539
+ border-color: map.get(
1396
1540
  $tokens,
1397
1541
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-focused-focus-outline-color'
1398
1542
  )
1399
1543
  ),
1400
1544
  states-selected: (
1401
- background:
1402
- map.get(
1545
+ background: map.get(
1403
1546
  $tokens,
1404
1547
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-background'
1405
1548
  )
1406
1549
  ),
1407
1550
  states-selected-hover: (
1408
- background:
1409
- map.get(
1551
+ background: map.get(
1410
1552
  $tokens,
1411
1553
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-hover-background'
1412
1554
  )
1413
1555
  ),
1414
1556
  states-selected-disabled: (
1415
- background:
1416
- map.get(
1557
+ background: map.get(
1417
1558
  $tokens,
1418
1559
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-background'
1419
1560
  ),
1420
- text:
1421
- map.get(
1561
+ text: map.get(
1422
1562
  $tokens,
1423
1563
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-text-color'
1424
1564
  ),
1425
- icon:
1426
- map.get(
1565
+ icon: map.get(
1427
1566
  $tokens,
1428
1567
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-selected-disabled-icon-color'
1429
1568
  )
1430
1569
  ),
1431
1570
  states-disabled: (
1432
- background:
1433
- map.get(
1571
+ background: map.get(
1434
1572
  $tokens,
1435
1573
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-background'
1436
1574
  ),
1437
- text:
1438
- map.get(
1575
+ text: map.get(
1439
1576
  $tokens,
1440
1577
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-text-color'
1441
1578
  ),
1442
- icon:
1443
- map.get(
1579
+ icon: map.get(
1444
1580
  $tokens,
1445
1581
  'tabs-#{$scheme}-tab-item-transparent-on-background-states-disabled-icon-color'
1446
1582
  )
@@ -1453,47 +1589,48 @@
1453
1589
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-default-icon-color')
1454
1590
  ),
1455
1591
  states-hover: (
1456
- background:
1457
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-hover-background')
1592
+ background: map.get(
1593
+ $tokens,
1594
+ 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-hover-background'
1595
+ )
1458
1596
  ),
1459
1597
  states-focused: (
1460
- border-color:
1461
- map.get(
1598
+ border-color: map.get(
1462
1599
  $tokens,
1463
1600
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-focused-focus-outline-color'
1464
1601
  )
1465
1602
  ),
1466
1603
  states-selected: (
1467
- background:
1468
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-background')
1604
+ background: map.get(
1605
+ $tokens,
1606
+ 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-background'
1607
+ )
1469
1608
  ),
1470
1609
  states-selected-hover: (
1471
- background:
1472
- map.get(
1610
+ background: map.get(
1473
1611
  $tokens,
1474
1612
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-hover-background'
1475
1613
  )
1476
1614
  ),
1477
1615
  states-selected-disabled: (
1478
- background:
1479
- map.get(
1616
+ background: map.get(
1480
1617
  $tokens,
1481
1618
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-background'
1482
1619
  ),
1483
- text:
1484
- map.get(
1620
+ text: map.get(
1485
1621
  $tokens,
1486
1622
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-text-color'
1487
1623
  ),
1488
- icon:
1489
- map.get(
1624
+ icon: map.get(
1490
1625
  $tokens,
1491
1626
  'tabs-#{$scheme}-tab-item-transparent-on-surface-states-selected-disabled-icon-color'
1492
1627
  )
1493
1628
  ),
1494
1629
  states-disabled: (
1495
- background:
1496
- map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-background'),
1630
+ background: map.get(
1631
+ $tokens,
1632
+ 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-background'
1633
+ ),
1497
1634
  text: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-text-color'),
1498
1635
  icon: map.get($tokens, 'tabs-#{$scheme}-tab-item-transparent-on-surface-states-disabled-icon-color')
1499
1636
  )