@synergy-design-system/react 1.26.3 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{chunk.BD6VWV24.js → chunk.RY2WG25R.js} +4 -3
- package/dist/chunks/chunk.RY2WG25R.js.map +7 -0
- package/dist/components/header.d.ts +18 -13
- package/dist/components/header.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/dist/chunks/chunk.BD6VWV24.js.map +0 -7
|
@@ -8,8 +8,9 @@ var SynHeader = createComponent({
|
|
|
8
8
|
displayName: "SynHeader",
|
|
9
9
|
elementClass: Component,
|
|
10
10
|
events: {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
onSynBurgerMenuClosed: "syn-burger-menu-closed",
|
|
12
|
+
onSynBurgerMenuHidden: "syn-burger-menu-hidden",
|
|
13
|
+
onSynBurgerMenuOpen: "syn-burger-menu-open"
|
|
13
14
|
},
|
|
14
15
|
react: React,
|
|
15
16
|
tagName
|
|
@@ -18,4 +19,4 @@ var SynHeader = createComponent({
|
|
|
18
19
|
export {
|
|
19
20
|
SynHeader
|
|
20
21
|
};
|
|
21
|
-
//# sourceMappingURL=chunk.
|
|
22
|
+
//# sourceMappingURL=chunk.RY2WG25R.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/header.ts"],
|
|
4
|
+
"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\nimport { type EventName } from '@lit/react';\nimport type { SynBurgerMenuClosedEvent, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent } from '@synergy-design-system/components';\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 label - 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 * @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.\n * The default close icon is a 'x'.\n * @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.\n * The default open icon is a burger menu.\n *\n * @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed\n * @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden\n * @event syn-burger-menu-open - Emitted when the burger menu is toggled to open\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 * @csspart burger-menu-toggle-button - The button that toggles the burger menu\n */\nexport const SynHeader = createComponent({\n displayName: 'SynHeader',\n elementClass: Component,\n events: {\n onSynBurgerMenuClosed: 'syn-burger-menu-closed' as EventName<SynBurgerMenuClosedEvent>,\n onSynBurgerMenuHidden: 'syn-burger-menu-hidden' as EventName<SynBurgerMenuHiddenEvent>,\n onSynBurgerMenuOpen: 'syn-burger-menu-open' as EventName<SynBurgerMenuOpenEvent>,\n },\n react: React,\n tagName,\n});\n\nexport type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';\nexport type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';\nexport type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';\n"],
|
|
5
|
+
"mappings": ";AAKA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,eAAe;AAKtB,IAAM,UAAU;AAChB,UAAU,OAAO,YAAY;AAgCtB,IAAM,YAAY,gBAAgB;AAAA,EACvC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,qBAAqB;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/header/header.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynBurgerMenuClosedEvent, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
|
|
4
4
|
/**
|
|
5
5
|
* @summary The <syn-header /> element provides a generic application header
|
|
6
6
|
* that can be used to add applications name, toolbar and primary navigation.
|
|
@@ -9,18 +9,21 @@ import type { SynBurgerMenuHideEvent, SynBurgerMenuShowEvent } from '@synergy-de
|
|
|
9
9
|
* @status stable
|
|
10
10
|
* @since 1.10.0
|
|
11
11
|
*
|
|
12
|
-
* @slot - The label for the header
|
|
13
|
-
* @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided
|
|
14
|
-
* @slot meta-navigation - The meta-navigation is used to add various application toolbar icons
|
|
12
|
+
* @slot label - The label for the header
|
|
13
|
+
* @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided
|
|
14
|
+
* @slot meta-navigation - The meta-navigation is used to add various application toolbar icons
|
|
15
15
|
* Best used with `<syn-icon-button />` and `<syn-drop-down />`
|
|
16
16
|
* @slot navigation - This slot can be used to add an optional horizontal navigation
|
|
17
|
-
* @slot
|
|
18
|
-
*
|
|
17
|
+
* @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.
|
|
18
|
+
* The default close icon is a 'x'.
|
|
19
|
+
* @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.
|
|
20
|
+
* The default open icon is a burger menu.
|
|
19
21
|
*
|
|
20
|
-
* @event syn-burger-menu-
|
|
21
|
-
* @event syn-burger-menu-
|
|
22
|
+
* @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed
|
|
23
|
+
* @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden
|
|
24
|
+
* @event syn-burger-menu-open - Emitted when the burger menu is toggled to open
|
|
22
25
|
*
|
|
23
|
-
* @csspart base - The component's base wrapper
|
|
26
|
+
* @csspart base - The component's base wrapper
|
|
24
27
|
* @csspart content - The wrapper most content items reside
|
|
25
28
|
* @csspart logo - The wrapper the application logo resides in
|
|
26
29
|
* @csspart label - The element wrapping the application name
|
|
@@ -29,8 +32,10 @@ import type { SynBurgerMenuHideEvent, SynBurgerMenuShowEvent } from '@synergy-de
|
|
|
29
32
|
* @csspart burger-menu-toggle-button - The button that toggles the burger menu
|
|
30
33
|
*/
|
|
31
34
|
export declare const SynHeader: import("@lit/react").ReactWebComponent<Component, {
|
|
32
|
-
|
|
33
|
-
|
|
35
|
+
onSynBurgerMenuClosed: EventName<SynBurgerMenuClosedEvent>;
|
|
36
|
+
onSynBurgerMenuHidden: EventName<SynBurgerMenuHiddenEvent>;
|
|
37
|
+
onSynBurgerMenuOpen: EventName<SynBurgerMenuOpenEvent>;
|
|
34
38
|
}>;
|
|
35
|
-
export type {
|
|
36
|
-
export type {
|
|
39
|
+
export type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
|
|
40
|
+
export type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
|
|
41
|
+
export type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
},
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@lit/react": "^1.0.4",
|
|
8
|
-
"@synergy-design-system/components": "^
|
|
8
|
+
"@synergy-design-system/components": "^2.0.0"
|
|
9
9
|
},
|
|
10
10
|
"description": "React wrappers for the Synergy Design System",
|
|
11
11
|
"exports": {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"directory": "packages/react"
|
|
41
41
|
},
|
|
42
42
|
"type": "module",
|
|
43
|
-
"version": "
|
|
43
|
+
"version": "2.0.0",
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@types/react": "^18.2.79",
|
|
46
46
|
"react": "^18.2.0"
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/header.ts"],
|
|
4
|
-
"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\nimport { type EventName } from '@lit/react';\nimport type { SynBurgerMenuHideEvent, SynBurgerMenuShowEvent } from '@synergy-design-system/components';\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 * @slot show-burger-menu - An icon to use in lieu of the default show burger menu icon\n * @slot hide-burger-menu - An icon to use in lieu of the default hide burger menu icon\n *\n * @event syn-burger-menu-show - Emitted when the burger menu button is toggled to visible\n * @event syn-burger-menu-hide - Emitted when the burger menu button is toggled to not visible\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 * @csspart burger-menu-toggle-button - The button that toggles the burger menu\n */\nexport const SynHeader = createComponent({\n displayName: 'SynHeader',\n elementClass: Component,\n events: {\n onSynBurgerMenuShow: 'syn-burger-menu-show' as EventName<SynBurgerMenuShowEvent>,\n onSynBurgerMenuHide: 'syn-burger-menu-hide' as EventName<SynBurgerMenuHideEvent>,\n },\n react: React,\n tagName,\n});\n\nexport type { SynBurgerMenuShowEvent } from '@synergy-design-system/components';\nexport type { SynBurgerMenuHideEvent } from '@synergy-design-system/components';\n"],
|
|
5
|
-
"mappings": ";AAKA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,eAAe;AAKtB,IAAM,UAAU;AAChB,UAAU,OAAO,YAAY;AA6BtB,IAAM,YAAY,gBAAgB;AAAA,EACvC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|