@synergy-design-system/react 2.18.7 → 2.18.8

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.
@@ -1,4 +1,4 @@
1
- import type { DOMAttributes } from 'react';
1
+ import type { CSSProperties, DOMAttributes, RefObject } from 'react';
2
2
  import type { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynBlurEvent, SynFocusEvent, SynInvalidEvent, SynChangeEvent, SynInputEvent, SynClearEvent, SynErrorEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynBurgerMenuClosedEvent, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent, SynLoadEvent, SynSelectEvent, SynRepositionEvent, SynMoveEvent, SynCloseEvent, SynTabShowEvent, SynTabHideEvent, SynRemoveEvent, SynAccordion, SynAlert, SynBadge, SynBreadcrumb, SynBreadcrumbItem, SynButton, SynButtonGroup, SynCard, SynCheckbox, SynCombobox, SynDetails, SynDialog, SynDivider, SynDrawer, SynDropdown, SynFile, SynHeader, SynIcon, SynIconButton, SynInput, SynMenu, SynMenuItem, SynMenuLabel, SynNavItem, SynOptgroup, SynOption, SynPopup, SynPrioNav, SynProgressBar, SynProgressRing, SynRadio, SynRadioButton, SynRadioGroup, SynRange, SynRangeTick, SynSelect, SynSideNav, SynSpinner, SynSwitch, SynTab, SynTabGroup, SynTabPanel, SynTag, SynTextarea, SynTooltip, SynValidate } from '@synergy-design-system/components';
3
3
  /**
4
4
  * Used core types
@@ -12,9 +12,11 @@ type SynEventMap<T extends SynEventTuple[]> = {
12
12
  * Synergy custom element type definition
13
13
  * This type is used to define the custom elements in the Synergy Design System
14
14
  */
15
- export type SynCustomElement<SynElement extends HTMLElement, Events extends SynEventTuple[] = []> = Partial<SynElement & DOMAttributes<SynElement> & {
15
+ export type SynCustomElement<SynElement extends HTMLElement, Events extends SynEventTuple[] = []> = Partial<Omit<SynElement, 'style'> & DOMAttributes<SynElement> & {
16
16
  children?: any;
17
17
  key?: any;
18
+ ref?: RefObject<SynElement | null>;
19
+ style?: CSSProperties | undefined;
18
20
  } & SynEventMap<Events>>;
19
21
  /**
20
22
  * @summary Accordions provide the ability to group a list of `<syn-details>`.
@@ -1609,6 +1611,9 @@ export type SynCustomElement<SynElement extends HTMLElement, Events extends SynE
1609
1611
  * @csspart alert__icon - The container that wraps the alert icon.
1610
1612
  */ export type SynValidateJSXElement = SynCustomElement<SynValidate, []>;
1611
1613
  declare module 'react' {
1614
+ interface CSSProperties {
1615
+ [key: `--${string}`]: string | undefined;
1616
+ }
1612
1617
  namespace JSX {
1613
1618
  interface IntrinsicElements {
1614
1619
  /**
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  },
6
6
  "dependencies": {
7
7
  "@lit/react": "^1.0.7",
8
- "@synergy-design-system/components": "^2.18.7"
8
+ "@synergy-design-system/components": "^2.18.8"
9
9
  },
10
10
  "description": "React wrappers for the Synergy Design System",
11
11
  "exports": {
@@ -43,7 +43,7 @@
43
43
  "directory": "packages/react"
44
44
  },
45
45
  "type": "module",
46
- "version": "2.18.7",
46
+ "version": "2.18.8",
47
47
  "devDependencies": {
48
48
  "@types/react": "^19.0.7",
49
49
  "react": "^19.0.0"