@blockle/blocks-react 3.1.0 → 3.2.0

package/dist/components/typography/textOverflow.css.js

@@ -0,0 +1,32 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { layers } from "@blockle/blocks-core";
+import { styleVariants, style } from "@vanilla-extract/css";
+setFileScope("src/components/typography/textOverflow.css.ts", "@blockle/blocks-react");
+const lineClamp = styleVariants(
+  { 1: 1, 2: 2, 3: 3, 4: 4, 5: 5 },
+  (lines) => ({
+    "@layer": {
+      [layers.molecule]: {
+        display: "-webkit-box",
+        WebkitBoxOrient: "vertical",
+        WebkitLineClamp: lines,
+        overflow: "hidden"
+      }
+    }
+  })
+);
+const truncate = style({
+  "@layer": {
+    [layers.molecule]: {
+      display: "block",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }
+  }
+});
+endFileScope();
+export {
+  lineClamp,
+  truncate
+};

package/dist/components/typography/textOverflow.d.ts

@@ -0,0 +1,9 @@
+import * as styles from './textOverflow.css.js';
+export type TextOverflowProps = {
+    /** Clamps the text to this many lines and ends it in an ellipsis. */
+    lineClamp?: keyof typeof styles.lineClamp;
+    /** Keeps the text on one line and ends the overflow in an ellipsis. */
+    truncate?: boolean;
+};
+export declare const textOverflowClassName: (component: string, { lineClamp, truncate }: TextOverflowProps) => string | undefined;
+//# sourceMappingURL=textOverflow.d.ts.map

package/dist/components/typography/textOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/typography/textOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1C,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,MAAM,EACjB,yBAAyB,iBAAiB,uBAa3C,CAAC"}

package/dist/components/typography/textOverflow.js

@@ -0,0 +1,10 @@
+import { lineClamp, truncate } from "./textOverflow.css.js";
+const textOverflowClassName = (component, { lineClamp: lineClamp$1, truncate: truncate$1 }) => {
+  if (lineClamp$1 !== void 0) {
+    return lineClamp[lineClamp$1];
+  }
+  return truncate$1 ? truncate : void 0;
+};
+export {
+  textOverflowClassName
+};

package/dist/icons/icons.d.ts

@@ -0,0 +1,8 @@
+type IconProps = Pick<React.SVGProps<SVGSVGElement>, 'className' | 'style'>;
+export declare const CheckIcon: React.FC<IconProps>;
+export declare const ChevronDownIcon: React.FC<IconProps>;
+export declare const MinusIcon: React.FC<IconProps>;
+export declare const PlusIcon: React.FC<IconProps>;
+export declare const CloseIcon: React.FC<IconProps>;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/icons/icons.tsx"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AA2B5E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAS/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAExC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC"}

package/dist/icons/icons.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+const StrokeIcon = ({
+  path,
+  strokeWidth = 2,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsx("path", { d: path })
+  }
+);
+const CheckIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "m4.5 12.75 6 6 9-13.5", strokeWidth: 1.5, ...props });
+const ChevronDownIcon = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m11.625 14.3666 7.9365-7.653c.5241-.5055 1.3133-.4372 1.7625.1525.4493.5897.3886 1.4774-.1355 1.9829l-8.75 8.4375c-.4681.4513-1.1589.4513-1.627 0l-8.75-8.4375c-.5241-.5055-.5848-1.3932-.1356-1.9829.4493-.5897 1.2385-.658 1.7626-.1525l7.9365 7.653Z",
+    clipRule: "evenodd"
+  }
+) });
+const MinusIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "M5 12h14", ...props });
+const PlusIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "M12 5v14M5 12h14", ...props });
+const CloseIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "M18 6 6 18M6 6l12 12", ...props });
+export {
+  CheckIcon,
+  ChevronDownIcon,
+  CloseIcon,
+  MinusIcon,
+  PlusIcon
+};

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessib
 export { Divider, type DividerProps, } from './components/display/Divider/Divider.js';
 export { createIconMask } from './components/display/Icon/createIconMask.js';
 export { IconMask, type IconMaskProps, } from './components/display/Icon/IconMask.js';
