@breadstone/mosaik-elements-foundation 0.0.27 → 0.0.28

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 (105) hide show
  1. package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Joy.js +27 -27
  2. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js +2 -2
  3. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js +78 -78
  4. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js +31 -31
  5. package/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.Joy.js +36 -36
  6. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js +78 -78
  7. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Retro.js +14 -14
  8. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js +1 -1
  9. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js +78 -78
  10. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Retro.js +1 -1
  11. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js +1 -1
  12. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js +1 -1
  13. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.js +32 -32
  14. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js +1 -1
  15. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Joy.js +78 -78
  16. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Retro.js +1 -1
  17. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Cosmopolitan.js +1 -1
  18. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Joy.js +78 -78
  19. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Retro.js +1 -1
  20. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Joy.js +87 -87
  21. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Retro.js +14 -14
  22. package/Controls/Components/Effects/Ripple/Themes/RippleElement.Joy.js +9 -9
  23. package/Controls/Components/Grouping/Banner/Themes/BannerElement.Joy.js +36 -36
  24. package/Controls/Components/Grouping/Banner/Themes/BannerElement.Retro.js +7 -7
  25. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js +11 -11
  26. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Retro.js +2 -2
  27. package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.js +38 -38
  28. package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Retro.js +1 -1
  29. package/Controls/Components/Inputs/AutoCompleteBox/Themes/AutoCompleteBoxElement.Joy.d.ts.map +1 -1
  30. package/Controls/Components/Inputs/AutoCompleteBox/Themes/AutoCompleteBoxElement.Joy.js +6 -5
  31. package/Controls/Components/Inputs/AutoCompleteBox/Themes/AutoCompleteBoxElement.Joy.js.map +1 -1
  32. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.js +1 -1
  33. package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxElement.Cosmopolitan.js +1 -1
  34. package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxElement.Joy.js +4 -4
  35. package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxElement.Retro.js +1 -1
  36. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.js +42 -42
  37. package/Controls/Components/Inputs/Choice/Themes/ChoiceElement.Joy.js +9 -9
  38. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js +42 -42
  39. package/Controls/Components/Inputs/DateBox/Themes/DateBoxElement.Joy.js +42 -42
  40. package/Controls/Components/Inputs/DateTimeBox/Themes/DateTimeBoxElement.Joy.js +42 -42
  41. package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Cosmopolitan.js +1 -1
  42. package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Joy.js +42 -42
  43. package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Retro.js +1 -1
  44. package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Joy.js +42 -42
  45. package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.js +9 -9
  46. package/Controls/Components/Inputs/Radio/Themes/RadioElement.Cosmopolitan.js +1 -1
  47. package/Controls/Components/Inputs/Radio/Themes/RadioElement.Joy.js +4 -4
  48. package/Controls/Components/Inputs/Radio/Themes/RadioElement.Retro.js +1 -1
  49. package/Controls/Components/Inputs/Rating/Themes/RatingElement.Joy.js +9 -9
  50. package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Joy.js +42 -42
  51. package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Joy.js +14 -14
  52. package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.js +9 -9
  53. package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.js +1 -1
  54. package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.js +2 -2
  55. package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Retro.js +1 -1
  56. package/Controls/Components/Inputs/SignaturePad/Themes/SignaturePadElement.Joy.js +9 -9
  57. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.d.ts.map +1 -1
  58. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.js +40 -36
  59. package/Controls/Components/Inputs/TextBox/Themes/TextBoxElement.Joy.js.map +1 -1
  60. package/Controls/Components/Inputs/TimeBox/Themes/TimeBoxElement.Joy.js +42 -42
  61. package/Controls/Components/Inputs/ToggleSwitch/Themes/ToggleSwitchElement.Joy.js +3 -3
  62. package/Controls/Components/Layouts/Split/Themes/SplitElement.Joy.js +2 -2
  63. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js +38 -38
  64. package/Controls/Components/Media/Avatar/Themes/AvatarGroupElement.Cosmopolitan.js +1 -1
  65. package/Controls/Components/Media/Avatar/Themes/AvatarGroupElement.Joy.js +2 -2
  66. package/Controls/Components/Media/Avatar/Themes/AvatarGroupElement.Retro.js +1 -1
  67. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +9 -9
  68. package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js +9 -9
  69. package/Controls/Components/Media/Chip/Themes/ChipElement.Joy.js +104 -104
  70. package/Controls/Components/Media/Chip/Themes/ChipElement.Retro.js +7 -7
  71. package/Controls/Components/Media/Icon/Themes/IconElement.Joy.js +37 -37
  72. package/Controls/Components/Media/Icon/Themes/IconElement.Retro.js +37 -37
  73. package/Controls/Components/Primitives/Checkmark/Themes/CheckmarkElement.Cosmopolitan.js +1 -1
  74. package/Controls/Components/Primitives/Checkmark/Themes/CheckmarkElement.Joy.js +92 -92
  75. package/Controls/Components/Primitives/Checkmark/Themes/CheckmarkElement.Retro.js +1 -1
  76. package/Controls/Components/Primitives/Dot/Themes/DotElement.Cosmopolitan.js +1 -1
  77. package/Controls/Components/Primitives/Dot/Themes/DotElement.Joy.js +10 -10
  78. package/Controls/Components/Primitives/Dot/Themes/DotElement.Retro.js +8 -8
  79. package/Controls/Components/Primitives/DropZone/Themes/DropZoneElement.Cosmopolitan.js +1 -1
  80. package/Controls/Components/Primitives/DropZone/Themes/DropZoneElement.Joy.js +1 -1
  81. package/Controls/Components/Primitives/DropZone/Themes/DropZoneElement.Retro.js +1 -1
  82. package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Joy.js +1 -1
  83. package/Controls/Components/Primitives/FocusRing/Themes/FocusRingElement.Joy.js +9 -9
  84. package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.js +18 -18
  85. package/Controls/Components/Primitives/Popup/Themes/PopupElement.Joy.js +1 -1
  86. package/Controls/Components/Primitives/Ribbon/Themes/RibbonElement.Joy.js +18 -18
  87. package/Controls/Components/Primitives/Text/Themes/TextElement.Joy.js +10 -10
  88. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js +9 -9
  89. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js +9 -9
  90. package/Controls/Components/Ranges/Slider/Themes/SliderElement.Joy.js +108 -108
  91. package/Controls/Components/Selectors/Combo/Themes/ComboItemElement.Cosmopolitan.js +1 -1
  92. package/Controls/Components/Selectors/Combo/Themes/ComboItemElement.Joy.js +1 -1
  93. package/Controls/Components/Selectors/Combo/Themes/ComboItemElement.Retro.js +1 -1
  94. package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Joy.js +10 -10
  95. package/Controls/Components/Selectors/List/Themes/ListItemElement.Cosmopolitan.js +1 -1
  96. package/Controls/Components/Selectors/List/Themes/ListItemElement.Joy.js +3 -3
  97. package/Controls/Components/Selectors/List/Themes/ListItemElement.Retro.js +1 -1
  98. package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js +5 -5
  99. package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Retro.js +31 -31
  100. package/Controls/Components/Selectors/Segment/Themes/SegmentItemElement.Joy.js +9 -9
  101. package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Cosmopolitan.js +1 -1
  102. package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js +41 -41
  103. package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Retro.js +2 -2
  104. package/Controls/Components/Selectors/Tree/Themes/TreeItemElement.Joy.js +2 -2
  105. package/package.json +3 -3
