@breadstone/mosaik-themes 0.0.32 → 0.0.34

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 (41) hide show
  1. package/Index.d.ts +4 -5
  2. package/Index.d.ts.map +1 -1
  3. package/Index.js +4 -5
  4. package/Index.js.map +1 -1
  5. package/Themes/cosmopolitan.scss +3807 -3718
  6. package/Themes/fluent.scss +32 -32
  7. package/Themes/joy.scss +3720 -3632
  8. package/Themes/retro.scss +3501 -3408
  9. package/Theming/BootstrapTheme.d.ts +10 -8
  10. package/Theming/BootstrapTheme.d.ts.map +1 -1
  11. package/Theming/BootstrapTheme.js +126 -123
  12. package/Theming/BootstrapTheme.js.map +1 -1
  13. package/Theming/CosmopolitanTheme.d.ts +11 -9
  14. package/Theming/CosmopolitanTheme.d.ts.map +1 -1
  15. package/Theming/CosmopolitanTheme.js +115 -112
  16. package/Theming/CosmopolitanTheme.js.map +1 -1
  17. package/Theming/FluentTheme.d.ts +3 -1
  18. package/Theming/FluentTheme.d.ts.map +1 -1
  19. package/Theming/FluentTheme.js +7 -4
  20. package/Theming/FluentTheme.js.map +1 -1
  21. package/Theming/JoyTheme.d.ts +11 -9
  22. package/Theming/JoyTheme.d.ts.map +1 -1
  23. package/Theming/JoyTheme.js +414 -411
  24. package/Theming/JoyTheme.js.map +1 -1
  25. package/Theming/MaterialTheme.d.ts +3 -1
  26. package/Theming/MaterialTheme.d.ts.map +1 -1
  27. package/Theming/MaterialTheme.js +7 -4
  28. package/Theming/MaterialTheme.js.map +1 -1
  29. package/Theming/RetroTheme.d.ts +11 -9
  30. package/Theming/RetroTheme.d.ts.map +1 -1
  31. package/Theming/RetroTheme.js +361 -358
  32. package/Theming/RetroTheme.js.map +1 -1
  33. package/Theming/Utils/CssColor.d.ts +6 -1
  34. package/Theming/Utils/CssColor.d.ts.map +1 -1
  35. package/Theming/Utils/CssColor.js +18 -11
  36. package/Theming/Utils/CssColor.js.map +1 -1
  37. package/Theming/Utils/CssLength.d.ts +22 -2
  38. package/Theming/Utils/CssLength.d.ts.map +1 -1
  39. package/Theming/Utils/CssLength.js +37 -4
  40. package/Theming/Utils/CssLength.js.map +1 -1
  41. package/package.json +2 -2
package/Themes/fluent.scss CHANGED
@@ -1519,56 +1519,56 @@ $_stroke-widths: (
1519
1519
  }
1520
1520
  }
1521
1521
  $button-props: (
1522
+ 'background-color': var(--unknown),
1523
+ 'border-color': var(--unknown),
1524
+ 'border-radius': var(--unknown),
1525
+ 'border-style': var(--unknown),
1526
+ 'border-width': var(--unknown),
1522
1527
  'font-family': var(--unknown),
1523
- 'font-size': var(--unknown),
1524
- 'font-line-height': var(--unknown),
1525
- 'font-weight': var(--unknown),
1526
1528
  'font-letter-spacing': var(--unknown),
1529
+ 'font-line-height': var(--unknown),
1530
+ 'font-size': var(--unknown),
1527
1531
  'font-text-decoration': var(--unknown),
1528
1532
  'font-text-transform': var(--unknown),
1529
- 'padding-top': var(--unknown),
1530
- 'padding-right': var(--unknown),
1533
+ 'font-weight': var(--unknown),
1534
+ 'foreground-color': var(--unknown),
1535
+ 'gap': var(--unknown),
1536
+ 'height': var(--unknown),
1531
1537
  'padding-bottom': var(--unknown),
1532
1538
  'padding-left': var(--unknown),
1533
- 'gap': var(--unknown),
1539
+ 'padding-right': var(--unknown),
1540
+ 'padding-top': var(--unknown),
1541
+ 'progress-thickness': var(--unknown),
1534
1542
  'transition-duration': var(--unknown),
1535
1543
  'transition-mode': var(--unknown),
1536
1544
  'transition-property': unknown,
1537
1545
  'translate': var(--unknown),
1538
- 'background-color': var(--unknown),
1539
- 'foreground-color': var(--unknown),
1540
- 'border-color': var(--unknown),
1541
- 'border-width': var(--unknown),
1542
- 'border-radius': var(--unknown),
1543
- 'border-style': var(--unknown),
1544
- 'width': var(--unknown),
1545
- 'height': var(--unknown),
1546
- 'progress-thickness': var(--unknown)
1546
+ 'width': var(--unknown)
1547
1547
  );
1548
1548
  $text-box-props: (
1549
+ 'background-color': var(--theme-background-color),
1550
+ 'border-color': var(--theme-highlight-color),
1551
+ 'border-radius': var(--theme-radius-factor),
1552
+ 'border-style': solid,
1553
+ 'border-width': var(--theme-thickness-factor),
1554
+ 'focus-ring-width': 0px,
1549
1555
  'font-family': var(--theme-typography),
1556
+ 'font-letter-spacing': unset,
1557
+ 'font-line-height': unset,
1550
1558
  'font-size': 16px,
1551
- 'font-line-height': "unset",
1559
+ 'font-text-decoration': unset,
1560
+ 'font-text-transform': unset,
1552
1561
  'font-weight': normal,
1553
- 'font-letter-spacing': "unset",
1554
- 'font-text-decoration': "unset",
1555
- 'font-text-transform': "unset",
1556
- 'padding-top': 8px,
1557
- 'padding-right': 12px,
1562
+ 'foreground-color': var(--theme-foreground-color),
1563
+ 'gap': 8px,
1564
+ 'height': 56px,
1558
1565
  'padding-bottom': 8px,
1559
1566
  'padding-left': 12px,
1560
- 'gap': 8px,
1567
+ 'padding-right': 12px,
1568
+ 'padding-top': 8px,
1569
+ 'shadow': var(--theme-elevation-none),
1561
1570
  'transition-duration': .2s,
1562
1571
  'transition-mode': ease,
1563
1572
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
1564
- 'translate': "unset",
1565
- 'background-color': var(--theme-background-color),
1566
- 'foreground-color': var(--theme-foreground-color),
1567
- 'border-color': var(--theme-highlight-color),
1568
- 'border-width': var(--theme-thickness-factor),
1569
- 'border-radius': var(--theme-radius-factor),
1570
- 'border-style': solid,
1571
- 'shadow': var(--theme-elevation-none),
1572
- 'height': 56px,
1573
- 'focus-ring-width': 0px
1573
+ 'translate': unset
1574
1574
  );