@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
package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js CHANGED
@@ -248,7 +248,7 @@ export function dropDownButtonElementJoyStyle() {
248
248
  --dropdown-button-border-width: 0px;
249
249
  }
250
250
 
251
- :host([appearance="plain"]:not([disabled]):not([disabled="false"])) [part="focusRing"] {
251
+ :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
252
252
  --focus-ring-outward-offset: 0px;
253
253
  }
254
254
 
@@ -324,94 +324,94 @@ export function dropDownButtonElementJoyStyle() {
324
324
  --dropdown-button-border-width: var(--joy-layout-thickness);
325
325
  }
326
326
 
327
- :host([appearance="outline"]:not([disabled]):not([disabled="false"])) {
327
+ :host([appearance="outline"]:not([disabled]:not([disabled="false"]))) {
328
328
  --dropdown-button-background-color: var(--joy-scheme-background);
329
329
  --dropdown-button-foreground-color: var(--joy-scheme-foreground);
330
330
  --dropdown-button-border-color: var(--joy-scheme-highlight);
331
331
  }
332
332
 
333
- :host([appearance="outline"]:not([disabled]):not([disabled="false"]):hover) {
333
+ :host([appearance="outline"]:not([disabled]:not([disabled="false"])):hover) {
334
334
  --dropdown-button-background-color: var(--joy-scheme-highlight);
335
335
  }
336
336
 
337
- :host([appearance="outline"][variant="primary"]:not([disabled]):not([disabled="false"])) {
337
+ :host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
338
338
  --dropdown-button-foreground-color: var(--joy-color-primary-500);
339
339
  --dropdown-button-border-color: var(--joy-color-primary-500);
340
340
  }
341
341
 
342
- :host([appearance="outline"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
342
+ :host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
343
343
  --dropdown-button-background-color: var(--joy-color-primary-100);
344
344
  }
345
345
 
346
- :host([appearance="outline"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
346
+ :host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
347
347
  --dropdown-button-foreground-color: var(--joy-color-secondary-500);
348
348
  --dropdown-button-border-color: var(--joy-color-secondary-500);
349
349
  }
350
350
 
351
- :host([appearance="outline"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
351
+ :host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
352
352
  --dropdown-button-background-color: var(--joy-color-secondary-100);
353
353
  }
354
354
 
355
- :host([appearance="outline"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
355
+ :host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
356
356
  --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
357
357
  --dropdown-button-border-color: var(--joy-color-tertiary-500);
358
358
  }
359
359
 
360
- :host([appearance="outline"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
360
+ :host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
361
361
  --dropdown-button-background-color: var(--joy-color-tertiary-100);
362
362
  }
363
363
 
364
- :host([appearance="outline"][variant="danger"]:not([disabled]):not([disabled="false"])) {
364
+ :host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
365
365
  --dropdown-button-foreground-color: var(--joy-color-danger-500);
366
366
  --dropdown-button-border-color: var(--joy-color-danger-500);
367
367
  }
368
368
 
369
- :host([appearance="outline"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
369
+ :host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
370
370
  --dropdown-button-background-color: var(--joy-color-danger-100);
371
371
  }
372
372
 
373
- :host([appearance="outline"][variant="warning"]:not([disabled]):not([disabled="false"])) {
373
+ :host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
374
374
  --dropdown-button-foreground-color: var(--joy-color-warning-500);
375
375
  --dropdown-button-border-color: var(--joy-color-warning-500);
376
376
  }
377
377
 
378
- :host([appearance="outline"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
378
+ :host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
379
379
  --dropdown-button-background-color: var(--joy-color-warning-100);
380
380
  }
381
381
 
382
- :host([appearance="outline"][variant="success"]:not([disabled]):not([disabled="false"])) {
382
+ :host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
383
383
  --dropdown-button-foreground-color: var(--joy-color-success-500);
384
384
  --dropdown-button-border-color: var(--joy-color-success-500);
385
385
  }
386
386
 
387
- :host([appearance="outline"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
387
+ :host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
388
388
  --dropdown-button-background-color: var(--joy-color-success-100);
389
389
  }
390
390
 
391
- :host([appearance="outline"][variant="info"]:not([disabled]):not([disabled="false"])) {
391
+ :host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
392
392
  --dropdown-button-foreground-color: var(--joy-color-info-500);
393
393
  --dropdown-button-border-color: var(--joy-color-info-500);
394
394
  }
395
395
 
396
- :host([appearance="outline"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
396
+ :host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
397
397
  --dropdown-button-background-color: var(--joy-color-info-100);
398
398
  }
399
399
 
400
- :host([appearance="outline"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
400
+ :host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
401
401
  --dropdown-button-foreground-color: var(--joy-color-highlight-500);
402
402
  --dropdown-button-border-color: var(--joy-color-highlight-500);
403
403
  }
404
404
 
405
- :host([appearance="outline"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
405
+ :host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
406
406
  --dropdown-button-background-color: var(--joy-color-highlight-100);
407
407
  }
408
408
 
409
- :host([appearance="outline"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
409
+ :host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
410
410
  --dropdown-button-foreground-color: var(--joy-color-neutral-500);
411
411
  --dropdown-button-border-color: var(--joy-color-neutral-500);
412
412
  }
413
413
 
414
- :host([appearance="outline"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
414
+ :host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
415
415
  --dropdown-button-background-color: var(--joy-color-neutral-100);
416
416
  }
417
417
 
@@ -419,260 +419,260 @@ export function dropDownButtonElementJoyStyle() {
419
419
  --dropdown-button-background-color: var(--joy-scheme-transparent);
420
420
  }
421
421
 
422
- :host([appearance="plain"]:not([disabled]):not([disabled="false"]):hover) {
422
+ :host([appearance="plain"]:not([disabled]:not([disabled="false"])):hover) {
423
423
  --dropdown-button-background-color: var(--joy-scheme-highlight);
424
424
  }
425
425
 
426
- :host([appearance="plain"][variant="primary"]:not([disabled]):not([disabled="false"])) {
426
+ :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
427
427
  --dropdown-button-foreground-color: var(--joy-color-primary-500);
428
428
  }
429
429
 
430
- :host([appearance="plain"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
430
+ :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
431
431
  --dropdown-button-background-color: var(--joy-color-primary-500);
432
432
  --dropdown-button-foreground-color: var(--joy-color-primary-500);
433
433
  }
434
434
 
435
- :host([appearance="plain"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
435
+ :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
436
436
  --dropdown-button-foreground-color: var(--joy-color-secondary-500);
437
437
  }
438
438
 
439
- :host([appearance="plain"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
439
+ :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
440
440
  --dropdown-button-background-color: var(--joy-color-secondary-500);
441
441
  --dropdown-button-foreground-color: var(--joy-color-secondary-500);
442
442
  }
443
443
 
444
- :host([appearance="plain"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
444
+ :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
445
445
  --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
446
446
  }
447
447
 
448
- :host([appearance="plain"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
448
+ :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
449
449
  --dropdown-button-background-color: var(--joy-color-tertiary-500);
450
450
  --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
451
451
  }
452
452
 
453
- :host([appearance="plain"][variant="danger"]:not([disabled]):not([disabled="false"])) {
453
+ :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
454
454
  --dropdown-button-foreground-color: var(--joy-color-danger-500);
455
455
  }
456
456
 
457
- :host([appearance="plain"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
457
+ :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
458
458
  --dropdown-button-background-color: var(--joy-color-danger-500);
459
459
  --dropdown-button-foreground-color: var(--joy-color-danger-500);
460
460
  }
461
461
 
462
- :host([appearance="plain"][variant="warning"]:not([disabled]):not([disabled="false"])) {
462
+ :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
463
463
  --dropdown-button-foreground-color: var(--joy-color-warning-500);
464
464
  }
465
465
 
466
- :host([appearance="plain"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
466
+ :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
467
467
  --dropdown-button-background-color: var(--joy-color-warning-500);
468
468
  --dropdown-button-foreground-color: var(--joy-color-warning-500);
469
469
  }
470
470
 
471
- :host([appearance="plain"][variant="success"]:not([disabled]):not([disabled="false"])) {
471
+ :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
472
472
  --dropdown-button-foreground-color: var(--joy-color-success-500);
473
473
  }
474
474
 
475
- :host([appearance="plain"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
475
+ :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
476
476
  --dropdown-button-background-color: var(--joy-color-success-500);
477
477
  --dropdown-button-foreground-color: var(--joy-color-success-500);
478
478
  }
479
479
 
480
- :host([appearance="plain"][variant="info"]:not([disabled]):not([disabled="false"])) {
480
+ :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
481
481
  --dropdown-button-foreground-color: var(--joy-color-info-500);
482
482
  }
483
483
 
484
- :host([appearance="plain"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
484
+ :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
485
485
  --dropdown-button-background-color: var(--joy-color-info-500);
486
486
  --dropdown-button-foreground-color: var(--joy-color-info-500);
487
487
  }
488
488
 
489
- :host([appearance="plain"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
489
+ :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
490
490
  --dropdown-button-foreground-color: var(--joy-color-highlight-500);
491
491
  }
492
492
 
493
- :host([appearance="plain"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
493
+ :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
494
494
  --dropdown-button-background-color: var(--joy-color-highlight-500);
495
495
  --dropdown-button-foreground-color: var(--joy-color-highlight-500);
496
496
  }
497
497
 
498
- :host([appearance="plain"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
498
+ :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
499
499
  --dropdown-button-foreground-color: var(--joy-color-neutral-500);
500
500
  }
501
501
 
502
- :host([appearance="plain"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
502
+ :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
503
503
  --dropdown-button-background-color: var(--joy-color-neutral-500);
504
504
  --dropdown-button-foreground-color: var(--joy-color-neutral-500);
505
505
  }
506
506
 
507
- :host([appearance="soft"]:not([disabled]):not([disabled="false"])) {
507
+ :host([appearance="soft"]:not([disabled]:not([disabled="false"]))) {
508
508
  --dropdown-button-background-color: var(--joy-scheme-highlight);
509
509
  --dropdown-button-foreground-color: var(--joy-scheme-foreground);
510
510
  }
511
511
 
512
- :host([appearance="soft"][variant="primary"]:not([disabled]):not([disabled="false"])) {
512
+ :host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
513
513
  --dropdown-button-background-color: var(--joy-color-primary-100);
514
514
  --dropdown-button-foreground-color: var(--joy-color-primary-500);
515
515
  }
516
516
 
517
- :host([appearance="soft"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
517
+ :host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
518
518
  --dropdown-button-background-color: var(--joy-color-primary-200);
519
519
  }
520
520
 
521
- :host([appearance="soft"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
521
+ :host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
522
522
  --dropdown-button-background-color: var(--joy-color-secondary-100);
523
523
  --dropdown-button-foreground-color: var(--joy-color-secondary-500);
524
524
  }
525
525
 
526
- :host([appearance="soft"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
526
+ :host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
527
527
  --dropdown-button-background-color: var(--joy-color-secondary-200);
528
528
  }
529
529
 
530
- :host([appearance="soft"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
530
+ :host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
531
531
  --dropdown-button-background-color: var(--joy-color-tertiary-100);
532
532
  --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
533
533
  }
534
534
 
535
- :host([appearance="soft"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
535
+ :host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
536
536
  --dropdown-button-background-color: var(--joy-color-tertiary-200);
537
537
  }
538
538
 
539
- :host([appearance="soft"][variant="danger"]:not([disabled]):not([disabled="false"])) {
539
+ :host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
540
540
  --dropdown-button-background-color: var(--joy-color-danger-100);
541
541
  --dropdown-button-foreground-color: var(--joy-color-danger-500);
542
542
  }
543
543
 
544
- :host([appearance="soft"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
544
+ :host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
545
545
  --dropdown-button-background-color: var(--joy-color-danger-200);
546
546
  }
547
547
 
548
- :host([appearance="soft"][variant="warning"]:not([disabled]):not([disabled="false"])) {
548
+ :host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
549
549
  --dropdown-button-background-color: var(--joy-color-warning-100);
550
550
  --dropdown-button-foreground-color: var(--joy-color-warning-500);
551
551
  }
552
552
 
553
- :host([appearance="soft"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
553
+ :host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
554
554
  --dropdown-button-background-color: var(--joy-color-warning-200);
555
555
  }
556
556
 
557
- :host([appearance="soft"][variant="success"]:not([disabled]):not([disabled="false"])) {
557
+ :host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
558
558
  --dropdown-button-background-color: var(--joy-color-success-100);
559
559
  --dropdown-button-foreground-color: var(--joy-color-success-500);
560
560
  }
561
561
 
562
- :host([appearance="soft"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
562
+ :host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
563
563
  --dropdown-button-background-color: var(--joy-color-success-200);
564
564
  }
565
565
 
566
- :host([appearance="soft"][variant="info"]:not([disabled]):not([disabled="false"])) {
566
+ :host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
567
567
  --dropdown-button-background-color: var(--joy-color-info-100);
568
568
  --dropdown-button-foreground-color: var(--joy-color-info-500);
569
569
  }
570
570
 
571
- :host([appearance="soft"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
571
+ :host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
572
572
  --dropdown-button-background-color: var(--joy-color-info-200);
573
573
  }
574
574
 
575
- :host([appearance="soft"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
575
+ :host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
576
576
  --dropdown-button-background-color: var(--joy-color-highlight-100);
577
577
  --dropdown-button-foreground-color: var(--joy-color-highlight-500);
578
578
  }
579
579
 
580
- :host([appearance="soft"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
580
+ :host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
581
581
  --dropdown-button-background-color: var(--joy-color-highlight-200);
582
582
  }
583
583
 
584
- :host([appearance="soft"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
584
+ :host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
585
585
  --dropdown-button-background-color: var(--joy-color-neutral-100);
586
586
  --dropdown-button-foreground-color: var(--joy-color-neutral-500);
587
587
  }
588
588
 
589
- :host([appearance="soft"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
589
+ :host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
590
590
  --dropdown-button-background-color: var(--joy-color-neutral-200);
591
591
  }
592
592
 
593
- :host([appearance="solid"]:not([disabled]):not([disabled="false"])) {
593
+ :host([appearance="solid"]:not([disabled]:not([disabled="false"]))) {
594
594
  --dropdown-button-background-color: var(--joy-scheme-highlight);
595
595
  --dropdown-button-foreground-color: var(--joy-scheme-foreground);
596
596
  }
597
597
 
598
- :host([appearance="solid"][variant="primary"]:not([disabled]):not([disabled="false"])) {
598
+ :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
599
599
  --dropdown-button-background-color: var(--joy-color-primary-500);
600
600
  --dropdown-button-foreground-color: var(--joy-color-primary-0);
601
601
  }
602
602
 
603
- :host([appearance="solid"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
603
+ :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
604
604
  --dropdown-button-background-color: var(--joy-color-primary-600);
605
605
  }
606
606
 
607
- :host([appearance="solid"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
607
+ :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
608
608
  --dropdown-button-background-color: var(--joy-color-secondary-500);
609
609
  --dropdown-button-foreground-color: var(--joy-color-secondary-0);
610
610
  }
611
611
 
612
- :host([appearance="solid"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
612
+ :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
613
613
  --dropdown-button-background-color: var(--joy-color-secondary-600);
614
614
  }
615
615
 
616
- :host([appearance="solid"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
616
+ :host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
617
617
  --dropdown-button-background-color: var(--joy-color-tertiary-500);
618
618
  --dropdown-button-foreground-color: var(--joy-color-tertiary-0);
619
619
  }
620
620
 
621
- :host([appearance="solid"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
621
+ :host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
622
622
  --dropdown-button-background-color: var(--joy-color-tertiary-600);
623
623
  }
624
624
 
625
- :host([appearance="solid"][variant="danger"]:not([disabled]):not([disabled="false"])) {
625
+ :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
626
626
  --dropdown-button-background-color: var(--joy-color-danger-500);
627
627
  --dropdown-button-foreground-color: var(--joy-color-danger-0);
628
628
  }
629
629
 
630
- :host([appearance="solid"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
630
+ :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
631
631
  --dropdown-button-background-color: var(--joy-color-danger-600);
632
632
  }
633
633
 
634
- :host([appearance="solid"][variant="warning"]:not([disabled]):not([disabled="false"])) {
634
+ :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
635
635
  --dropdown-button-background-color: var(--joy-color-warning-500);
636
636
  --dropdown-button-foreground-color: var(--joy-color-warning-0);
637
637
  }
638
638
 
639
- :host([appearance="solid"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
639
+ :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
640
640
  --dropdown-button-background-color: var(--joy-color-warning-600);
641
641
  }
642
642
 
643
- :host([appearance="solid"][variant="success"]:not([disabled]):not([disabled="false"])) {
643
+ :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
644
644
  --dropdown-button-background-color: var(--joy-color-success-500);
645
645
  --dropdown-button-foreground-color: var(--joy-color-success-0);
646
646
  }
647
647
 
648
- :host([appearance="solid"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
648
+ :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
649
649
  --dropdown-button-background-color: var(--joy-color-success-600);
650
650
  }
651
651
 
652
- :host([appearance="solid"][variant="info"]:not([disabled]):not([disabled="false"])) {
652
+ :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
653
653
  --dropdown-button-background-color: var(--joy-color-info-500);
654
654
  --dropdown-button-foreground-color: var(--joy-color-info-0);
655
655
  }
656
656
 
657
- :host([appearance="solid"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
657
+ :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
658
658
  --dropdown-button-background-color: var(--joy-color-info-600);
659
659
  }
660
660
 
661
- :host([appearance="solid"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
661
+ :host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
662
662
  --dropdown-button-background-color: var(--joy-color-highlight-500);
663
663
  --dropdown-button-foreground-color: var(--joy-color-highlight-0);
664
664
  }
665
665
 
666
- :host([appearance="solid"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
666
+ :host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
667
667
  --dropdown-button-background-color: var(--joy-color-highlight-600);
668
668
  }
669
669
 
670
- :host([appearance="solid"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
670
+ :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
671
671
  --dropdown-button-background-color: var(--joy-color-neutral-500);
672
672
  --dropdown-button-foreground-color: var(--joy-color-neutral-0);
673
673
  }
674
674
 
675
- :host([appearance="solid"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
675
+ :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
676
676
  --dropdown-button-background-color: var(--joy-color-neutral-600);
677
677
  }
678
678
 
package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Retro.js CHANGED
@@ -258,7 +258,7 @@ export function dropDownButtonElementRetroStyle() {
258
258
  --dropdown-button-border-width: 0px;
259
259
  }
260
260
 
261
- :host([appearance="plain"]:not([disabled]):not([disabled="false"])) [part="focusRing"] {
261
+ :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
262
262
  --focus-ring-outward-offset: 0px;
263
263
  }
264
264
 
package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js CHANGED
@@ -209,7 +209,7 @@ export function floatingActionButtonElementCosmopolitanStyle() {
209
209
  --fab-border-style: solid;
210
210
  }
211
211
 
212
- :host([appearance="outline"]) [part="focusRing"], :host([appearance="plain"]:not([disabled]):not([disabled="false"])) [part="focusRing"] {
212
+ :host([appearance="outline"]) [part="focusRing"], :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
213
213
  --focus-ring-outward-offset: 0px;
214
214
  }
215
215
 
package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js CHANGED
@@ -214,7 +214,7 @@ export function floatingActionButtonElementJoyStyle() {
214
214
  --fab-border-style: solid;
215
215
  }
216
216
 
217
- :host([appearance="outline"]) [part="focusRing"], :host([appearance="plain"]:not([disabled]):not([disabled="false"])) [part="focusRing"] {
217
+ :host([appearance="outline"]) [part="focusRing"], :host([appearance="plain"]:not([disabled]:not([disabled="false"]))) [part="focusRing"] {
218
218
  --focus-ring-outward-offset: 0px;
219
219
  }
220
220