@galaxy-io/dls 1.4.10 → 1.4.11

package/dist/widget/Widget.d.ts

@@ -1,4 +1,5 @@
 import type { PropsWithChildren } from "react";
+/** Surface treatment — how much the card separates from the page behind it. */
 export declare enum WidgetVariant {
     BASE = "BASE",
     PRIMARY = "PRIMARY",
@@ -19,22 +20,38 @@ export declare enum WidgetVariant {
     PURPLE = "PURPLE",
     PINK = "PINK"
 }
-interface WidgetProps {
+export interface WidgetProps {
+    /** Not implemented — the component ignores it. Render your own header child. */
     header?: string;
+    /** A number is px. */
     minWidth?: number | string;
     maxWidth?: number | string;
     minHeight?: number | string;
     maxHeight?: number | string;
+    /** `width: 100%`. */
     fillWidth?: boolean;
+    /** `height: 100%`. */
     fillHeight?: boolean;
+    /** Overrides the default 12px inset. */
     padding?: React.CSSProperties["padding"];
+    /** Collapse padding to 0. Ignored when `padding` is set. */
     noPadding?: boolean;
+    /** Suppress the hover treatment even when `onClick` is set. */
     noHover?: boolean;
+    /** Drop the hairline border. */
     noBorder?: boolean;
+    /** Not implemented — the component ignores it. */
     isGradient?: boolean;
+    /** Selected styling — border picks up the Galaxy blue. */
     isSelected?: boolean;
+    /** @default WidgetVariant.PRIMARY */
     variant?: WidgetVariant;
+    /** Also flips the cursor to `pointer` and enables the hover treatment. */
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 }
+/**
+ * The card primitive — a bordered, padded surface that groups related content.
+ * Hairline border, no shadow. Compose the inside with `FlexWrapper`.
+ */
 declare const Widget: ({ children, minHeight, maxHeight, minWidth, maxWidth, fillWidth, fillHeight, padding, noPadding, noHover, noBorder, isSelected, variant, onClick, }: PropsWithChildren<WidgetProps>) => import("react").JSX.Element;
 export default Widget;

package/dist/widget/Widget.js

@@ -5,6 +5,7 @@ import { styled } from "@linaria/react";
 import { match } from "ts-pattern";
 import { jsx } from "react/jsx-runtime";
 //#region src/widget/Widget.tsx
+/** Surface treatment — how much the card separates from the page behind it. */
 var WidgetVariant = /* @__PURE__ */ function(WidgetVariant) {
 	WidgetVariant["BASE"] = "BASE";
 	WidgetVariant["PRIMARY"] = "PRIMARY";
@@ -89,6 +90,10 @@ var StyledWidget = withTheme(/*#__PURE__*/ styled("div")({
 		"sx1o0cd-11": [_exp10()]
 	}
 }));
+/**
+* The card primitive — a bordered, padded surface that groups related content.
+* Hairline border, no shadow. Compose the inside with `FlexWrapper`.
+*/
 var Widget = ({ children, minHeight, maxHeight, minWidth, maxWidth, fillWidth, fillHeight, padding, noPadding, noHover, noBorder, isSelected, variant = "PRIMARY", onClick }) => {
 	return /* @__PURE__ */ jsx(StyledWidget, {
 		$minWidth: minWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-io/dls",
-  "version": "1.4.10",
+  "version": "1.4.11",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",