+export { Tag, type TagProps } from './components/display/Tag/Tag.js';
 export { Alert, type AlertProps, } from './components/feedback/Alert/Alert.js';
 export { Progress, type ProgressProps, } from './components/feedback/Progress/Progress.js';
 export { Skeleton, type SkeletonProps, } from './components/feedback/Skeleton/Skeleton.js';
@@ -10,6 +11,7 @@ export { type ToastPlacement, ToastProvider, type ToastProviderProps, } from './
 export { type ToastProps, useToast, } from './components/feedback/Toast/useToast.js';
 export { Button, type ButtonProps } from './components/form/Button/Button.js';
 export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
+export { IconButton, type IconButtonProps, } from './components/form/IconButton/IconButton.js';
 export { Label, type LabelProps } from './components/form/Label/Label.js';
 export { NumericInput, type NumericInputProps, } from './components/form/NumericInput/NumericInput.js';
 export { Radio, type RadioProps } from './components/form/Radio/Radio.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,6 +2,7 @@ import { VisuallyHidden } from "./components/accessibility/VisuallyHidden/Visual
 import { Divider } from "./components/display/Divider/Divider.js";
 import { createIconMask } from "./components/display/Icon/createIconMask.js";
 import { IconMask } from "./components/display/Icon/IconMask.js";
+import { Tag } from "./components/display/Tag/Tag.js";
 import { Alert } from "./components/feedback/Alert/Alert.js";
 import { Progress } from "./components/feedback/Progress/Progress.js";
 import { Skeleton } from "./components/feedback/Skeleton/Skeleton.js";
@@ -10,6 +11,7 @@ import { ToastProvider } from "./components/feedback/Toast/ToastProvider.js";
 import { useToast } from "./components/feedback/Toast/useToast.js";
 import { Button } from "./components/form/Button/Button.js";
 import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
+import { IconButton } from "./components/form/IconButton/IconButton.js";
 import { Label } from "./components/form/Label/Label.js";
 import { NumericInput } from "./components/form/NumericInput/NumericInput.js";
 import { Radio } from "./components/form/Radio/Radio.js";
@@ -53,6 +55,7 @@ export {
   Grid,
   GridItem,
   Heading,
+  IconButton,
   IconMask,
   Inline,
   Label,
@@ -68,6 +71,7 @@ export {
   Spinner,
   Stack,
   Switch,
+  Tag,
   Text,
   TextInput,
   Textarea,

package/dist/testUtils/browser/consumerStyles.css.d.ts

@@ -0,0 +1,2 @@
+export declare const squareMarkers: string;
+//# sourceMappingURL=consumerStyles.css.d.ts.map

package/dist/testUtils/browser/consumerStyles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consumerStyles.css.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/consumerStyles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,QAAiC,CAAC"}

package/dist/testUtils/testTheme.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KAuMvB,CAAC"}
+{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KAyMvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
@@ -34,7 +34,7 @@
     "@vanilla-extract/css": "^1.18.0"
   },
   "peerDependencies": {
-    "@blockle/blocks-core": ">=3.1.x",
+    "@blockle/blocks-core": ">=3.2.x",
     "@blockle/blocks-react-slot": ">=1.2.x",
     "@vanilla-extract/css": "^1.18.0",
     "react": ">=19.1.0",

package/dist/components/feedback/Alert/Alert.css.d.ts

@@ -1,2 +0,0 @@
-export declare const closeButton: string;
-//# sourceMappingURL=Alert.css.d.ts.map

package/dist/components/feedback/Alert/Alert.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAMtB,CAAC"}

package/dist/components/feedback/Alert/Alert.css.js

@@ -1,15 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { layers } from "@blockle/blocks-core";
-import { style } from "@vanilla-extract/css";
-setFileScope("src/components/feedback/Alert/Alert.css.ts", "@blockle/blocks-react");
-const closeButton = style({
-  "@layer": {
-    [layers.molecule]: {
-      color: "currentColor"
-    }
-  }
-});
-endFileScope();
-export {
-  closeButton
-};