@synergy-design-system/react 1.9.0 → 1.10.0

package/dist/chunks/chunk.ODUBD6GC.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/header.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/header/header.component.js';\n\nconst tagName = 'syn-header';\nComponent.define('syn-header');\n\n/**\n * @summary The <syn-header /> element provides a generic application header\n * that can be used to add applications name, toolbar and primary navigation.\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs\n * @status stable\n * @since 1.10.0\n *\n * @slot - The label for the header.\n * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided.\n * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons.\n *                     Best used with `<syn-icon-button />` and `<syn-drop-down />`\n * @slot navigation - This slot can be used to add an optional horizontal navigation\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The wrapper most content items reside\n * @csspart logo - The wrapper the application logo resides in\n * @csspart label - The element wrapping the application name\n * @csspart meta-navigation - The Item wrapping the optional application menu\n * @csspart navigation - The wrapper that is holding the optional top navigation section\n */\nexport const SynHeader = createComponent({\n  displayName: 'SynHeader',\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,YAAY;AAuBtB,IAAM,YAAY,gBAAgB;AAAA,EACvC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAER;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/components/header.d.ts

@@ -0,0 +1,23 @@
+import Component from '@synergy-design-system/components/components/header/header.component.js';
+/**
+ * @summary The <syn-header /> element provides a generic application header
+ * that can be used to add applications name, toolbar and primary navigation.
+ *
+ * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs
+ * @status stable
+ * @since 1.10.0
+ *
+ * @slot - The label for the header.
+ * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided.
+ * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons.
+ *                     Best used with `<syn-icon-button />` and `<syn-drop-down />`
+ * @slot navigation - This slot can be used to add an optional horizontal navigation
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The wrapper most content items reside
+ * @csspart logo - The wrapper the application logo resides in
+ * @csspart label - The element wrapping the application name
+ * @csspart meta-navigation - The Item wrapping the optional application menu
+ * @csspart navigation - The wrapper that is holding the optional top navigation section
+ */
+export declare const SynHeader: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/header.js

@@ -0,0 +1,7 @@
+import {
+  SynHeader
+} from "../chunks/chunk.ODUBD6GC.js";
+export {
+  SynHeader
+};
+//# sourceMappingURL=header.js.map

package/dist/components/header.js.map

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

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { SynButtonGroup } from './components/button-group.js';
 export { SynCheckbox } from './components/checkbox.js';
 export { SynDivider } from './components/divider.js';
 export { SynDrawer } from './components/drawer.js';
+export { SynHeader } from './components/header.js';
 export { SynIcon } from './components/icon.js';
 export { SynIconButton } from './components/icon-button.js';
 export { SynInput } from './components/input.js';

package/dist/index.js

@@ -1,9 +1,15 @@
+import {
+  SynSwitch
+} from "./chunks/chunk.7IZW5FRR.js";
 import {
   SynTag
 } from "./chunks/chunk.7T7PO2AE.js";
 import {
   SynTextarea
 } from "./chunks/chunk.4YY6TGIA.js";
+import {
+  SynIcon
+} from "./chunks/chunk.6CO3KAZG.js";
 import {
   SynInput
 } from "./chunks/chunk.N6QQSQTB.js";
@@ -25,9 +31,6 @@ import {
 import {
   SynSelect
 } from "./chunks/chunk.FB24BPQZ.js";
-import {
-  SynSwitch
-} from "./chunks/chunk.7IZW5FRR.js";
 import {
   SynButtonGroup
 } from "./chunks/chunk.6OTEQXZW.js";
@@ -43,18 +46,19 @@ import {
 import {
   SynDrawer
 } from "./chunks/chunk.BQ62A32K.js";
+import {
+  SynHeader
+} from "./chunks/chunk.ODUBD6GC.js";
 import {
   SynIconButton
 } from "./chunks/chunk.W4YO4ERO.js";
-import {
-  SynIcon
-} from "./chunks/chunk.6CO3KAZG.js";
 export {
   SynButton,
   SynButtonGroup,
   SynCheckbox,
   SynDivider,
   SynDrawer,
+  SynHeader,
   SynIcon,
   SynIconButton,
   SynInput,

package/package.json

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