@pathscale/ui 1.1.46 → 1.1.47
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.
|
@@ -172,14 +172,18 @@
|
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
/* -------------------------------------------------------------------------------------------------
|
|
175
|
-
* Dialog — semantic prop: side (border indicator)
|
|
175
|
+
* Dialog — semantic prop: side (border indicator, parametric width & color)
|
|
176
176
|
* -----------------------------------------------------------------------------------------------*/
|
|
177
177
|
.drawer__dialog--side-left {
|
|
178
|
-
border-right:
|
|
178
|
+
border-right-width: var(--drawer-dialog-border-width, 1px);
|
|
179
|
+
border-right-style: solid;
|
|
180
|
+
border-right-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
|
|
179
181
|
}
|
|
180
182
|
|
|
181
183
|
.drawer__dialog--side-right {
|
|
182
|
-
border-left:
|
|
184
|
+
border-left-width: var(--drawer-dialog-border-width, 1px);
|
|
185
|
+
border-left-style: solid;
|
|
186
|
+
border-left-color: var(--drawer-dialog-border-color, color-mix(in oklab, var(--color-base-content) 10%, transparent));
|
|
183
187
|
}
|
|
184
188
|
|
|
185
189
|
/* -------------------------------------------------------------------------------------------------
|
|
@@ -29,6 +29,8 @@ export type DrawerDialogProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "childr
|
|
|
29
29
|
maxWidth?: string;
|
|
30
30
|
bg?: string;
|
|
31
31
|
padding?: string;
|
|
32
|
+
borderWidth?: string;
|
|
33
|
+
borderColor?: string;
|
|
32
34
|
};
|
|
33
35
|
export type DrawerHeaderProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
|
|
34
36
|
children: JSX.Element;
|
|
@@ -243,7 +243,9 @@ const DrawerDialog = (props)=>{
|
|
|
243
243
|
"width",
|
|
244
244
|
"maxWidth",
|
|
245
245
|
"bg",
|
|
246
|
-
"padding"
|
|
246
|
+
"padding",
|
|
247
|
+
"borderWidth",
|
|
248
|
+
"borderColor"
|
|
247
249
|
]);
|
|
248
250
|
const ctx = useDrawerContext();
|
|
249
251
|
const mergedStyle = ()=>{
|
|
@@ -253,6 +255,8 @@ const DrawerDialog = (props)=>{
|
|
|
253
255
|
if (local.maxWidth) s["--drawer-dialog-max-width"] = local.maxWidth;
|
|
254
256
|
if (local.bg) s["--drawer-dialog-bg"] = local.bg;
|
|
255
257
|
if (local.padding) s["--drawer-dialog-padding"] = local.padding;
|
|
258
|
+
if (local.borderWidth) s["--drawer-dialog-border-width"] = local.borderWidth;
|
|
259
|
+
if (local.borderColor) s["--drawer-dialog-border-color"] = local.borderColor;
|
|
256
260
|
return s;
|
|
257
261
|
};
|
|
258
262
|
const hasCustomSize = ()=>Boolean(local.width || local.maxWidth);
|