@pathscale/ui 0.0.154 → 0.0.155
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.
|
@@ -13,6 +13,8 @@ export type GlassPanelProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivEl
|
|
|
13
13
|
transparent?: boolean;
|
|
14
14
|
glow?: boolean;
|
|
15
15
|
accent?: ComponentColor;
|
|
16
|
+
paddingX?: string;
|
|
17
|
+
paddingY?: string;
|
|
16
18
|
};
|
|
17
19
|
declare const GlassPanel: (props: GlassPanelProps) => JSX.Element;
|
|
18
20
|
export default GlassPanel;
|
package/dist/index.js
CHANGED
|
@@ -10924,7 +10924,7 @@ const floating_dock_FloatingDock = FloatingDock;
|
|
|
10924
10924
|
"click",
|
|
10925
10925
|
"mousemove"
|
|
10926
10926
|
]);
|
|
10927
|
-
var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(
|
|
10927
|
+
var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div class=overflow-hidden>");
|
|
10928
10928
|
const BLUR_MAP = {
|
|
10929
10929
|
none: "",
|
|
10930
10930
|
sm: "backdrop-blur-sm",
|
|
@@ -10964,6 +10964,8 @@ const GlassPanel = (props)=>{
|
|
|
10964
10964
|
"transparent",
|
|
10965
10965
|
"glow",
|
|
10966
10966
|
"accent",
|
|
10967
|
+
"paddingX",
|
|
10968
|
+
"paddingY",
|
|
10967
10969
|
"children",
|
|
10968
10970
|
"class",
|
|
10969
10971
|
"className",
|
|
@@ -10998,7 +11000,7 @@ const GlassPanel = (props)=>{
|
|
|
10998
11000
|
if (local.glow) base["box-shadow"] = "inset 0 1px 0 color-mix(in srgb, var(--color-base-content) 5%, transparent)";
|
|
10999
11001
|
return base;
|
|
11000
11002
|
};
|
|
11001
|
-
const contentClasses = ()=>twMerge(SIZE_PADDING[size()]);
|
|
11003
|
+
const contentClasses = ()=>twMerge(local.paddingX || local.paddingY ? "" : SIZE_PADDING[size()], local.paddingX, local.paddingY);
|
|
11002
11004
|
return (()=>{
|
|
11003
11005
|
var _el$ = GlassPanel_tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
|
|
11004
11006
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -11046,13 +11048,15 @@ const GlassPanel = (props)=>{
|
|
|
11046
11048
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
|
|
11047
11049
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
|
|
11048
11050
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
11049
|
-
var _v$3 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$
|
|
11050
|
-
_v$3 !== _p$.e && (
|
|
11051
|
-
_v$4 !== _p$.t && (
|
|
11051
|
+
var _v$3 = `grid transition-[grid-template-rows,opacity] duration-200 ease-in-out overflow-hidden ${local.collapsible && !isOpen() ? "" : contentClasses()}`, _v$4 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$5 = !local.collapsible || isOpen() ? "1" : "0";
|
|
11052
|
+
_v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$3);
|
|
11053
|
+
_v$4 !== _p$.t && (null != (_p$.t = _v$4) ? _el$5.style.setProperty("grid-template-rows", _v$4) : _el$5.style.removeProperty("grid-template-rows"));
|
|
11054
|
+
_v$5 !== _p$.a && (null != (_p$.a = _v$5) ? _el$5.style.setProperty("opacity", _v$5) : _el$5.style.removeProperty("opacity"));
|
|
11052
11055
|
return _p$;
|
|
11053
11056
|
}, {
|
|
11054
11057
|
e: void 0,
|
|
11055
|
-
t: void 0
|
|
11058
|
+
t: void 0,
|
|
11059
|
+
a: void 0
|
|
11056
11060
|
});
|
|
11057
11061
|
return _el$;
|
|
11058
11062
|
})();
|