@askrjs/themes 0.0.22 → 0.0.24

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 (56) hide show
  1. package/README.md +4 -0
  2. package/capabilities.json +36 -0
  3. package/dist/components/_internal/jsx.js +7 -2
  4. package/dist/components/_internal/jsx.js.map +1 -1
  5. package/dist/components/_internal/style.js.map +1 -1
  6. package/dist/components/alert/alert.js.map +1 -1
  7. package/dist/components/brand/brand.js +12 -10
  8. package/dist/components/brand/brand.js.map +1 -1
  9. package/dist/components/card/card.js +43 -36
  10. package/dist/components/card/card.js.map +1 -1
  11. package/dist/components/catalog.js +18 -14
  12. package/dist/components/catalog.js.map +1 -1
  13. package/dist/components/close/close.js.map +1 -1
  14. package/dist/components/command-palette/command-palette.d.ts +11 -0
  15. package/dist/components/command-palette/command-palette.js +153 -0
  16. package/dist/components/command-palette/command-palette.js.map +1 -0
  17. package/dist/components/command-palette/command-palette.types.d.ts +30 -0
  18. package/dist/components/command-palette/index.d.ts +3 -0
  19. package/dist/components/empty-state/empty-state.js.map +1 -1
  20. package/dist/components/field/field.js +20 -17
  21. package/dist/components/field/field.js.map +1 -1
  22. package/dist/components/footer/footer.js +36 -30
  23. package/dist/components/footer/footer.js.map +1 -1
  24. package/dist/components/grid/grid.js +2 -1
  25. package/dist/components/grid/grid.js.map +1 -1
  26. package/dist/components/nav/nav.js.map +1 -1
  27. package/dist/components/nav/nav.types.d.ts +1 -1
  28. package/dist/components/navbar/navbar.js.map +1 -1
  29. package/dist/components/overlays/dropdown-content.js.map +1 -1
  30. package/dist/components/page/page.js.map +1 -1
  31. package/dist/components/page-header/page-header.js.map +1 -1
  32. package/dist/components/sidebar/sidebar.js +6 -6
  33. package/dist/components/sidebar/sidebar.js.map +1 -1
  34. package/dist/components/skeleton/skeleton.js +2 -1
  35. package/dist/components/skeleton/skeleton.js.map +1 -1
  36. package/dist/components/spinner/spinner.js.map +1 -1
  37. package/dist/components/stat/stat.js +24 -20
  38. package/dist/components/stat/stat.js.map +1 -1
  39. package/dist/components/theme/theme.js.map +1 -1
  40. package/dist/components/toolbar/toolbar.js.map +1 -1
  41. package/dist/components.d.ts +4 -1
  42. package/dist/components.js +3 -2
  43. package/dist/entries/command.d.ts +4 -1
  44. package/dist/entries/command.js +2 -1
  45. package/dist/entries/tabs.js +1 -1
  46. package/dist/themes/default/index.css +38 -0
  47. package/package.json +18 -14
  48. package/src/components/_internal/jsx.ts +11 -1
  49. package/src/components/command-palette/command-palette.tsx +242 -0
  50. package/src/components/command-palette/command-palette.types.ts +40 -0
  51. package/src/components/command-palette/index.ts +15 -0
  52. package/src/components/sidebar/sidebar.tsx +6 -6
  53. package/src/components.ts +8 -0
  54. package/src/entries/command.ts +15 -0
  55. package/src/parity.ts +1 -0
  56. package/src/themes/default/styles/display/catalog.css +38 -0
package/src/parity.ts CHANGED
@@ -15,6 +15,7 @@ export const THEME_COMPONENTS = [
15
15
  "Collapsible",
16
16
  "Combobox",
17
17
  "Command",
18
+ "CommandPalette",
18
19
  "ContextMenu",
19
20
  "DataTable",
20
21
  "DatePicker",
package/src/themes/default/styles/display/catalog.css CHANGED
@@ -652,6 +652,44 @@
652
652
  box-shadow: var(--ak-shadow-lg);
653
653
  }
654
654
 
655
+ :where([data-command-palette-content]) {
656
+ inline-size: min(42rem, calc(100vw - 1rem));
657
+ max-block-size: min(36rem, calc(100dvh - 1rem));
658
+ overflow: hidden;
659
+ padding: 0;
660
+ }
661
+
662
+ :where([data-command-palette-content] [data-slot="command"]) {
663
+ min-block-size: 0;
664
+ }
665
+
666
+ :where([data-command-palette-result] > [data-slot="command-item"]) {
667
+ display: flex;
668
+ align-items: center;
669
+ min-block-size: var(--ak-density-control-height-md);
670
+ padding: var(--ak-space-sm) var(--ak-space-md);
671
+ border-radius: var(--ak-radius-md);
672
+ color: inherit;
673
+ text-decoration: none;
674
+ cursor: pointer;
675
+ }
676
+
677
+ :where([data-command-palette-content] [data-slot="command-list"]) {
678
+ margin: 0;
679
+ padding: 0;
680
+ list-style: none;
681
+ }
682
+
683
+ :where([data-command-palette-result] > [data-slot="command-item"]:hover) {
684
+ background: var(--ak-color-accent);
685
+ color: var(--ak-color-accent-ink);
686
+ }
687
+
688
+ :where([data-command-palette-result] > [data-slot="command-item"]:focus-visible) {
689
+ outline: none;
690
+ box-shadow: inset 0 0 0 var(--ak-focus-ring-width) var(--ak-color-focus-ring);
691
+ }
692
+
655
693
  :where([data-slot="command-header"]) {
656
694
  display: flex;
657
695
  align-items: center;