@industry-theme/alexandria-panels 0.3.1 → 0.3.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/WorkspaceCollectionPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,SAAS,CAAC;AAEjB,OAAO,sBAAsB,CAAC;AAI9B,MAAM,WAAW,6BAA8B,SAAQ,kCAAkC;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/WorkspaceCollectionPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,SAAS,CAAC;AAEjB,OAAO,sBAAsB,CAAC;AAI9B,MAAM,WAAW,6BAA8B,SAAQ,kCAAkC;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAohCD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAsCnD,CAAC;AAGF,YAAY,EACV,SAAS,EACT,wBAAwB,EACxB,oCAAoC,EACpC,+BAA+B,EAC/B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode("/* Spin animation for scanning button */\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n container-type: inline-size;\n container-name: local-projects;\n height: 100%;\n}\n\n/* Animated underline that grows from left on hover */\n.local-project-card .project-name-underline {\n position: relative;\n text-decoration: none;\n}\n\n.local-project-card .project-name-underline::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: -3px;\n width: 0;\n height: 2px;\n background-color: var(--underline-color);\n transition: width 0.2s ease-out;\n}\n\n.local-project-card:hover .project-name-underline::after {\n width: 100%;\n}\n\n/* Header action buttons - background change on hover */\n.header-action-button {\n transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s !important;\n}\n\n.header-action-button:hover:not(:disabled) {\n background-color: var(--button-hover-bg) !important;\n}\n\n/* Add project button - also show border on hover */\n.add-project-button {\n border: 1px solid transparent !important;\n}\n\n.add-project-button:hover:not(:disabled) {\n border-color: var(--add-button-border-color) !important;\n}\n\n/*
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("/* Spin animation for scanning button */\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n container-type: inline-size;\n container-name: local-projects;\n height: 100%;\n}\n\n/* Animated underline that grows from left on hover */\n.local-project-card .project-name-underline {\n position: relative;\n text-decoration: none;\n}\n\n.local-project-card .project-name-underline::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: -3px;\n width: 0;\n height: 2px;\n background-color: var(--underline-color);\n transition: width 0.2s ease-out;\n}\n\n.local-project-card:hover .project-name-underline::after {\n width: 100%;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n .local-projects-panel {\n padding: 8px !important;\n gap: 8px !important;\n }\n\n .local-projects-list {\n gap: 8px !important;\n }\n\n .local-project-card {\n padding: 8px !important;\n }\n}\n/* Shared Panel Styles */\n\n/* Header action buttons - background change on hover */\n.header-action-button {\n transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s !important;\n}\n\n.header-action-button:hover:not(:disabled) {\n background-color: var(--button-hover-bg) !important;\n}\n\n/* Add project button - also show border on hover */\n.add-project-button {\n border: 1px solid transparent !important;\n}\n\n.add-project-button:hover:not(:disabled) {\n border-color: var(--add-button-border-color) !important;\n}\n\n/* Header button hover states */\n.header-button {\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n border-color 0.2s ease;\n}\n\n.header-button:not(.active):hover {\n color: var(--theme-text) !important;\n}\n\n/* Search input focus state */\n.search-input:focus {\n border-color: var(--theme-primary) !important;\n}\n\n/* Clear filter button hover */\n.clear-filter-button {\n transition: color 0.2s ease;\n}\n\n.clear-filter-button:hover {\n color: var(--theme-text) !important;\n}\n\n/* Search overlay animation - grows from right to left */\n.search-overlay {\n animation: searchExpand 0.2s ease-out forwards;\n}\n\n@keyframes searchExpand {\n from {\n clip-path: inset(0 0 0 100%);\n }\n to {\n clip-path: inset(0 0 0 0);\n }\n}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -10476,11 +10476,12 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10476
10476
|
position: "relative",
|
|
10477
10477
|
height: "40px",
|
|
10478
10478
|
minHeight: "40px",
|
|
10479
|
-
padding:
|
|
10479
|
+
padding: "0",
|
|
10480
10480
|
borderBottom: `1px solid ${theme.colors.border}`,
|
|
10481
10481
|
display: "flex",
|
|
10482
10482
|
alignItems: "center",
|
|
10483
|
-
boxSizing: "border-box"
|
|
10483
|
+
boxSizing: "border-box",
|
|
10484
|
+
backgroundColor: theme.colors.background
|
|
10484
10485
|
},
|
|
10485
10486
|
children: defaultShowSearch && showSearch && repositories.length > 0 ? /* @__PURE__ */ jsxs(
|
|
10486
10487
|
"div",
|
|
@@ -10488,7 +10489,7 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10488
10489
|
style: {
|
|
10489
10490
|
display: "flex",
|
|
10490
10491
|
alignItems: "center",
|
|
10491
|
-
gap: "
|
|
10492
|
+
gap: "0",
|
|
10492
10493
|
width: "100%"
|
|
10493
10494
|
},
|
|
10494
10495
|
children: [
|
|
@@ -10525,12 +10526,13 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10525
10526
|
autoFocus: true,
|
|
10526
10527
|
style: {
|
|
10527
10528
|
width: "100%",
|
|
10528
|
-
padding: "
|
|
10529
|
+
padding: "0 32px",
|
|
10530
|
+
height: "40px",
|
|
10529
10531
|
fontSize: `${theme.fontSizes[1]}px`,
|
|
10530
10532
|
color: theme.colors.text,
|
|
10531
10533
|
backgroundColor: theme.colors.background,
|
|
10532
|
-
border:
|
|
10533
|
-
borderRadius: "
|
|
10534
|
+
border: "none",
|
|
10535
|
+
borderRadius: "0",
|
|
10534
10536
|
outline: "none",
|
|
10535
10537
|
fontFamily: theme.fonts.body,
|
|
10536
10538
|
transition: "border-color 0.2s ease",
|
|
@@ -10562,23 +10564,25 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10562
10564
|
]
|
|
10563
10565
|
}
|
|
10564
10566
|
),
|
|
10565
|
-
/* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "
|
|
10567
|
+
/* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "0" }, children: /* @__PURE__ */ jsx(
|
|
10566
10568
|
"button",
|
|
10567
10569
|
{
|
|
10570
|
+
className: "header-action-button",
|
|
10568
10571
|
onClick: toggleSort,
|
|
10569
10572
|
style: {
|
|
10570
|
-
padding: "
|
|
10571
|
-
height: "
|
|
10572
|
-
borderRadius: "
|
|
10573
|
-
border:
|
|
10574
|
-
|
|
10573
|
+
padding: "0 12px",
|
|
10574
|
+
height: "40px",
|
|
10575
|
+
borderRadius: "0",
|
|
10576
|
+
border: "none",
|
|
10577
|
+
backgroundColor: theme.colors.background,
|
|
10575
10578
|
color: theme.colors.text,
|
|
10576
10579
|
fontSize: `${theme.fontSizes[1]}px`,
|
|
10577
10580
|
fontFamily: theme.fonts.body,
|
|
10578
10581
|
cursor: "pointer",
|
|
10579
10582
|
display: "flex",
|
|
10580
10583
|
alignItems: "center",
|
|
10581
|
-
gap: "4px"
|
|
10584
|
+
gap: "4px",
|
|
10585
|
+
["--button-hover-bg"]: theme.colors.backgroundSecondary
|
|
10582
10586
|
},
|
|
10583
10587
|
children: sortField === "name" ? "A-Z" : "Recent"
|
|
10584
10588
|
}
|
|
@@ -10594,6 +10598,7 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10594
10598
|
alignItems: "center",
|
|
10595
10599
|
justifyContent: "space-between",
|
|
10596
10600
|
width: "100%",
|
|
10601
|
+
padding: "0 0 0 12px",
|
|
10597
10602
|
visibility: showSearch ? "hidden" : "visible"
|
|
10598
10603
|
},
|
|
10599
10604
|
children: [
|
|
@@ -10623,7 +10628,7 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10623
10628
|
color: theme.colors.textSecondary,
|
|
10624
10629
|
padding: "2px 8px",
|
|
10625
10630
|
borderRadius: "12px",
|
|
10626
|
-
backgroundColor: theme.colors.
|
|
10631
|
+
backgroundColor: theme.colors.backgroundSecondary
|
|
10627
10632
|
},
|
|
10628
10633
|
children: repositories.length
|
|
10629
10634
|
}
|
|
@@ -10634,25 +10639,26 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10634
10639
|
repositories.length > 0 && /* @__PURE__ */ jsxs(
|
|
10635
10640
|
"div",
|
|
10636
10641
|
{
|
|
10637
|
-
style: { display: "flex", alignItems: "center", gap: "
|
|
10642
|
+
style: { display: "flex", alignItems: "center", gap: "0" },
|
|
10638
10643
|
children: [
|
|
10639
10644
|
/* @__PURE__ */ jsx(
|
|
10640
10645
|
"button",
|
|
10641
10646
|
{
|
|
10642
|
-
className: `header-button ${showSearch ? "active" : ""}`,
|
|
10647
|
+
className: `header-button header-action-button ${showSearch ? "active" : ""}`,
|
|
10643
10648
|
onClick: handleToggleSearch,
|
|
10644
10649
|
style: {
|
|
10645
|
-
background: showSearch ? theme.colors.backgroundSecondary :
|
|
10646
|
-
border:
|
|
10647
|
-
borderRadius: "
|
|
10650
|
+
background: showSearch ? theme.colors.backgroundSecondary : theme.colors.background,
|
|
10651
|
+
border: "none",
|
|
10652
|
+
borderRadius: "0",
|
|
10648
10653
|
cursor: "pointer",
|
|
10649
|
-
padding: "
|
|
10650
|
-
height: "
|
|
10654
|
+
padding: "0 12px",
|
|
10655
|
+
height: "40px",
|
|
10651
10656
|
display: "flex",
|
|
10652
10657
|
alignItems: "center",
|
|
10653
10658
|
justifyContent: "center",
|
|
10654
10659
|
color: showSearch ? theme.colors.primary : theme.colors.textSecondary,
|
|
10655
|
-
["--theme-text"]: theme.colors.text
|
|
10660
|
+
["--theme-text"]: theme.colors.text,
|
|
10661
|
+
["--button-hover-bg"]: theme.colors.backgroundSecondary
|
|
10656
10662
|
},
|
|
10657
10663
|
title: showSearch ? "Close search" : "Search repositories",
|
|
10658
10664
|
children: /* @__PURE__ */ jsx(Search, { size: 16 })
|
|
@@ -10661,20 +10667,22 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10661
10667
|
/* @__PURE__ */ jsx(
|
|
10662
10668
|
"button",
|
|
10663
10669
|
{
|
|
10670
|
+
className: "header-action-button",
|
|
10664
10671
|
onClick: toggleSort,
|
|
10665
10672
|
style: {
|
|
10666
|
-
padding: "
|
|
10667
|
-
height: "
|
|
10668
|
-
borderRadius: "
|
|
10669
|
-
border:
|
|
10670
|
-
|
|
10673
|
+
padding: "0 12px",
|
|
10674
|
+
height: "40px",
|
|
10675
|
+
borderRadius: "0",
|
|
10676
|
+
border: "none",
|
|
10677
|
+
backgroundColor: theme.colors.background,
|
|
10671
10678
|
color: theme.colors.text,
|
|
10672
10679
|
fontSize: `${theme.fontSizes[1]}px`,
|
|
10673
10680
|
fontFamily: theme.fonts.body,
|
|
10674
10681
|
cursor: "pointer",
|
|
10675
10682
|
display: "flex",
|
|
10676
10683
|
alignItems: "center",
|
|
10677
|
-
gap: "4px"
|
|
10684
|
+
gap: "4px",
|
|
10685
|
+
["--button-hover-bg"]: theme.colors.backgroundSecondary
|
|
10678
10686
|
},
|
|
10679
10687
|
children: sortField === "name" ? "A-Z" : "Recent"
|
|
10680
10688
|
}
|
|
@@ -10697,8 +10705,8 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10697
10705
|
bottom: 0,
|
|
10698
10706
|
display: "flex",
|
|
10699
10707
|
alignItems: "center",
|
|
10700
|
-
padding: "0
|
|
10701
|
-
backgroundColor: theme.colors.
|
|
10708
|
+
padding: "0",
|
|
10709
|
+
backgroundColor: theme.colors.background,
|
|
10702
10710
|
zIndex: 10
|
|
10703
10711
|
},
|
|
10704
10712
|
children: [
|
|
@@ -10735,12 +10743,13 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10735
10743
|
autoFocus: true,
|
|
10736
10744
|
style: {
|
|
10737
10745
|
width: "100%",
|
|
10738
|
-
padding: "
|
|
10746
|
+
padding: "0 32px",
|
|
10747
|
+
height: "40px",
|
|
10739
10748
|
fontSize: `${theme.fontSizes[1]}px`,
|
|
10740
10749
|
color: theme.colors.text,
|
|
10741
10750
|
backgroundColor: theme.colors.background,
|
|
10742
|
-
border:
|
|
10743
|
-
borderRadius: "
|
|
10751
|
+
border: "none",
|
|
10752
|
+
borderRadius: "0",
|
|
10744
10753
|
outline: "none",
|
|
10745
10754
|
fontFamily: theme.fonts.body,
|
|
10746
10755
|
transition: "border-color 0.2s ease",
|
|
@@ -10780,8 +10789,9 @@ const WorkspaceCollectionPanelContent = ({
|
|
|
10780
10789
|
background: "none",
|
|
10781
10790
|
border: "none",
|
|
10782
10791
|
cursor: "pointer",
|
|
10783
|
-
padding: "
|
|
10784
|
-
|
|
10792
|
+
padding: "0 12px",
|
|
10793
|
+
height: "40px",
|
|
10794
|
+
marginLeft: "0",
|
|
10785
10795
|
display: "flex",
|
|
10786
10796
|
alignItems: "center",
|
|
10787
10797
|
justifyContent: "center",
|