@synergy-design-system/react 1.25.0 → 1.26.0

package/dist/chunks/chunk.EHCKPQR2.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb-item.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/breadcrumb-item/breadcrumb-item.component.js';\n\nconst tagName = 'syn-breadcrumb-item';\nComponent.define('syn-breadcrumb-item');\n\n/**\n * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n * @documentation https://synergy.style/components/breadcrumb-item\n * @status stable\n * @since 2.0\n *\n * @slot - The breadcrumb item's label.\n * @slot prefix - An optional prefix, usually an icon or icon button.\n * @slot suffix - An optional suffix, usually an icon or icon button.\n * @slot separator - The separator to use for the breadcrumb item. This will only change the separator for this item. If\n * you want to change it for all items in the group, set the separator on `<syn-breadcrumb>` instead.\n *\n * @csspart base - The component's base wrapper.\n * @csspart label - The breadcrumb item's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart separator - The container that wraps the separator.\n */\nexport const SynBreadcrumbItem = createComponent({\n  displayName: 'SynBreadcrumbItem',\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,qBAAqB;AAoB/B,IAAM,oBAAoB,gBAAgB;AAAA,EAC/C,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAER;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/chunks/chunk.MZVUU463.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb.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/breadcrumb/breadcrumb.component.js';\n\nconst tagName = 'syn-breadcrumb';\nComponent.define('syn-breadcrumb');\n\n/**\n * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n * @documentation https://synergy.style/components/breadcrumb\n * @status stable\n * @since 2.0\n *\n * @slot - One or more breadcrumb items to display.\n * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n *\n * @dependency syn-icon\n *\n * @csspart base - The component's base wrapper.\n */\nexport const SynBreadcrumb = createComponent({\n  displayName: 'SynBreadcrumb',\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,gBAAgB;AAe1B,IAAM,gBAAgB,gBAAgB;AAAA,EAC3C,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAER;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/components/breadcrumb-item.d.ts

@@ -0,0 +1,20 @@
+import Component from '@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.component.js';
+/**
+ * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
+ * @documentation https://synergy.style/components/breadcrumb-item
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The breadcrumb item's label.
+ * @slot prefix - An optional prefix, usually an icon or icon button.
+ * @slot suffix - An optional suffix, usually an icon or icon button.
+ * @slot separator - The separator to use for the breadcrumb item. This will only change the separator for this item. If
+ * you want to change it for all items in the group, set the separator on `<syn-breadcrumb>` instead.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The breadcrumb item's label.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ * @csspart separator - The container that wraps the separator.
+ */
+export declare const SynBreadcrumbItem: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/breadcrumb-item.js

@@ -0,0 +1,7 @@
+import {
+  SynBreadcrumbItem
+} from "../chunks/chunk.EHCKPQR2.js";
+export {
+  SynBreadcrumbItem
+};
+//# sourceMappingURL=breadcrumb-item.js.map

package/dist/components/breadcrumb-item.js.map

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

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import Component from '@synergy-design-system/components/components/breadcrumb/breadcrumb.component.js';
+/**
+ * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
+ * @documentation https://synergy.style/components/breadcrumb
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - One or more breadcrumb items to display.
+ * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.
+ *
+ * @dependency syn-icon
+ *
+ * @csspart base - The component's base wrapper.
+ */
+export declare const SynBreadcrumb: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/breadcrumb.js

@@ -0,0 +1,7 @@
+import {
+  SynBreadcrumb
+} from "../chunks/chunk.MZVUU463.js";
+export {
+  SynBreadcrumb
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

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

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { SynAlert } from './components/alert.js';
 export { SynBadge } from './components/badge.js';
+export { SynBreadcrumb } from './components/breadcrumb.js';
+export { SynBreadcrumbItem } from './components/breadcrumb-item.js';
 export { SynButton } from './components/button.js';
 export { SynButtonGroup } from './components/button-group.js';
 export { SynCard } from './components/card.js';

package/dist/index.js

@@ -1,3 +1,9 @@
+import {
+  SynSpinner
+} from "./chunks/chunk.CAHU6MAK.js";
+import {
+  SynSwitch
+} from "./chunks/chunk.7IZW5FRR.js";
 import {
   SynTag
 } from "./chunks/chunk.7T7PO2AE.js";
@@ -7,6 +13,12 @@ import {
 import {
   SynTooltip
 } from "./chunks/chunk.BU4SKSAF.js";
+import {
+  SynPrioNav
+} from "./chunks/chunk.7732PJEC.js";
+import {
+  SynProgressBar
+} from "./chunks/chunk.U44M2PKP.js";
 import {
   SynProgressRing
 } from "./chunks/chunk.FGMVRUPR.js";
@@ -26,11 +38,11 @@ import {
   SynSideNav
 } from "./chunks/chunk.A3DZYM6Z.js";
 import {
-  SynSpinner
-} from "./chunks/chunk.CAHU6MAK.js";
+  SynInput
+} from "./chunks/chunk.N6QQSQTB.js";
 import {
-  SynSwitch
-} from "./chunks/chunk.7IZW5FRR.js";
+  SynMenuItem
+} from "./chunks/chunk.KLI3DNUO.js";
 import {
   SynMenuLabel
 } from "./chunks/chunk.EOLGRN43.js";
@@ -50,11 +62,11 @@ import {
   SynPopup
 } from "./chunks/chunk.UJGZNEKT.js";
 import {
-  SynPrioNav
-} from "./chunks/chunk.7732PJEC.js";
+  SynCheckbox
+} from "./chunks/chunk.RU33PYCK.js";
 import {
-  SynProgressBar
-} from "./chunks/chunk.U44M2PKP.js";
+  SynDialog
+} from "./chunks/chunk.IRQRZGIS.js";
 import {
   SynDivider
 } from "./chunks/chunk.HKOGDFA5.js";
@@ -73,18 +85,18 @@ import {
 import {
   SynIcon
 } from "./chunks/chunk.6CO3KAZG.js";
-import {
-  SynInput
-} from "./chunks/chunk.N6QQSQTB.js";
-import {
-  SynMenuItem
-} from "./chunks/chunk.KLI3DNUO.js";
 import {
   SynAlert
 } from "./chunks/chunk.NCB462OR.js";
 import {
   SynBadge
 } from "./chunks/chunk.XRVA7P2R.js";
+import {
+  SynBreadcrumbItem
+} from "./chunks/chunk.EHCKPQR2.js";
+import {
+  SynBreadcrumb
+} from "./chunks/chunk.MZVUU463.js";
 import {
   SynButtonGroup
 } from "./chunks/chunk.6OTEQXZW.js";
@@ -94,15 +106,11 @@ import {
 import {
   SynCard
 } from "./chunks/chunk.JTJSVPDC.js";
-import {
-  SynCheckbox
-} from "./chunks/chunk.RU33PYCK.js";
-import {
-  SynDialog
-} from "./chunks/chunk.IRQRZGIS.js";
 export {
   SynAlert,
   SynBadge,
+  SynBreadcrumb,
+  SynBreadcrumbItem,
   SynButton,
   SynButtonGroup,
   SynCard,

package/package.json

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