@@ -222,7 +222,7 @@ export function floatingActionButtonElementRetroStyle() {
222
222
  --fab-border-style: solid;
223
223
  }
224
224
 
225
- :host([appearance="outline"]) [part="focusRing"], :host([appearance="plain"]:not([disabled]):not([disabled="false"])) [part="focusRing"] {
225
+ :host([appearance="outline"]) [part="focusRing"], :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
226
226
  --focus-ring-outward-offset: 0px;
227
227
  }
228
228
 
@@ -286,73 +286,73 @@ export function floatingActionButtonElementRetroStyle() {
286
286
  --fab-shadow-color: var(--retro-scheme-transparent);
287
287
  }
288
288
 
289
- :host([variant="primary"]:not([disabled]):not([disabled="false"])) {
289
+ :host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
290
290
  --fab-background-color: var(--retro-color-primary-500);
291
291
  --fab-foreground-color: var(--retro-color-primary-0);
292
292
  --fab-shadow-color: var(--retro-color-primary-200);
293
293
  }
294
294
 
295
- :host([variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
295
+ :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
296
296
  --fab-background-color: var(--retro-color-primary-600);
297
297
  }
298
298
 
299
- :host([variant="secondary"]:not([disabled]):not([disabled="false"])) {
299
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) {
300
300
  --fab-background-color: var(--retro-color-secondary-500);
301
301
  --fab-foreground-color: var(--retro-color-secondary-0);
302
302
  --fab-shadow-color: var(--retro-color-secondary-200);
303
303
  }
304
304
 
305
- :host([variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
305
+ :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
306
306
  --fab-background-color: var(--retro-color-secondary-600);
307
307
  }
308
308
 
309
- :host([variant="info"]:not([disabled]):not([disabled="false"])) {
309
+ :host([variant="info"]:not([disabled]:not([disabled="false"]))) {
310
310
  --fab-background-color: var(--retro-color-info-500);
311
311
  --fab-foreground-color: var(--retro-color-info-0);
312
312
  --fab-shadow-color: var(--retro-color-info-200);
313
313
  }
314
314
 
315
- :host([variant="info"]:not([disabled]):not([disabled="false"]):hover) {
315
+ :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
316
316
  --fab-background-color: var(--retro-color-info-600);
317
317
  }
318
318
 
319
- :host([variant="warning"]:not([disabled]):not([disabled="false"])) {
319
+ :host([variant="warning"]:not([disabled]:not([disabled="false"]))) {
320
320
  --fab-background-color: var(--retro-color-warning-500);
321
321
  --fab-foreground-color: var(--retro-color-warning-0);
322
322
  --fab-shadow-color: var(--retro-color-warning-200);
323
323
  }
324
324
 
325
- :host([variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
325
+ :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
326
326
  --fab-background-color: var(--retro-color-warning-600);
327
327
  }
328
328
 
329
- :host([variant="danger"]:not([disabled]):not([disabled="false"])) {
329
+ :host([variant="danger"]:not([disabled]:not([disabled="false"]))) {
330
330
  --fab-background-color: var(--retro-color-danger-500);
331
331
  --fab-foreground-color: var(--retro-color-danger-0);
332
332
  --fab-shadow-color: var(--retro-color-danger-200);
333
333
  }
334
334
 
335
- :host([variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
335
+ :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
336
336
  --fab-background-color: var(--retro-color-danger-600);
337
337
  }
338
338
 
339
- :host([variant="success"]:not([disabled]):not([disabled="false"])) {
339
+ :host([variant="success"]:not([disabled]:not([disabled="false"]))) {
340
340
  --fab-background-color: var(--retro-color-success-500);
341
341
  --fab-foreground-color: var(--retro-color-success-0);
342
342
  --fab-shadow-color: var(--retro-color-success-200);
343
343
  }
344
344
 
345
- :host([variant="success"]:not([disabled]):not([disabled="false"]):hover) {
345
+ :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
346
346
  --fab-background-color: var(--retro-color-success-600);
347
347
  }
348
348
 
349
- :host([variant="neutral"]:not([disabled]):not([disabled="false"])) {
349
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) {
350
350
  --fab-background-color: var(--retro-color-neutral-500);
351
351
  --fab-foreground-color: var(--retro-color-neutral-0);
352
352
  --fab-shadow-color: var(--retro-color-neutral-200);
353
353
  }
354
354
 
355
- :host([variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
355
+ :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
356
356
  --fab-background-color: var(--retro-color-neutral-600);
357
357
  }
358
358
 
@@ -390,48 +390,48 @@ export function floatingActionButtonElementRetroStyle() {
390
390
  --fab-shadow-color: var(--retro-color-neutral-200);
391
391
  }
392
392
 
393
- :host([appearance="outline"]:not([disabled]):not([disabled="false"])) {
393
+ :host([appearance="outline"]:not([disabled]:not([disabled="false"]))) {
394
394
  --fab-background-color: var(--retro-scheme-background);
395
395
  --fab-foreground-color: var(--retro-scheme-foreground);
396
396
  --fab-border-color: var(--retro-scheme-highlight);
397
397
  }
398
398
 
399
- :host([appearance="outline"]:not([disabled]):not([disabled="false"]):hover) {
399
+ :host([appearance="outline"]:not([disabled]:not([disabled="false"])):hover) {
400
400
  --fab-background-color: var(--retro-scheme-background);
401
401
  --fab-foreground-color: var(--retro-scheme-foreground);
402
402
  }
403
403
 
404
- :host([appearance="outline"][variant="primary"]:not([disabled]):not([disabled="false"])) {
404
+ :host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
405
405
  --fab-foreground-color: var(--retro-color-primary-500);
406
406
  --fab-border-color: var(--retro-color-primary-500);
407
407
  }
408
408
 
409
- :host([appearance="outline"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
409
+ :host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
410
410
  --fab-foreground-color: var(--retro-color-secondary-500);
411
411
  --fab-border-color: var(--retro-color-secondary-500);
412
412
  }
413
413
 
414
- :host([appearance="outline"][variant="info"]:not([disabled]):not([disabled="false"])) {
414
+ :host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
415
415
  --fab-foreground-color: var(--retro-color-info-500);
416
416
  --fab-border-color: var(--retro-color-info-500);
417
417
  }
418
418
 
419
- :host([appearance="outline"][variant="warning"]:not([disabled]):not([disabled="false"])) {
419
+ :host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
420
420
  --fab-foreground-color: var(--retro-color-warning-500);
421
421
  --fab-border-color: var(--retro-color-warning-500);
422
422
  }
423
423
 
424
- :host([appearance="outline"][variant="danger"]:not([disabled]):not([disabled="false"])) {
424
+ :host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
425
425
  --fab-foreground-color: var(--retro-color-danger-500);
426
426
  --fab-border-color: var(--retro-color-danger-500);
427
427
  }
428
428
 
429
- :host([appearance="outline"][variant="success"]:not([disabled]):not([disabled="false"])) {
429
+ :host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
430
430
  --fab-foreground-color: var(--retro-color-success-500);
431
431
  --fab-border-color: var(--retro-color-success-500);
432
432
  }
433
433
 
434
- :host([appearance="outline"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
434
+ :host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
435
435
  --fab-foreground-color: var(--retro-color-neutral-500);
436
436
  --fab-border-color: var(--retro-color-neutral-500);
437
437
  }
@@ -440,50 +440,50 @@ export function floatingActionButtonElementRetroStyle() {
440
440
  --fab-shadow-color: var(--retro-scheme-disabled);
441
441
  }
442
442
 
443
- :host([appearance="solid"]:not([disabled]):not([disabled="false"])) {
443
+ :host([appearance="solid"]:not([disabled]:not([disabled="false"]))) {
444
444
  --fab-background-color: var(--retro-scheme-highlight);
445
445
  --fab-border-color: var(--retro-scheme-contrast);
446
446
  --fab-shadow-color: var(--retro-scheme-highlight);
447
447
  --fab-foreground-color: var(--retro-scheme-foreground);
448
448
  }
449
449
 
450
- :host([appearance="solid"][variant="primary"]:not([disabled]):not([disabled="false"])) {
450
+ :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
451
451
  --fab-background-color: var(--retro-color-primary-500);
452
452
  --fab-foreground-color: var(--retro-color-primary-0);
453
453
  --fab-shadow-color: var(--retro-color-primary-500);
454
454
  }
455
455
 
456
- :host([appearance="solid"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
456
+ :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
457
457
  --fab-background-color: var(--retro-color-secondary-500);
458
458
  --fab-foreground-color: var(--retro-color-secondary-0);
459
459
  --fab-shadow-color: var(--retro-color-secondary-500);
460
460
  }
461
461
 
462
- :host([appearance="solid"][variant="info"]:not([disabled]):not([disabled="false"])) {
462
+ :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
463
463
  --fab-background-color: var(--retro-color-info-500);
464
464
  --fab-foreground-color: var(--retro-color-info-0);
465
465
  --fab-shadow-color: var(--retro-color-info-500);
466
466
  }
467
467
 
468
- :host([appearance="solid"][variant="warning"]:not([disabled]):not([disabled="false"])) {
468
+ :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
469
469
  --fab-background-color: var(--retro-color-warning-500);
470
470
  --fab-foreground-color: var(--retro-color-warning-0);
471
471
  --fab-shadow-color: var(--retro-color-warning-500);
472
472
  }
473
473
 
474
- :host([appearance="solid"][variant="danger"]:not([disabled]):not([disabled="false"])) {
474
+ :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
475
475
  --fab-background-color: var(--retro-color-danger-500);
476
476
  --fab-foreground-color: var(--retro-color-danger-0);
477
477
  --fab-shadow-color: var(--retro-color-danger-500);
478
478
  }
479
479
 
480
- :host([appearance="solid"][variant="success"]:not([disabled]):not([disabled="false"])) {
480
+ :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
481
481
  --fab-background-color: var(--retro-color-success-500);
482
482
  --fab-foreground-color: var(--retro-color-success-0);
483
483
  --fab-shadow-color: var(--retro-color-success-500);
484
484
  }
485
485
 
486
- :host([appearance="solid"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
486
+ :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
487
487
  --fab-background-color: var(--retro-color-neutral-500);
488
488
  --fab-foreground-color: var(--retro-color-neutral-0);
489
489
  --fab-shadow-color: var(--retro-color-neutral-500);
@@ -224,7 +224,7 @@ export function repeatButtonElementCosmopolitanStyle() {
224
224
  --repeat-button-border-width: 0px;
225
225
  }
226
226
 
227
- :host([appearance="plain"]:not([disabled]):not([disabled="false"])) [part="focusRing"] {
227
+ :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
228
228
  --focus-ring-outward-offset: 0px;
229
229
  }
230
230