@furystack/shades-common-components 10.0.27 → 10.0.29
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.
- package/esm/components/avatar.d.ts.map +1 -1
- package/esm/components/avatar.js +40 -6
- package/esm/components/avatar.js.map +1 -1
- package/esm/components/button.d.ts.map +1 -1
- package/esm/components/button.js +45 -32
- package/esm/components/button.js.map +1 -1
- package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-input.js +6 -3
- package/esm/components/command-palette/command-palette-input.js.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.js +29 -10
- package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/esm/components/command-palette/index.d.ts.map +1 -1
- package/esm/components/command-palette/index.js +35 -8
- package/esm/components/command-palette/index.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js +37 -9
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/data-grid.d.ts +2 -2
- package/esm/components/data-grid/data-grid.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid.js +12 -5
- package/esm/components/data-grid/data-grid.js.map +1 -1
- package/esm/components/data-grid/header.js +3 -3
- package/esm/components/data-grid/header.js.map +1 -1
- package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
- package/esm/components/data-grid/selection-cell.js +6 -1
- package/esm/components/data-grid/selection-cell.js.map +1 -1
- package/esm/components/grid.d.ts.map +1 -1
- package/esm/components/grid.js +25 -3
- package/esm/components/grid.js.map +1 -1
- package/esm/components/inputs/input.d.ts.map +1 -1
- package/esm/components/inputs/input.js +72 -22
- package/esm/components/inputs/input.js.map +1 -1
- package/esm/components/noty-list.d.ts.map +1 -1
- package/esm/components/noty-list.js +30 -8
- package/esm/components/noty-list.js.map +1 -1
- package/esm/components/suggest/index.d.ts.map +1 -1
- package/esm/components/suggest/index.js +35 -9
- package/esm/components/suggest/index.js.map +1 -1
- package/esm/components/suggest/suggest-input.d.ts.map +1 -1
- package/esm/components/suggest/suggest-input.js +6 -3
- package/esm/components/suggest/suggest-input.js.map +1 -1
- package/esm/components/suggest/suggestion-list.d.ts.map +1 -1
- package/esm/components/suggest/suggestion-list.js +30 -12
- package/esm/components/suggest/suggestion-list.js.map +1 -1
- package/esm/services/theme-provider-service.d.ts +1 -1
- package/esm/services/theme-provider-service.js +1 -1
- package/package.json +5 -5
- package/src/components/avatar.tsx +41 -6
- package/src/components/button.tsx +53 -40
- package/src/components/command-palette/command-palette-input.tsx +6 -2
- package/src/components/command-palette/command-palette-suggestion-list.tsx +29 -10
- package/src/components/command-palette/index.tsx +34 -7
- package/src/components/data-grid/data-grid-row.tsx +39 -10
- package/src/components/data-grid/data-grid.tsx +16 -7
- package/src/components/data-grid/header.tsx +3 -3
- package/src/components/data-grid/selection-cell.tsx +6 -0
- package/src/components/grid.tsx +32 -4
- package/src/components/inputs/input.tsx +99 -33
- package/src/components/noty-list.tsx +34 -8
- package/src/components/suggest/index.tsx +34 -8
- package/src/components/suggest/suggest-input.tsx +6 -2
- package/src/components/suggest/suggestion-list.tsx +30 -12
- 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;;;
|
|
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: '
|
|
26
|
+
padding: '0.875em 0.5em',
|
|
27
27
|
background: 'transparent',
|
|
28
28
|
border: 'none',
|
|
29
29
|
display: 'inline-flex',
|
|
30
|
-
width: 'calc(100% -
|
|
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,
|
|
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,
|
|
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 =
|
|
17
|
-
s.style.fontWeight = '
|
|
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 =
|
|
21
|
-
s.style.fontWeight = '
|
|
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
|
|
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,
|
|
57
|
+
backgroundColor: theme.background.paper,
|
|
55
58
|
color: theme.text.secondary,
|
|
56
|
-
boxShadow: '
|
|
57
|
-
backdropFilter: 'blur(
|
|
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: '
|
|
65
|
-
cursor: '
|
|
66
|
-
background: i === selectedIndex ?
|
|
67
|
-
fontWeight: i === selectedIndex ? '
|
|
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":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAGvE,MAAM,CAAC,MAAM,cAAc,GACzB,KAAK,CAAmC;IACtC,aAAa,EAAE,+BAA+B;IAC9C,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QACzB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC,aAAa,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;QAE9E,8CAA8C;QAC9C,MAAM,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,aAAa,EAAE;YAC5E,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBAChB,CAAC;gBAAC,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACpF,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;wBACd,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,
|
|
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
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@furystack/shades-common-components",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.29",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"vitest": "^3.2.4"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@furystack/core": "^15.0.
|
|
39
|
-
"@furystack/inject": "^12.0.
|
|
40
|
-
"@furystack/shades": "^11.0.
|
|
41
|
-
"@furystack/utils": "^8.1.
|
|
38
|
+
"@furystack/core": "^15.0.28",
|
|
39
|
+
"@furystack/inject": "^12.0.22",
|
|
40
|
+
"@furystack/shades": "^11.0.29",
|
|
41
|
+
"@furystack/utils": "^8.1.4",
|
|
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,
|
|
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:
|
|
19
|
-
|
|
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={{
|
|
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={{
|
|
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: '
|
|
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:
|
|
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
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
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
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
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
|
-
|
|
165
|
-
|
|
166
|
-
|
|
182
|
+
duration: 200,
|
|
183
|
+
fill: 'forwards',
|
|
184
|
+
easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
|
167
185
|
},
|
|
168
|
-
|
|
169
|
-
|
|
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: '
|
|
198
|
+
padding: '8px 20px',
|
|
193
199
|
border: 'none',
|
|
194
|
-
borderRadius: '
|
|
200
|
+
borderRadius: '6px',
|
|
195
201
|
textTransform: 'uppercase',
|
|
196
202
|
color: getTextColorInner(),
|
|
197
|
-
|
|
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: '
|
|
46
|
+
padding: '0.875em 0.5em',
|
|
46
47
|
background: 'transparent',
|
|
47
48
|
border: 'none',
|
|
48
49
|
display: 'inline-flex',
|
|
49
|
-
width: 'calc(100% -
|
|
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 =
|
|
18
|
-
s.style.fontWeight = '
|
|
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 =
|
|
21
|
-
s.style.fontWeight = '
|
|
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
|
|
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: '
|
|
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: '
|
|
89
|
-
cursor: '
|
|
90
|
-
background: i === selectedIndex ?
|
|
91
|
-
fontWeight: i === selectedIndex ? '
|
|
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
|
|
131
|
-
borderRadius: '
|
|
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:
|
|
141
|
-
fontWeight: '
|
|
142
|
-
|
|
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: '
|
|
170
|
-
height: '
|
|
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
|
✖
|