@furystack/shades-common-components 10.0.28 → 10.0.30

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 (64) hide show
  1. package/esm/components/avatar.d.ts.map +1 -1
  2. package/esm/components/avatar.js +40 -6
  3. package/esm/components/avatar.js.map +1 -1
  4. package/esm/components/button.d.ts.map +1 -1
  5. package/esm/components/button.js +45 -32
  6. package/esm/components/button.js.map +1 -1
  7. package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
  8. package/esm/components/command-palette/command-palette-input.js +6 -3
  9. package/esm/components/command-palette/command-palette-input.js.map +1 -1
  10. package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
  11. package/esm/components/command-palette/command-palette-suggestion-list.js +29 -10
  12. package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
  13. package/esm/components/command-palette/index.d.ts.map +1 -1
  14. package/esm/components/command-palette/index.js +35 -8
  15. package/esm/components/command-palette/index.js.map +1 -1
  16. package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
  17. package/esm/components/data-grid/data-grid-row.js +37 -9
  18. package/esm/components/data-grid/data-grid-row.js.map +1 -1
  19. package/esm/components/data-grid/data-grid.d.ts +2 -2
  20. package/esm/components/data-grid/data-grid.d.ts.map +1 -1
  21. package/esm/components/data-grid/data-grid.js +12 -5
  22. package/esm/components/data-grid/data-grid.js.map +1 -1
  23. package/esm/components/data-grid/header.js +3 -3
  24. package/esm/components/data-grid/header.js.map +1 -1
  25. package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
  26. package/esm/components/data-grid/selection-cell.js +6 -1
  27. package/esm/components/data-grid/selection-cell.js.map +1 -1
  28. package/esm/components/grid.d.ts.map +1 -1
  29. package/esm/components/grid.js +25 -3
  30. package/esm/components/grid.js.map +1 -1
  31. package/esm/components/inputs/input.d.ts.map +1 -1
  32. package/esm/components/inputs/input.js +72 -22
  33. package/esm/components/inputs/input.js.map +1 -1
  34. package/esm/components/noty-list.d.ts.map +1 -1
  35. package/esm/components/noty-list.js +30 -8
  36. package/esm/components/noty-list.js.map +1 -1
  37. package/esm/components/suggest/index.d.ts.map +1 -1
  38. package/esm/components/suggest/index.js +35 -9
  39. package/esm/components/suggest/index.js.map +1 -1
  40. package/esm/components/suggest/suggest-input.d.ts.map +1 -1
  41. package/esm/components/suggest/suggest-input.js +6 -3
  42. package/esm/components/suggest/suggest-input.js.map +1 -1
  43. package/esm/components/suggest/suggestion-list.d.ts.map +1 -1
  44. package/esm/components/suggest/suggestion-list.js +30 -12
  45. package/esm/components/suggest/suggestion-list.js.map +1 -1
  46. package/esm/services/theme-provider-service.d.ts +1 -1
  47. package/esm/services/theme-provider-service.js +1 -1
  48. package/package.json +6 -6
  49. package/src/components/avatar.tsx +41 -6
  50. package/src/components/button.tsx +53 -40
  51. package/src/components/command-palette/command-palette-input.tsx +6 -2
  52. package/src/components/command-palette/command-palette-suggestion-list.tsx +29 -10
  53. package/src/components/command-palette/index.tsx +34 -7
  54. package/src/components/data-grid/data-grid-row.tsx +39 -10
  55. package/src/components/data-grid/data-grid.tsx +16 -7
  56. package/src/components/data-grid/header.tsx +3 -3
  57. package/src/components/data-grid/selection-cell.tsx +6 -0
  58. package/src/components/grid.tsx +32 -4
  59. package/src/components/inputs/input.tsx +99 -33
  60. package/src/components/noty-list.tsx +34 -8
  61. package/src/components/suggest/index.tsx +34 -8
  62. package/src/components/suggest/suggest-input.tsx +6 -2
  63. package/src/components/suggest/suggestion-list.tsx +30 -12
  64. package/src/services/theme-provider-service.ts +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/suggest/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/suggest/index.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggest-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggest/suggest-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,eAAO,MAAM,YAAY;aAAoB,cAAc,CAAC,GAAG,CAAC;;;sEAoC9D,CAAA"}
