@synergy-design-system/react 1.24.0 → 1.25.0

package/dist/chunks/chunk.JTJSVPDC.js

@@ -0,0 +1,18 @@
+// ../react/src/components/card.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import Component from "@synergy-design-system/components/components/card/card.component.js";
+var tagName = "syn-card";
+Component.define("syn-card");
+var SynCard = createComponent({
+  displayName: "SynCard",
+  elementClass: Component,
+  events: {},
+  react: React,
+  tagName
+});
+
+export {
+  SynCard
+};
+//# sourceMappingURL=chunk.JTJSVPDC.js.map

package/dist/chunks/chunk.JTJSVPDC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED @synergy-design-system/react wrappers for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\nimport * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport Component from '@synergy-design-system/components/components/card/card.component.js';\n\nconst tagName = 'syn-card';\nComponent.define('syn-card');\n\n/**\n * @summary Cards can be used to group related subjects in a container.\n * @documentation https://synergy.style/components/card\n * @status stable\n * @since 2.0\n *\n * @slot - The card's main content.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n * @slot image - An optional image to render at the start of the card.\n *\n * @csspart base - The component's base wrapper.\n * @csspart image - The container that wraps the card's image.\n * @csspart header - The container that wraps the card's header.\n * @csspart body - The container that wraps the card's main content.\n * @csspart footer - The container that wraps the card's footer.\n *\n * @cssproperty --border-color - The card's border color, including borders that occur inside the card.\n * @cssproperty --border-radius - The border radius for the card's edges.\n * @cssproperty --border-width - The width of the card's borders.\n * @cssproperty --padding - The padding to use for the card's sections.\n */\nexport const SynCard = createComponent({\n  displayName: 'SynCard',\n  elementClass: Component,\n  events: {\n\n  },\n  react: React,\n  tagName,\n});\n"],
+  "mappings": ";AAKA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,eAAe;AAEtB,IAAM,UAAU;AAChB,UAAU,OAAO,UAAU;AAwBpB,IAAM,UAAU,gBAAgB;AAAA,EACrC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAER;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/components/card.d.ts

@@ -0,0 +1,24 @@
+import Component from '@synergy-design-system/components/components/card/card.component.js';
+/**
+ * @summary Cards can be used to group related subjects in a container.
+ * @documentation https://synergy.style/components/card
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The card's main content.
+ * @slot header - An optional header for the card.
+ * @slot footer - An optional footer for the card.
+ * @slot image - An optional image to render at the start of the card.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart image - The container that wraps the card's image.
+ * @csspart header - The container that wraps the card's header.
+ * @csspart body - The container that wraps the card's main content.
+ * @csspart footer - The container that wraps the card's footer.
+ *
+ * @cssproperty --border-color - The card's border color, including borders that occur inside the card.
+ * @cssproperty --border-radius - The border radius for the card's edges.
+ * @cssproperty --border-width - The width of the card's borders.
+ * @cssproperty --padding - The padding to use for the card's sections.
+ */
+export declare const SynCard: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/card.js

@@ -0,0 +1,7 @@
+import {
+  SynCard
+} from "../chunks/chunk.JTJSVPDC.js";
+export {
+  SynCard
+};
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { SynAlert } from './components/alert.js';
 export { SynBadge } from './components/badge.js';
 export { SynButton } from './components/button.js';
 export { SynButtonGroup } from './components/button-group.js';
+export { SynCard } from './components/card.js';
 export { SynCheckbox } from './components/checkbox.js';
 export { SynDialog } from './components/dialog.js';
 export { SynDivider } from './components/divider.js';

package/dist/index.js

@@ -1,9 +1,15 @@
+import {
+  SynTag
+} from "./chunks/chunk.7T7PO2AE.js";
 import {
   SynTextarea
 } from "./chunks/chunk.4YY6TGIA.js";
 import {
   SynTooltip
 } from "./chunks/chunk.BU4SKSAF.js";
+import {
+  SynProgressRing
+} from "./chunks/chunk.FGMVRUPR.js";
 import {
   SynRadioButton
 } from "./chunks/chunk.QBD4EIK5.js";
@@ -26,8 +32,8 @@ import {
   SynSwitch
 } from "./chunks/chunk.7IZW5FRR.js";
 import {
-  SynTag
-} from "./chunks/chunk.7T7PO2AE.js";
+  SynMenuLabel
+} from "./chunks/chunk.EOLGRN43.js";
 import {
   SynMenu
 } from "./chunks/chunk.NSUMR2HG.js";
@@ -50,8 +56,8 @@ import {
   SynProgressBar
 } from "./chunks/chunk.U44M2PKP.js";
 import {
-  SynProgressRing
-} from "./chunks/chunk.FGMVRUPR.js";
+  SynDivider
+} from "./chunks/chunk.HKOGDFA5.js";
 import {
   SynDrawer
 } from "./chunks/chunk.BQ62A32K.js";
@@ -73,9 +79,6 @@ import {
 import {
   SynMenuItem
 } from "./chunks/chunk.KLI3DNUO.js";
-import {
-  SynMenuLabel
-} from "./chunks/chunk.EOLGRN43.js";
 import {
   SynAlert
 } from "./chunks/chunk.NCB462OR.js";
@@ -88,20 +91,21 @@ import {
 import {
   SynButton
 } from "./chunks/chunk.TTUPZLN7.js";
+import {
+  SynCard
+} from "./chunks/chunk.JTJSVPDC.js";
 import {
   SynCheckbox
 } from "./chunks/chunk.RU33PYCK.js";
 import {
   SynDialog
 } from "./chunks/chunk.IRQRZGIS.js";
-import {
-  SynDivider
-} from "./chunks/chunk.HKOGDFA5.js";
 export {
   SynAlert,
   SynBadge,
   SynButton,
   SynButtonGroup,
+  SynCard,
   SynCheckbox,
   SynDialog,
   SynDivider,

package/package.json

@@ -5,7 +5,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.4",
-    "@synergy-design-system/components": "^1.24.0"
+    "@synergy-design-system/components": "^1.25.0"
   },
   "description": "React wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/react"
   },
   "type": "module",
-  "version": "1.24.0",
+  "version": "1.25.0",
   "devDependencies": {
     "@types/react": "^18.2.79",
     "react": "^18.2.0"