@floegence/floe-webapp-core 0.40.14 → 0.40.16
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/dist/components/workbench/WorkbenchFilterBar.d.ts +23 -0
- package/dist/components/workbench/WorkbenchFilterBar.js +403 -256
- package/dist/components/workbench/WorkbenchSurface.d.ts +4 -1
- package/dist/components/workbench/WorkbenchSurface.js +32 -23
- package/dist/components/workbench/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/dist/workbench.css +51 -0
- package/package.json +1 -1
package/dist/workbench.css
CHANGED
|
@@ -2053,6 +2053,53 @@
|
|
|
2053
2053
|
filter: brightness(1.08) drop-shadow(0 8px 16px rgb(0 0 0 / 0.18));
|
|
2054
2054
|
}
|
|
2055
2055
|
|
|
2056
|
+
.workbench-surface .workbench-dock .workbench-dock__mode-trigger.is-hovered .workbench-dock__tile,
|
|
2057
|
+
.workbench-surface .workbench-dock [data-workbench-dock-action].is-hovered .workbench-dock__tile {
|
|
2058
|
+
border: 1px solid color-mix(in srgb, var(--border, #e5e5e5) 72%, transparent);
|
|
2059
|
+
background: color-mix(in srgb, var(--accent, #f2f2f2) 58%, transparent);
|
|
2060
|
+
filter: brightness(1.04);
|
|
2061
|
+
box-shadow: none;
|
|
2062
|
+
}
|
|
2063
|
+
|
|
2064
|
+
.workbench-surface .workbench-dock .workbench-dock__mode-trigger.is-active .workbench-dock__tile,
|
|
2065
|
+
.workbench-surface .workbench-dock [data-workbench-dock-action].is-active .workbench-dock__tile {
|
|
2066
|
+
box-shadow: none;
|
|
2067
|
+
filter: none;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
.workbench-dock.is-external-drop-target {
|
|
2071
|
+
border-color: color-mix(in srgb, var(--primary, #3b82f6) 44%, var(--border, #e5e5e5));
|
|
2072
|
+
}
|
|
2073
|
+
|
|
2074
|
+
.workbench-dock.is-external-drop-allowed {
|
|
2075
|
+
background: color-mix(in srgb, var(--primary, #3b82f6) 10%, var(--card, #fff));
|
|
2076
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #3b82f6) 24%, transparent);
|
|
2077
|
+
}
|
|
2078
|
+
|
|
2079
|
+
.workbench-dock__external-placeholder {
|
|
2080
|
+
display: inline-flex;
|
|
2081
|
+
align-items: center;
|
|
2082
|
+
justify-content: center;
|
|
2083
|
+
width: 42px;
|
|
2084
|
+
height: 42px;
|
|
2085
|
+
border: 1px dashed color-mix(in srgb, var(--primary, #3b82f6) 52%, var(--border, #e5e5e5));
|
|
2086
|
+
border-radius: 12px;
|
|
2087
|
+
color: var(--muted-foreground, #888);
|
|
2088
|
+
opacity: 0.56;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
.workbench-dock__external-placeholder.is-drop-allowed {
|
|
2092
|
+
border-style: solid;
|
|
2093
|
+
color: var(--primary, #3b82f6);
|
|
2094
|
+
opacity: 0.92;
|
|
2095
|
+
}
|
|
2096
|
+
|
|
2097
|
+
.workbench-dock__external-placeholder .workbench-dock__icon {
|
|
2098
|
+
width: 30px;
|
|
2099
|
+
height: 30px;
|
|
2100
|
+
filter: none;
|
|
2101
|
+
}
|
|
2102
|
+
|
|
2056
2103
|
.workbench-dock__item.is-filter-muted .workbench-dock__tile {
|
|
2057
2104
|
opacity: 0.4;
|
|
2058
2105
|
filter: grayscale(0.6) drop-shadow(0 1px 3px rgb(0 0 0 / 0.06));
|
|
@@ -2848,6 +2895,10 @@
|
|
|
2848
2895
|
opacity: 1;
|
|
2849
2896
|
}
|
|
2850
2897
|
|
|
2898
|
+
.workbench-dock-ghost.is-over-dock .workbench-dock-ghost__halo {
|
|
2899
|
+
opacity: 1;
|
|
2900
|
+
}
|
|
2901
|
+
|
|
2851
2902
|
.workbench-dock-ghost__card {
|
|
2852
2903
|
position: relative;
|
|
2853
2904
|
display: flex;
|