1
+ {"version":3,"file":"suggest-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggest/suggest-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,eAAO,MAAM,YAAY;aAAoB,cAAc,CAAC,GAAG,CAAC;;;sEAwC9D,CAAA"}
@@ -20,14 +20,17 @@ export const SuggestInput = Shade({
20
20
  }
21
21
  },
22
22
  });
23
- return (createComponent("input", { autofocus: true, style: {
23
+ return (createComponent("input", { autofocus: true, placeholder: "Type to search...", style: {
24
24
  color: theme.text.primary,
25
25
  outline: 'none',
26
- padding: '1em',
26
+ padding: '0.875em 0.5em',
27
27
  background: 'transparent',
28
28
  border: 'none',
29
29
  display: 'inline-flex',
30
- width: 'calc(100% - 2em)',
30
+ width: 'calc(100% - 1em)',
31
+ fontSize: '0.95em',
32
+ fontWeight: '400',
33
+ letterSpacing: '0.01em',
31
34
  } }));
32
35
  },
33
36
  });
@@ -1 +1 @@
1
- {"version":3,"file":"suggest-input.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAG/E,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAmC;IAClE,aAAa,EAAE,sBAAsB;IACrC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,8CAA8C;QAC9C,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;YAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,MAAM,KAAK,GAAG,OAAO,CAAC,UAA8B,CAAA;gBACpD,IAAI,QAAQ,EAAE,CAAC;oBACb,KAAK,CAAC,KAAK,EAAE,CAAA;gBACf,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;gBAClB,CAAC;YACH,CAAC;SACF,CAAC,CAAA;QAEF,OAAO,CACL,2BACE,SAAS,QACT,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;gBACzB,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,kBAAkB;aAC1B,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
1
+ {"version":3,"file":"suggest-input.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAG/E,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAmC;IAClE,aAAa,EAAE,sBAAsB;IACrC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,8CAA8C;QAC9C,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;YAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACrB,MAAM,KAAK,GAAG,OAAO,CAAC,UAA8B,CAAA;gBACpD,IAAI,QAAQ,EAAE,CAAC;oBACb,KAAK,CAAC,KAAK,EAAE,CAAA;gBACf,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;gBAClB,CAAC;YACH,CAAC;SACF,CAAC,CAAA;QAEF,OAAO,CACL,2BACE,SAAS,QACT,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;gBACzB,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,eAAe;gBACxB,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,kBAAkB;gBACzB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,QAAQ;aACxB,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggest/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE;IAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CA6F9G,CAAA"}
1
+ {"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggest/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE;IAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CA+G9G,CAAA"}
@@ -13,12 +13,14 @@ export const SuggestionList = Shade({
13
13
  ;
14
14
  [...element.querySelectorAll('.suggestion-item')].map((s, i) => {
15
15
  if (i === idx) {
16
- s.style.background = theme.background.paper;
17
- s.style.fontWeight = 'bolder';
16
+ s.style.background = 'rgba(128,128,128,0.2)';
17
+ s.style.fontWeight = '500';
18
+ s.style.borderLeft = `3px solid ${theme.text.primary}`;
18
19
  }
19
20
  else {
20
- s.style.background = theme.background.default;
21
- s.style.fontWeight = 'normal';
21
+ s.style.background = 'transparent';
22
+ s.style.fontWeight = '400';
23
+ s.style.borderLeft = '3px solid transparent';
22
24
  }
23
25
  });
24
26
  },
@@ -46,25 +48,41 @@ export const SuggestionList = Shade({
46
48
  return (createComponent("div", { className: "suggestion-items-container", style: {
47
49
  borderTop: 'none',
48
50
  position: 'absolute',
49
- borderRadius: '0px 0px 5px 5px',
51
+ borderRadius: '0px 0px 12px 12px',
50
52
  marginLeft: '14px',
53
+ marginTop: '4px',
51
54
  overflow: 'hidden',
52
55
  zIndex: '1',
53
56
  left: 'auto',
54
- backgroundColor: theme.background.paper, //'rgba(8,8,8,0.85)',
57
+ backgroundColor: theme.background.paper,
55
58
  color: theme.text.secondary,
56
- boxShadow: '3px 3px 5px rgba(0,0,0,0.3)',
57
- backdropFilter: 'blur(15px)',
59
+ boxShadow: '0 8px 24px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.12)',
60
+ backdropFilter: 'blur(20px)',
61
+ border: '1px solid rgba(128,128,128,0.2)',
58
62
  width: `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`,
59
63
  } }, suggestions.map((s, i) => (createComponent("div", { className: "suggestion-item", onclick: () => {
60
64
  if (isListOpened) {
61
65
  manager.selectSuggestion(i);
62
66
  }
67
+ }, onmouseenter: (ev) => {
68
+ if (i !== selectedIndex) {
69
+ ;
70
+ ev.target.style.background = 'rgba(128,128,128,0.1)';
71
+ }
72
+ }, onmouseleave: (ev) => {
73
+ if (i !== selectedIndex) {
74
+ ;
75
+ ev.target.style.background = 'transparent';
76
+ }
63
77
  }, style: {
64
- padding: '1em',
65
- cursor: 'default',
66
- background: i === selectedIndex ? theme.background.paper : theme.background.default,
67
- fontWeight: i === selectedIndex ? 'bolder' : 'normal',
78
+ padding: '0.875em 1.25em',
79
+ cursor: 'pointer',
80
+ background: i === selectedIndex ? 'rgba(128,128,128,0.2)' : 'transparent',
81
+ fontWeight: i === selectedIndex ? '500' : '400',
82
+ borderLeft: i === selectedIndex ? `3px solid ${theme.text.primary}` : '3px solid transparent',
83
+ transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
84
+ fontSize: '0.95em',
85
+ letterSpacing: '0.01em',
68
86
  } }, s.suggestion.element)))));
69
87
  },
70
88
  });
@@ -1 +1 @@
1
- {"version":3,"file":"suggestion-list.js","sourceRoot":"","sources":["../../../src/components/suggest/suggestion-list.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"suggestion-list.js","sourceRoot":"","sources":["../../../src/components/suggest/suggestion-list.tsx"],"names":[],"mappings":"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"}
@@ -61,7 +61,7 @@ export declare class ThemeProviderService extends EventHub<{
61
61
  */
62
62
  getTextColor(color: string, bright?: string, dark?: string): string;
63
63
  /**
64
- *
64
+ * Parses a color string and returns RGB values
65
65
  * @param color The color string
66
66
  * @returns The parsed R,G,B, A values
67
67
  */
@@ -43,7 +43,7 @@ let ThemeProviderService = class ThemeProviderService extends EventHub {
43
43
  return yiq >= 128 ? bright : dark;
44
44
  }
45
45
  /**
46
- *
46
+ * Parses a color string and returns RGB values
47
47
  * @param color The color string
48
48
  * @returns The parsed R,G,B, A values
49
49
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@furystack/shades-common-components",
3
- "version": "10.0.28",
3
+ "version": "10.0.30",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -32,13 +32,13 @@
32
32
  "license": "GPL-2.0",
33
33
  "devDependencies": {
34
34
  "typescript": "^5.9.3",
35
- "vitest": "^3.2.4"
35
+ "vitest": "^4.0.10"
36
36
  },
37
37
  "dependencies": {
38
- "@furystack/core": "^15.0.27",
39
- "@furystack/inject": "^12.0.21",
40
- "@furystack/shades": "^11.0.28",
41
- "@furystack/utils": "^8.1.3",
38
+ "@furystack/core": "^15.0.29",
39
+ "@furystack/inject": "^12.0.23",
40
+ "@furystack/shades": "^11.0.30",
41
+ "@furystack/utils": "^8.1.5",
42
42
  "path-to-regexp": "^8.3.0",
43
43
  "semaphore-async-await": "^1.5.1"
44
44
  },
@@ -1,5 +1,5 @@
1
1
  import type { PartialElement } from '@furystack/shades'
2
- import { Shade, createComponent, attachProps } from '@furystack/shades'
2
+ import { Shade, attachProps, createComponent } from '@furystack/shades'
3
3
 
4
4
  export type AvatarProps = { avatarUrl: string; fallback?: JSX.Element } & PartialElement<HTMLDivElement>
5
5
 
@@ -15,28 +15,63 @@ export const Avatar = Shade<AvatarProps>({
15
15
  height: '128px',
16
16
  overflow: 'hidden',
17
17
  borderRadius: '50%',
18
- boxShadow: '0px 0px 8px 3px rgba(128,128,128,0.2)',
19
- backgroundColor: 'rgba(128,128,128,0.3)',
18
+ boxShadow:
19
+ '0 0 0 3px rgba(255, 255, 255, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1)',
20
+ backgroundColor: 'linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%)',
20
21
  display: 'flex',
22
+ position: 'relative',
23
+ transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
21
24
  ...containerProps?.style,
22
25
  },
26
+ onmouseenter: () => {
27
+ element.style.transform = 'translateY(-2px) scale(1.02)'
28
+ element.style.boxShadow =
29
+ '0 0 0 3px rgba(255, 255, 255, 0.15), 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1)'
30
+ },
31
+ onmouseleave: () => {
32
+ element.style.transform = 'translateY(0) scale(1)'
33
+ element.style.boxShadow =
34
+ '0 0 0 3px rgba(255, 255, 255, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.1)'
35
+ },
23
36
  })
24
37
 
25
38
  return (
26
39
  <img
27
- style={{ width: '100%', height: '100%', objectFit: 'cover', backgroundPosition: 'center' }}
40
+ style={{
41
+ width: '100%',
42
+ height: '100%',
43
+ objectFit: 'cover',
44
+ objectPosition: 'center',
45
+ transition: 'all 0.3s ease',
46
+ }}
28
47
  alt={'avatar image'}
29
48
  src={props.avatarUrl}
30
49
  onerror={(ev) => {
31
50
  ;((ev as Event).target as HTMLImageElement).replaceWith(
32
51
  <div
33
- style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%' }}
52
+ style={{
53
+ display: 'flex',
54
+ alignItems: 'center',
55
+ justifyContent: 'center',
56
+ height: '100%',
57
+ width: '100%',
58
+ background: 'linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(168, 85, 247, 0.2) 100%)',
59
+ }}
34
60
  >
35
61
  <div
36
62
  style={{
63
+ display: 'flex',
64
+ alignItems: 'center',
65
+ justifyContent: 'center',
66
+ width: '64px',
67
+ height: '64px',
68
+ borderRadius: '50%',
69
+ background: 'rgba(255, 255, 255, 0.1)',
70
+ backdropFilter: 'blur(10px)',
37
71
  textAlign: 'center',
38
72
  userSelect: 'none',
39
- fontSize: '32px',
73
+ fontSize: '48px',
74
+ lineHeight: '1',
40
75
  }}
41
76
  >
42
77
  {props.fallback || '🛑'}
@@ -80,11 +80,10 @@ export const Button = Shade<ButtonProps>({
80
80
  element,
81
81
  [
82
82
  {
83
- filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))brightness(1)',
84
83
  transform: 'scale(1)',
85
84
  },
86
85
  ],
87
- { duration: 350, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' },
86
+ { duration: 150, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' },
88
87
  )
89
88
  }
90
89
  }
@@ -139,64 +138,78 @@ export const Button = Shade<ButtonProps>({
139
138
  ...props,
140
139
  onmousedown(this: HTMLElement, ev: MouseEvent) {
141
140
  mouseDownHandler?.call(this, ev)
142
- void tryAnimate(
143
- [
144
- {
145
- filter: 'drop-shadow(-1px -1px 3px black)brightness(0.5)',
146
- transform: 'scale(0.98)',
147
- },
148
- ],
149
- { duration: 150, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' },
150
- )
141
+ if (!props.disabled) {
142
+ void tryAnimate(
143
+ [
144
+ {
145
+ transform: 'scale(0.96)',
146
+ },
147
+ ],
148
+ { duration: 100, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' },
149
+ )
150
+ }
151
151
  },
152
152
  onmouseup(this: HTMLElement, ev: MouseEvent) {
153
153
  mouseUpHandler?.call(this, ev)
154
154
  },
155
155
  onmouseenter: () => {
156
- void tryAnimate(
157
- [
158
- {
159
- background,
160
- boxShadow,
161
- color: getTextColorInner(),
162
- },
156
+ if (!props.disabled) {
157
+ void tryAnimate(
158
+ [
159
+ {
160
+ background,
161
+ boxShadow,
162
+ color: getTextColorInner(),
163
+ },
164
+ {
165
+ background: hoveredBackground,
166
+ boxShadow: hoveredBoxShadow,
167
+ color: getHoveredTextColorInner(),
168
+ },
169
+ ],
170
+ { duration: 200, fill: 'forwards', easing: 'cubic-bezier(0.4, 0, 0.2, 1)' },
171
+ )
172
+ }
173
+ },
174
+ onmouseleave: () => {
175
+ if (!props.disabled) {
176
+ void tryAnimate(
177
+ [
178
+ { background: hoveredBackground, boxShadow: hoveredBoxShadow, color: getHoveredTextColorInner() },
179
+ { background, boxShadow, color: getTextColorInner() },
180
+ ],
163
181
  {
164
- background: hoveredBackground,
165
- boxShadow: hoveredBoxShadow,
166
- color: getHoveredTextColorInner(),
182
+ duration: 200,
183
+ fill: 'forwards',
184
+ easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
167
185
  },
168
- ],
169
- { duration: 500, fill: 'forwards', easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)' },
170
- )
171
- },
172
- onmouseout: () => {
173
- void tryAnimate(
174
- [
175
- { background: hoveredBackground, boxShadow: hoveredBoxShadow, color: getHoveredTextColorInner() },
176
- { background, boxShadow, color: getTextColorInner() },
177
- ],
178
- {
179
- duration: 500,
180
- fill: 'forwards',
181
- easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
182
- },
183
- )
186
+ )
187
+ }
184
188
  },
185
189
  ...props,
186
190
  style: {
187
191
  display: 'inline-flex',
192
+ alignItems: 'center',
193
+ justifyContent: 'center',
188
194
  cursor: props.disabled ? 'not-allowed' : 'pointer',
189
195
  background,
190
196
  boxShadow,
191
197
  margin: '8px',
192
- padding: '6px 16px',
198
+ padding: '8px 20px',
193
199
  border: 'none',
194
- borderRadius: '4px',
200
+ borderRadius: '6px',
195
201
  textTransform: 'uppercase',
196
202
  color: getTextColorInner(),
197
- filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))',
203
+ fontSize: '14px',
204
+ fontWeight: '500',
205
+ letterSpacing: '0.5px',
206
+ lineHeight: '1.75',
207
+ minWidth: '64px',
198
208
  backdropFilter: props.variant === 'outlined' ? 'blur(35px)' : undefined,
199
209
  userSelect: 'none',
210
+ opacity: props.disabled ? '0.6' : '1',
211
+ transition: 'opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
212
+ WebkitTapHighlightColor: 'transparent',
200
213
  ...props.style,
201
214
  },
202
215
  })
@@ -39,14 +39,18 @@ export const CommandPaletteInput = Shade<{ manager: CommandPaletteManager }>({
39
39
  return (
40
40
  <input
41
41
  autofocus
42
+ placeholder="Type to search commands..."
42
43
  style={{
43
44
  color: theme.text.primary,
44
45
  outline: 'none',
45
- padding: '1em',
46
+ padding: '0.875em 0.5em',
46
47
  background: 'transparent',
47
48
  border: 'none',
48
49
  display: 'inline-flex',
49
- width: 'calc(100% - 2em)',
50
+ width: 'calc(100% - 1em)',
51
+ fontSize: '0.95em',
52
+ fontWeight: '400',
53
+ letterSpacing: '0.01em',
50
54
  }}
51
55
  />
52
56
  )
@@ -14,11 +14,13 @@ export const CommandPaletteSuggestionList = Shade<{ manager: CommandPaletteManag
14
14
  onChange: (idx) => {
15
15
  ;([...element.querySelectorAll('.suggestion-item')] as HTMLDivElement[]).map((s, i) => {
16
16
  if (i === idx) {
17
- s.style.background = theme.background.paper
18
- s.style.fontWeight = 'bolder'
17
+ s.style.background = 'rgba(128,128,128,0.2)'
18
+ s.style.fontWeight = '500'
19
+ s.style.borderLeft = `3px solid ${theme.text.primary}`
19
20
  } else {
20
- s.style.background = theme.background.default
21
- s.style.fontWeight = 'normal'
21
+ s.style.background = 'transparent'
22
+ s.style.fontWeight = '400'
23
+ s.style.borderLeft = '3px solid transparent'
22
24
  }
23
25
  })
24
26
  },
@@ -63,15 +65,18 @@ export const CommandPaletteSuggestionList = Shade<{ manager: CommandPaletteManag
63
65
  borderTop: 'none',
64
66
  position: 'absolute',
65
67
  opacity: manager.isOpened.getValue() ? '1' : '0',
66
- borderRadius: '0px 0px 5px 5px',
68
+ borderRadius: '0px 0px 12px 12px',
67
69
  marginLeft: '14px',
70
+ marginTop: '4px',
68
71
  overflow: 'hidden',
69
72
  overflowY: 'auto',
70
73
  maxHeight: `${window.innerHeight * 0.8}px`,
71
74
  zIndex: '1',
72
75
  left: 'auto',
73
76
  backgroundColor: theme.background.paper,
74
- boxShadow: '3px 3px 5px rgba(0,0,0,0.3)',
77
+ boxShadow: '0 8px 24px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.12)',
78
+ backdropFilter: 'blur(20px)',
79
+ border: '1px solid rgba(128,128,128,0.2)',
75
80
  width: `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`,
76
81
  ...(props.fullScreenSuggestions ? { left: '0', width: 'calc(100% - 42px)' } : {}),
77
82
  }}
@@ -84,11 +89,25 @@ export const CommandPaletteSuggestionList = Shade<{ manager: CommandPaletteManag
84
89
  manager.selectSuggestion(injector, i)
85
90
  }
86
91
  }}
92
+ onmouseenter={(ev) => {
93
+ if (i !== selectedIndex) {
94
+ ;(ev.target as HTMLElement).style.background = 'rgba(128,128,128,0.1)'
95
+ }
96
+ }}
97
+ onmouseleave={(ev) => {
98
+ if (i !== selectedIndex) {
99
+ ;(ev.target as HTMLElement).style.background = 'transparent'
100
+ }
101
+ }}
87
102
  style={{
88
- padding: '1em',
89
- cursor: 'default',
90
- background: i === selectedIndex ? theme.background.paper : theme.background.default,
91
- fontWeight: i === selectedIndex ? 'bolder' : 'normal',
103
+ padding: '0.875em 1.25em',
104
+ cursor: 'pointer',
105
+ background: i === selectedIndex ? 'rgba(128,128,128,0.2)' : 'transparent',
106
+ fontWeight: i === selectedIndex ? '500' : '400',
107
+ borderLeft: i === selectedIndex ? `3px solid ${theme.text.primary}` : '3px solid transparent',
108
+ transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
109
+ fontSize: '0.95em',
110
+ letterSpacing: '0.01em',
92
111
  }}
93
112
  >
94
113
  {s.element}
@@ -127,9 +127,15 @@ export const CommandPalette = Shade<CommandPaletteProps>({
127
127
  display: 'flex',
128
128
  alignItems: 'center',
129
129
  justifyContent: 'flex-end',
130
- padding: '0 1em',
131
- borderRadius: '5px',
130
+ padding: '0 1.25em',
131
+ borderRadius: '12px',
132
132
  position: 'relative',
133
+ background: 'rgba(128,128,128,0.08)',
134
+ border: `1px solid ${manager.isOpened.getValue() ? 'rgba(128,128,128,0.3)' : 'rgba(128,128,128,0.15)'}`,
135
+ boxShadow: manager.isOpened.getValue()
136
+ ? '0 4px 12px rgba(0,0,0,0.15), 0 0 0 3px rgba(128,128,128,0.05)'
137
+ : '0 2px 4px rgba(0,0,0,0.05)',
138
+ transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
133
139
  ...props.style,
134
140
  }}
135
141
  >
@@ -137,9 +143,18 @@ export const CommandPalette = Shade<CommandPaletteProps>({
137
143
  className="term-icon"
138
144
  style={{
139
145
  cursor: 'pointer',
140
- color: '#aaa',
141
- fontWeight: 'bolder',
142
- textShadow: '0 0 1px #aaa',
146
+ color: theme.text.secondary,
147
+ fontWeight: '600',
148
+ fontSize: '0.95em',
149
+ transition: 'color 0.2s ease',
150
+ padding: '0.5em 0.75em 0.5em 0',
151
+ userSelect: 'none',
152
+ }}
153
+ onmouseenter={(ev) => {
154
+ ;(ev.target as HTMLElement).style.color = theme.text.primary
155
+ }}
156
+ onmouseleave={(ev) => {
157
+ ;(ev.target as HTMLElement).style.color = theme.text.secondary
143
158
  }}
144
159
  onclick={() => setIsOpened(true)}
145
160
  >
@@ -165,14 +180,26 @@ export const CommandPalette = Shade<CommandPaletteProps>({
165
180
  <div
166
181
  className="close-suggestions"
167
182
  onclick={() => setIsOpened(false)}
183
+ onmouseenter={(ev) => {
184
+ ;(ev.target as HTMLElement).style.background = 'rgba(255,255,255,0.15)'
185
+ ;(ev.target as HTMLElement).style.transform = 'scale(1.1)'
186
+ }}
187
+ onmouseleave={(ev) => {
188
+ ;(ev.target as HTMLElement).style.background = 'transparent'
189
+ ;(ev.target as HTMLElement).style.transform = 'scale(1)'
190
+ }}
168
191
  style={{
169
- width: '20px',
170
- height: '20px',
192
+ width: '24px',
193
+ height: '24px',
171
194
  opacity: manager.isOpened.getValue() ? '1' : '0',
172
195
  display: 'flex',
173
196
  alignItems: 'center',
174
197
  justifyContent: 'center',
175
198
  cursor: 'pointer',
199
+ borderRadius: '6px',
200
+ transition: 'all 0.2s ease',
201
+ fontSize: '14px',
202
+ color: theme.text.secondary,
176
203
  }}
177
204
  >
178
205