@knapsack/sandbox-components 4.65.4--canary.4280.27cfc07.0 → 4.65.4

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# v4.65.4 (Fri Jun 21 2024)
+
+#### 🐛 Bug Fix
+
+- KSP-5208: add children to ks-sandbox card component [#4286](https://github.com/knapsack-labs/app-monorepo/pull/4286) ([@brittanysmart](https://github.com/brittanysmart))
+- Update card.css ([@GormanDesign](https://github.com/GormanDesign))
+- Update grid.css ([@GormanDesign](https://github.com/GormanDesign))
+- Update grid.tsx ([@GormanDesign](https://github.com/GormanDesign))
+
+#### 🏠 Internal
+
+- adds additional check for if the bounding box is undefined [#4293](https://github.com/knapsack-labs/app-monorepo/pull/4293) ([@mabry1985](https://github.com/mabry1985))
+- update sandbox grid component [#4273](https://github.com/knapsack-labs/app-monorepo/pull/4273) ([@GormanDesign](https://github.com/GormanDesign))
+
+#### Authors: 3
+
+- Brittany Smart ([@brittanysmart](https://github.com/brittanysmart))
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
 # v4.65.3 (Tue Jun 11 2024)
 
 #### 🐛 Bug Fix

package/dist/react/card.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 interface CardProps {
     title?: string;
     description?: string;
     imgUrl?: string;
 }
-export declare const Card: React.FC<CardProps>;
+export declare const Card: React.FC<PropsWithChildren<CardProps>>;
 export {};
 //# sourceMappingURL=card.d.ts.map

package/dist/react/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoBpC,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAsBvD,CAAC"}

package/dist/react/card.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
-export const Card = ({ title = 'Title', description = 'Description', imgUrl, }) => {
+export const Card = ({ title = 'Title', description = 'Description', imgUrl, children, }) => {
     return (_jsxs("aside", { className: clsx({
             card: true,
-        }), children: [imgUrl && _jsx("img", { src: imgUrl, alt: "Card" }), _jsxs("div", { className: "card-content", children: [title && _jsx("header", { children: title }), description && (_jsx("p", { className: "card-content--description", children: description }))] })] }));
+        }), children: [imgUrl && _jsx("img", { src: imgUrl, alt: "Card" }), _jsxs("div", { className: "card-content", children: [title && _jsx("header", { children: title }), description && (_jsx("p", { className: "card-content--description", children: description })), children] })] }));
 };
 //# sourceMappingURL=card.js.map

package/dist/react/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,aAAa,EAC3B,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,iBACE,SAAS,EAAE,IAAI,CAAC;YACd,IAAI,EAAE,IAAI;SACX,CAAC,aAED,MAAM,IAAI,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,MAAM,GAAG,EAC1C,eAAK,SAAS,EAAC,cAAc,aAC1B,KAAK,IAAI,2BAAS,KAAK,GAAU,EACjC,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAK,CAC3D,IACG,IACA,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,CAAC,MAAM,IAAI,GAA2C,CAAC,EAC3D,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,aAAa,EAC3B,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,iBACE,SAAS,EAAE,IAAI,CAAC;YACd,IAAI,EAAE,IAAI;SACX,CAAC,aAED,MAAM,IAAI,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,MAAM,GAAG,EAC1C,eAAK,SAAS,EAAC,cAAc,aAC1B,KAAK,IAAI,2BAAS,KAAK,GAAU,EACjC,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAK,CAC3D,EACA,QAAQ,IACL,IACA,CACT,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@knapsack/sandbox-components",
   "description": "",
-  "version": "4.65.4--canary.4280.27cfc07.0",
+  "version": "4.65.4",
   "type": "module",
   "exports": {
     "./css": "./dist/css/ks-sandbox-styles.css",
@@ -37,11 +37,11 @@
     "vue": "^3.4.27"
   },
   "devDependencies": {
-    "@knapsack/eslint-config-starter": "4.65.4--canary.4280.27cfc07.0",
-    "@knapsack/postcss-config-starter": "4.65.4--canary.4280.27cfc07.0",
-    "@knapsack/prettier-config": "4.65.4--canary.4280.27cfc07.0",
-    "@knapsack/sandbox-tokens": "4.65.4--canary.4280.27cfc07.0",
-    "@knapsack/typescript-config-starter": "4.65.4--canary.4280.27cfc07.0",
+    "@knapsack/eslint-config-starter": "4.65.4",
+    "@knapsack/postcss-config-starter": "4.65.4",
+    "@knapsack/prettier-config": "4.65.4",
+    "@knapsack/sandbox-tokens": "4.65.4",
+    "@knapsack/typescript-config-starter": "4.65.4",
     "@types/node": "^20.12.12",
     "@types/react": "^18.3.3",
     "eslint": "^8.57.0",
@@ -59,5 +59,5 @@
     "directory": "apps/ui/libs/sandbox-components",
     "type": "git"
   },
-  "gitHead": "27cfc07bb4c1664fad1595ab5aa1bd5d1afb40b4"
+  "gitHead": "8e93f7e2e08f3862e9e6ab92bbb27bdc8524baa6"
 }

package/src/react/card.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import clsx from 'clsx';
 
 interface CardProps {
@@ -7,10 +7,11 @@ interface CardProps {
   imgUrl?: string;
 }
 
-export const Card: React.FC<CardProps> = ({
+export const Card: React.FC<PropsWithChildren<CardProps>> = ({
   title = 'Title',
   description = 'Description',
   imgUrl,
+  children,
 }) => {
   return (
     <aside
@@ -24,6 +25,7 @@ export const Card: React.FC<CardProps> = ({
         {description && (
           <p className="card-content--description">{description}</p>
         )}
+        {children}
       </div>
     </aside>
   );