@synergy-design-system/react 2.7.2 → 2.7.3
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.W6NG3JOO.js → chunk.2PS5VOXM.js} +1 -1
- package/dist/chunks/{chunk.W6NG3JOO.js.map → chunk.2PS5VOXM.js.map} +2 -2
- package/dist/chunks/{chunk.TTUPZLN7.js → chunk.3VMWNL2U.js} +1 -1
- package/dist/chunks/chunk.3VMWNL2U.js.map +7 -0
- package/dist/chunks/{chunk.TNN2STQH.js → chunk.5DPOSVQL.js} +1 -1
- package/dist/chunks/chunk.5DPOSVQL.js.map +7 -0
- package/dist/chunks/{chunk.JTJSVPDC.js → chunk.6B45LKRT.js} +1 -1
- package/dist/chunks/{chunk.JTJSVPDC.js.map → chunk.6B45LKRT.js.map} +2 -2
- package/dist/chunks/{chunk.U44M2PKP.js → chunk.6OGQPO5G.js} +1 -1
- package/dist/chunks/{chunk.U44M2PKP.js.map → chunk.6OGQPO5G.js.map} +2 -2
- package/dist/chunks/{chunk.AFCMSVBY.js → chunk.74ENCTHD.js} +1 -1
- package/dist/chunks/chunk.74ENCTHD.js.map +7 -0
- package/dist/chunks/{chunk.HKOGDFA5.js → chunk.B6QWKRLN.js} +1 -1
- package/dist/chunks/{chunk.HKOGDFA5.js.map → chunk.B6QWKRLN.js.map} +2 -2
- package/dist/chunks/{chunk.7IZW5FRR.js → chunk.BNV6JDW2.js} +1 -1
- package/dist/chunks/chunk.BNV6JDW2.js.map +7 -0
- package/dist/chunks/{chunk.KLI3DNUO.js → chunk.C75OGWMX.js} +1 -1
- package/dist/chunks/{chunk.KLI3DNUO.js.map → chunk.C75OGWMX.js.map} +2 -2
- package/dist/chunks/{chunk.N6QQSQTB.js → chunk.CJHMQLMP.js} +1 -1
- package/dist/chunks/chunk.CJHMQLMP.js.map +7 -0
- package/dist/chunks/{chunk.QBD4EIK5.js → chunk.CWOZWKFG.js} +1 -1
- package/dist/chunks/chunk.CWOZWKFG.js.map +7 -0
- package/dist/chunks/{chunk.A3DZYM6Z.js → chunk.CYZ6F7G6.js} +1 -1
- package/dist/chunks/chunk.CYZ6F7G6.js.map +7 -0
- package/dist/chunks/{chunk.IVSM6OME.js → chunk.DDVND3A3.js} +1 -1
- package/dist/chunks/chunk.DDVND3A3.js.map +7 -0
- package/dist/chunks/{chunk.7732PJEC.js → chunk.F5L52MC2.js} +1 -1
- package/dist/chunks/{chunk.7732PJEC.js.map → chunk.F5L52MC2.js.map} +2 -2
- package/dist/chunks/{chunk.VLHZNU3B.js → chunk.FI5WWYE4.js} +1 -1
- package/dist/chunks/chunk.FI5WWYE4.js.map +7 -0
- package/dist/chunks/{chunk.6CO3KAZG.js → chunk.FPGH7VQK.js} +1 -1
- package/dist/chunks/chunk.FPGH7VQK.js.map +7 -0
- package/dist/chunks/{chunk.DLAIDGSD.js → chunk.FVJW4PGX.js} +1 -1
- package/dist/chunks/{chunk.DLAIDGSD.js.map → chunk.FVJW4PGX.js.map} +2 -2
- package/dist/chunks/{chunk.67I4RKNO.js → chunk.FWGVBHQ2.js} +1 -1
- package/dist/chunks/chunk.FWGVBHQ2.js.map +7 -0
- package/dist/chunks/{chunk.4YY6TGIA.js → chunk.GKNFFLCU.js} +1 -1
- package/dist/chunks/chunk.GKNFFLCU.js.map +7 -0
- package/dist/chunks/{chunk.6OTEQXZW.js → chunk.HCVYE5QK.js} +1 -1
- package/dist/chunks/{chunk.6OTEQXZW.js.map → chunk.HCVYE5QK.js.map} +2 -2
- package/dist/chunks/{chunk.CJKK63W2.js → chunk.IML4XGI4.js} +1 -1
- package/dist/chunks/{chunk.CJKK63W2.js.map → chunk.IML4XGI4.js.map} +2 -2
- package/dist/chunks/{chunk.IRQRZGIS.js → chunk.IRNJ3B46.js} +1 -1
- package/dist/chunks/chunk.IRNJ3B46.js.map +7 -0
- package/dist/chunks/{chunk.XRVA7P2R.js → chunk.JGODJO5S.js} +1 -1
- package/dist/chunks/{chunk.XRVA7P2R.js.map → chunk.JGODJO5S.js.map} +2 -2
- package/dist/chunks/{chunk.CKKXGN4F.js → chunk.JIXLPWP2.js} +1 -1
- package/dist/chunks/{chunk.CKKXGN4F.js.map → chunk.JIXLPWP2.js.map} +2 -2
- package/dist/chunks/{chunk.RU33PYCK.js → chunk.KKIDENZT.js} +1 -1
- package/dist/chunks/chunk.KKIDENZT.js.map +7 -0
- package/dist/chunks/{chunk.NCB462OR.js → chunk.KQLWAJMN.js} +1 -1
- package/dist/chunks/chunk.KQLWAJMN.js.map +7 -0
- package/dist/chunks/{chunk.RY2WG25R.js → chunk.LELEFISX.js} +1 -1
- package/dist/chunks/chunk.LELEFISX.js.map +7 -0
- package/dist/chunks/{chunk.NDDVIALI.js → chunk.LS5YMLOL.js} +1 -1
- package/dist/chunks/chunk.LS5YMLOL.js.map +7 -0
- package/dist/chunks/{chunk.BU4SKSAF.js → chunk.M5I2WKYZ.js} +1 -1
- package/dist/chunks/chunk.M5I2WKYZ.js.map +7 -0
- package/dist/chunks/{chunk.EOLGRN43.js → chunk.MVPHDQZO.js} +1 -1
- package/dist/chunks/{chunk.EOLGRN43.js.map → chunk.MVPHDQZO.js.map} +2 -2
- package/dist/chunks/{chunk.FGMVRUPR.js → chunk.N5SCB7KO.js} +1 -1
- package/dist/chunks/{chunk.FGMVRUPR.js.map → chunk.N5SCB7KO.js.map} +2 -2
- package/dist/chunks/{chunk.3OAYVNPH.js → chunk.O4P74GGV.js} +1 -1
- package/dist/chunks/chunk.O4P74GGV.js.map +7 -0
- package/dist/chunks/{chunk.BQ62A32K.js → chunk.RH46CVQE.js} +1 -1
- package/dist/chunks/chunk.RH46CVQE.js.map +7 -0
- package/dist/chunks/{chunk.W4YO4ERO.js → chunk.RJ3QZDD7.js} +1 -1
- package/dist/chunks/chunk.RJ3QZDD7.js.map +7 -0
- package/dist/chunks/{chunk.7ZGCZSWN.js → chunk.TH46P32E.js} +1 -1
- package/dist/chunks/{chunk.7ZGCZSWN.js.map → chunk.TH46P32E.js.map} +2 -2
- package/dist/chunks/{chunk.MZVUU463.js → chunk.UXXOSB4A.js} +1 -1
- package/dist/chunks/{chunk.MZVUU463.js.map → chunk.UXXOSB4A.js.map} +2 -2
- package/dist/chunks/{chunk.EHCKPQR2.js → chunk.XKBU2COX.js} +1 -1
- package/dist/chunks/{chunk.EHCKPQR2.js.map → chunk.XKBU2COX.js.map} +2 -2
- package/dist/chunks/{chunk.Y2KBRBDX.js → chunk.XM6I2EPS.js} +1 -1
- package/dist/chunks/chunk.XM6I2EPS.js.map +7 -0
- package/dist/chunks/{chunk.CAHU6MAK.js → chunk.YLB4QDAX.js} +1 -1
- package/dist/chunks/{chunk.CAHU6MAK.js.map → chunk.YLB4QDAX.js.map} +2 -2
- package/dist/chunks/{chunk.PCXGVEBP.js → chunk.Z3UEBLMD.js} +1 -1
- package/dist/chunks/chunk.Z3UEBLMD.js.map +7 -0
- package/dist/components/accordion.js +1 -1
- package/dist/components/alert.d.ts +4 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/breadcrumb-item.js +1 -1
- package/dist/components/breadcrumb.js +1 -1
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.d.ts +3 -1
- package/dist/components/button.js +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/checkbox.d.ts +5 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/details.d.ts +4 -1
- package/dist/components/details.js +1 -1
- package/dist/components/dialog.d.ts +6 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/divider.js +1 -1
- package/dist/components/drawer.d.ts +6 -1
- package/dist/components/drawer.js +1 -1
- package/dist/components/dropdown.d.ts +4 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/file.d.ts +5 -1
- package/dist/components/file.js +1 -1
- package/dist/components/header.d.ts +3 -1
- package/dist/components/header.js +1 -1
- package/dist/components/icon-button.d.ts +2 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/icon.d.ts +2 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/input.d.ts +6 -1
- package/dist/components/input.js +1 -1
- package/dist/components/menu-item.js +1 -1
- package/dist/components/menu-label.js +1 -1
- package/dist/components/nav-item.d.ts +4 -1
- package/dist/components/nav-item.js +1 -1
- package/dist/components/optgroup.js +1 -1
- package/dist/components/option.js +1 -1
- package/dist/components/prio-nav.js +1 -1
- package/dist/components/progress-bar.js +1 -1
- package/dist/components/progress-ring.js +1 -1
- package/dist/components/radio-button.d.ts +2 -1
- package/dist/components/radio-button.js +1 -1
- package/dist/components/radio-group.d.ts +3 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/radio.d.ts +2 -1
- package/dist/components/radio.js +1 -1
- package/dist/components/range-tick.js +1 -1
- package/dist/components/range.d.ts +6 -1
- package/dist/components/range.js +1 -1
- package/dist/components/select.d.ts +10 -1
- package/dist/components/select.js +1 -1
- package/dist/components/side-nav.d.ts +4 -1
- package/dist/components/side-nav.js +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/switch.d.ts +5 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tab-group.d.ts +2 -1
- package/dist/components/tab-group.js +1 -1
- package/dist/components/tab-panel.js +1 -1
- package/dist/components/textarea.d.ts +5 -1
- package/dist/components/textarea.js +1 -1
- package/dist/components/tooltip.d.ts +4 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/index.js +40 -40
- package/package.json +2 -2
- package/dist/chunks/chunk.3OAYVNPH.js.map +0 -7
- package/dist/chunks/chunk.4YY6TGIA.js.map +0 -7
- package/dist/chunks/chunk.67I4RKNO.js.map +0 -7
- package/dist/chunks/chunk.6CO3KAZG.js.map +0 -7
- package/dist/chunks/chunk.7IZW5FRR.js.map +0 -7
- package/dist/chunks/chunk.A3DZYM6Z.js.map +0 -7
- package/dist/chunks/chunk.AFCMSVBY.js.map +0 -7
- package/dist/chunks/chunk.BQ62A32K.js.map +0 -7
- package/dist/chunks/chunk.BU4SKSAF.js.map +0 -7
- package/dist/chunks/chunk.IRQRZGIS.js.map +0 -7
- package/dist/chunks/chunk.IVSM6OME.js.map +0 -7
- package/dist/chunks/chunk.N6QQSQTB.js.map +0 -7
- package/dist/chunks/chunk.NCB462OR.js.map +0 -7
- package/dist/chunks/chunk.NDDVIALI.js.map +0 -7
- package/dist/chunks/chunk.PCXGVEBP.js.map +0 -7
- package/dist/chunks/chunk.QBD4EIK5.js.map +0 -7
- package/dist/chunks/chunk.RU33PYCK.js.map +0 -7
- package/dist/chunks/chunk.RY2WG25R.js.map +0 -7
- package/dist/chunks/chunk.TNN2STQH.js.map +0 -7
- package/dist/chunks/chunk.TTUPZLN7.js.map +0 -7
- package/dist/chunks/chunk.VLHZNU3B.js.map +0 -7
- package/dist/chunks/chunk.W4YO4ERO.js.map +0 -7
- package/dist/chunks/chunk.Y2KBRBDX.js.map +0 -7
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/drawer/drawer.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInitialFocusEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynRequestCloseEvent } from '@synergy-design-system/components';
|
|
4
9
|
/**
|
|
5
10
|
* @summary Drawers slide in from a container to expose additional options and information.
|
|
6
11
|
* @documentation https://synergy.style/components/drawer
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/dropdown/dropdown.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
4
7
|
/**
|
|
5
8
|
* @summary Dropdowns expose additional content that "drops down" in a panel.
|
|
6
9
|
* @documentation https://synergy.style/components/dropdown
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/file/file.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynErrorEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
4
8
|
/**
|
|
5
9
|
* @summary File controls allow selecting an arbitrary number of files for uploading.
|
|
6
10
|
* @status stable
|
package/dist/components/file.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
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 { SynBurgerMenuClosedEvent
|
|
3
|
+
import type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
|
|
4
6
|
/**
|
|
5
7
|
* @summary The <syn-header /> element provides a generic application header
|
|
6
8
|
* that can be used to add applications name, toolbar and primary navigation.
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/icon-button/icon-button.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
4
5
|
/**
|
|
5
6
|
* @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
|
|
6
7
|
* @documentation https://synergy.style/components/icon-button
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/icon/icon.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynLoadEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynErrorEvent } from '@synergy-design-system/components';
|
|
4
5
|
/**
|
|
5
6
|
* @summary Icons are symbols that can be used to represent various options within an application.
|
|
6
7
|
* @documentation https://synergy.style/components/icon
|
package/dist/components/icon.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/input/input.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynClearEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
4
9
|
/**
|
|
5
10
|
* @summary Inputs collect data from the user.
|
|
6
11
|
* @documentation https://synergy.style/components/input
|
package/dist/components/input.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/nav-item/nav-item.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
4
7
|
/**
|
|
5
8
|
* @summary Flexible button / link component that can be used to quickly build navigations.
|
|
6
9
|
* Takes one of 3 forms:
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/radio-button/radio-button.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
4
5
|
/**
|
|
5
6
|
* @summary Radios buttons allow the user to select a single option from a group using a button-like control.
|
|
6
7
|
* @documentation https://synergy.style/components/radio-button
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/radio-group/radio-group.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynChangeEvent
|
|
3
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
4
6
|
/**
|
|
5
7
|
* @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
|
|
6
8
|
* @documentation https://synergy.style/components/radio-group
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/radio/radio.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
4
5
|
/**
|
|
5
6
|
* @summary Radios allow the user to select a single option from a group.
|
|
6
7
|
* @documentation https://synergy.style/components/radio
|
package/dist/components/radio.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/range/range.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynMoveEvent } from '@synergy-design-system/components';
|
|
4
9
|
/**
|
|
5
10
|
* @summary Ranges allow the user to select values within a given range using one or two thumbs.
|
|
6
11
|
* @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs
|
package/dist/components/range.js
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/select/select.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynClearEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
8
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
9
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
10
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
11
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
12
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
4
13
|
/**
|
|
5
14
|
* @summary Selects allow you to choose items from a menu of predefined options.
|
|
6
15
|
* @documentation https://synergy.style/components/select
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/side-nav/side-nav.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
4
7
|
/**
|
|
5
8
|
* @summary The <syn-side-nav /> element contains secondary navigation and fits below the header.
|
|
6
9
|
* It can be used to group multiple navigation items (<syn-nav-item />s) together.
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/switch/switch.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
4
8
|
/**
|
|
5
9
|
* @summary Switches allow the user to toggle an option on or off.
|
|
6
10
|
* @documentation https://synergy.style/components/switch
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/tab-group/tab-group.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynTabShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynTabHideEvent } from '@synergy-design-system/components';
|
|
4
5
|
/**
|
|
5
6
|
* @summary Tab groups organize content into a container that shows one section at a time.
|
|
6
7
|
* @documentation https://synergy.style/components/tab-group
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/textarea/textarea.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type { SynBlurEvent
|
|
3
|
+
import type { SynBlurEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynChangeEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynFocusEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynInputEvent } from '@synergy-design-system/components';
|
|
7
|
+
import type { SynInvalidEvent } from '@synergy-design-system/components';
|
|
4
8
|
/**
|
|
5
9
|
* @summary Textareas collect data from the user and allow multiple lines of text.
|
|
6
10
|
* @documentation https://synergy.style/components/textarea
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import Component from '@synergy-design-system/components/components/tooltip/tooltip.component.js';
|
|
2
2
|
import { type EventName } from '@lit/react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SynShowEvent } from '@synergy-design-system/components';
|
|
4
|
+
import type { SynAfterShowEvent } from '@synergy-design-system/components';
|
|
5
|
+
import type { SynHideEvent } from '@synergy-design-system/components';
|
|
6
|
+
import type { SynAfterHideEvent } from '@synergy-design-system/components';
|
|
4
7
|
/**
|
|
5
8
|
* @summary Tooltips display additional information based on a specific action.
|
|
6
9
|
* @documentation https://synergy.style/components/tooltip
|