@loadsmart/miranda-react 3.24.1 → 3.24.2

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.
Files changed (3) hide show
  1. package/dist/index.d.ts +44 -25
  2. package/dist/tokens.d.ts +24 -24
  3. package/package.json +4 -4
package/dist/index.d.ts CHANGED
@@ -46,7 +46,6 @@ import { ReactElement } from 'react';
46
46
  import { ReactNode } from 'react';
47
47
  import { ReactWebComponent } from '@lit/react';
48
48
  import { RefAttributes } from 'react';
49
- import { SelectionProps } from 'utils/SelectionProps';
50
49
  import { SelectionType } from '@loadsmart/miranda-wc';
51
50
  import { SelectionValue } from '@loadsmart/miranda-wc';
52
51
  import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
@@ -348,6 +347,11 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
348
347
 
349
348
  export { BannerVariant }
350
349
 
350
+ declare interface BaseProps<TValue> {
351
+ type?: SelectionType;
352
+ value?: TValue;
353
+ }
354
+
351
355
  export declare const Box: ReactWebComponent<WCBox, {}>;
352
356
 
353
357
  export declare type BoxProps = ComponentProps<typeof Box>;
@@ -824,6 +828,21 @@ export declare namespace Select {
824
828
  var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
825
829
  }
826
830
 
831
+ declare type SelectionChangeEventHandler<TComponent, T> = (event: MirandaChangeEvent<Omit<TComponent, 'value'> & {
832
+ value: T;
833
+ }>) => void;
834
+
835
+ declare type SelectionOption<TValue extends string = string> = {
836
+ value: TValue;
837
+ };
838
+
839
+ declare type SelectionProps<TComponent, TProps extends BaseProps<SelectionValue<string>>, TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string, TSelectionOption extends SelectionOption<OptionValue> = SelectionOption<OptionValue>, TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>> = Omit<TProps, 'type' | 'value' | 'options' | 'onChange'> & {
840
+ type?: TSelectionType;
841
+ value?: TSelectionType extends 'single' ? TOptions[number]['value'] | null : TSelectionType extends 'single-strict' ? TOptions[number]['value'] : TSelectionType extends 'multiple' ? ReadonlyArray<TOptions[number]['value']> | null : SelectionValue<TOptions[number]['value']>;
842
+ options?: TOptions;
843
+ onChange?: SelectionChangeEventHandler<TComponent, TSelectionType extends 'single' ? TOptions[number]['value'] | null : TSelectionType extends 'single-strict' ? TOptions[number]['value'] : TSelectionType extends 'multiple' ? Array<TOptions[number]['value']> | null : SelectionValue<TOptions[number]['value']>>;
844
+ };
845
+
827
846
  export { SelectionType }
828
847
 
829
848
  export { SelectionValue }
@@ -1768,40 +1787,43 @@ export { }
1768
1787
 
1769
1788
  declare module 'react' {
1770
1789
  interface CSSProperties {
1771
- '--m-divider-margin-top'?: string;
1772
- '--m-divider-margin-bottom'?: string;
1773
- '--m-divider-margin-y'?: string;
1790
+ '--m-table-border-radius'?: string;
1791
+ '--m-table-border-top-left-radius'?: string;
1792
+ '--m-table-border-top-right-radius'?: string;
1793
+ '--m-table-border-bottom-left-radius'?: string;
1794
+ '--m-table-border-bottom-right-radius'?: string;
1774
1795
  }
1775
1796
  }
1776
1797
 
1777
1798
 
1778
1799
  declare module 'react' {
1779
1800
  interface CSSProperties {
1780
- '--m-card-body-padding'?: string;
1781
- '--m-card-border-top'?: string;
1782
- '--m-card-border-left'?: string;
1783
- '--m-card-border-bottom'?: string;
1784
- '--m-card-border-right'?: string;
1785
- '--m-card-border-radius'?: string;
1801
+ '--m-text-display'?: string;
1802
+ '--m-text-max-width'?: string;
1786
1803
  }
1787
1804
  }
1788
1805
 
1789
1806
 
1790
1807
  declare module 'react' {
1791
1808
  interface CSSProperties {
1792
- '--m-icon-size'?: string;
1793
- '--m-icon-color'?: string;
1809
+ '--m-table-border-radius'?: string;
1810
+ '--m-table-border-top-left-radius'?: string;
1811
+ '--m-table-border-top-right-radius'?: string;
1812
+ '--m-table-border-bottom-left-radius'?: string;
1813
+ '--m-table-border-bottom-right-radius'?: string;
1814
+ '--m-table-border-width'?: string;
1794
1815
  }
1795
1816
  }
1796
1817
 
1797
1818
 
1798
1819
  declare module 'react' {
1799
1820
  interface CSSProperties {
1800
- '--m-table-border-radius'?: string;
1801
- '--m-table-border-top-left-radius'?: string;
1802
- '--m-table-border-top-right-radius'?: string;
1803
- '--m-table-border-bottom-left-radius'?: string;
1804
- '--m-table-border-bottom-right-radius'?: string;
1821
+ '--m-card-body-padding'?: string;
1822
+ '--m-card-border-top'?: string;
1823
+ '--m-card-border-left'?: string;
1824
+ '--m-card-border-bottom'?: string;
1825
+ '--m-card-border-right'?: string;
1826
+ '--m-card-border-radius'?: string;
1805
1827
  }
1806
1828
  }
1807
1829
 
@@ -1819,19 +1841,16 @@ declare module 'react' {
1819
1841
 
1820
1842
  declare module 'react' {
1821
1843
  interface CSSProperties {
1822
- '--m-table-border-radius'?: string;
1823
- '--m-table-border-top-left-radius'?: string;
1824
- '--m-table-border-top-right-radius'?: string;
1825
- '--m-table-border-bottom-left-radius'?: string;
1826
- '--m-table-border-bottom-right-radius'?: string;
1827
- '--m-table-border-width'?: string;
1844
+ '--m-icon-size'?: string;
1845
+ '--m-icon-color'?: string;
1828
1846
  }
1829
1847
  }
1830
1848
 
1831
1849
 
1832
1850
  declare module 'react' {
1833
1851
  interface CSSProperties {
1834
- '--m-text-display'?: string;
1835
- '--m-text-max-width'?: string;
1852
+ '--m-divider-margin-top'?: string;
1853
+ '--m-divider-margin-bottom'?: string;
1854
+ '--m-divider-margin-y'?: string;
1836
1855
  }
1837
1856
  }
package/dist/tokens.d.ts CHANGED
@@ -7,40 +7,43 @@ export { }
7
7
 
8
8
  declare module 'react' {
9
9
  interface CSSProperties {
10
- '--m-divider-margin-top'?: string;
11
- '--m-divider-margin-bottom'?: string;
12
- '--m-divider-margin-y'?: string;
10
+ '--m-table-border-radius'?: string;
11
+ '--m-table-border-top-left-radius'?: string;
12
+ '--m-table-border-top-right-radius'?: string;
13
+ '--m-table-border-bottom-left-radius'?: string;
14
+ '--m-table-border-bottom-right-radius'?: string;
13
15
  }
14
16
  }
15
17
 
16
18
 
17
19
  declare module 'react' {
18
20
  interface CSSProperties {
19
- '--m-card-body-padding'?: string;
20
- '--m-card-border-top'?: string;
21
- '--m-card-border-left'?: string;
22
- '--m-card-border-bottom'?: string;
23
- '--m-card-border-right'?: string;
24
- '--m-card-border-radius'?: string;
21
+ '--m-text-display'?: string;
22
+ '--m-text-max-width'?: string;
25
23
  }
26
24
  }
27
25
 
28
26
 
29
27
  declare module 'react' {
30
28
  interface CSSProperties {
31
- '--m-icon-size'?: string;
32
- '--m-icon-color'?: string;
29
+ '--m-table-border-radius'?: string;
30
+ '--m-table-border-top-left-radius'?: string;
31
+ '--m-table-border-top-right-radius'?: string;
32
+ '--m-table-border-bottom-left-radius'?: string;
33
+ '--m-table-border-bottom-right-radius'?: string;
34
+ '--m-table-border-width'?: string;
33
35
  }
34
36
  }
35
37
 
36
38
 
37
39
  declare module 'react' {
38
40
  interface CSSProperties {
39
- '--m-table-border-radius'?: string;
40
- '--m-table-border-top-left-radius'?: string;
41
- '--m-table-border-top-right-radius'?: string;
42
- '--m-table-border-bottom-left-radius'?: string;
43
- '--m-table-border-bottom-right-radius'?: string;
41
+ '--m-card-body-padding'?: string;
42
+ '--m-card-border-top'?: string;
43
+ '--m-card-border-left'?: string;
44
+ '--m-card-border-bottom'?: string;
45
+ '--m-card-border-right'?: string;
46
+ '--m-card-border-radius'?: string;
44
47
  }
45
48
  }
46
49
 
@@ -58,19 +61,16 @@ declare module 'react' {
58
61
 
59
62
  declare module 'react' {
60
63
  interface CSSProperties {
61
- '--m-table-border-radius'?: string;
62
- '--m-table-border-top-left-radius'?: string;
63
- '--m-table-border-top-right-radius'?: string;
64
- '--m-table-border-bottom-left-radius'?: string;
65
- '--m-table-border-bottom-right-radius'?: string;
66
- '--m-table-border-width'?: string;
64
+ '--m-icon-size'?: string;
65
+ '--m-icon-color'?: string;
67
66
  }
68
67
  }
69
68
 
70
69
 
71
70
  declare module 'react' {
72
71
  interface CSSProperties {
73
- '--m-text-display'?: string;
74
- '--m-text-max-width'?: string;
72
+ '--m-divider-margin-top'?: string;
73
+ '--m-divider-margin-bottom'?: string;
74
+ '--m-divider-margin-y'?: string;
75
75
  }
76
76
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loadsmart/miranda-react",
3
- "version": "3.24.1",
3
+ "version": "3.24.2",
4
4
  "description": "React component library based on Miranda Web Components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
36
36
  "react-dom": "^18.3.1",
37
37
  "ts-loader": "^9.4.2",
38
38
  "tsx": "^4.19.4",
39
- "typescript": "~5.8.3",
39
+ "typescript": "~5.9.3",
40
40
  "vite": "^6.3.2",
41
41
  "vite-plugin-dts": "^4.5.3"
42
42
  },
@@ -49,8 +49,8 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@lit/react": "^1.0.5",
52
- "@loadsmart/miranda-tokens": "4.24.3",
53
- "@loadsmart/miranda-wc": "3.24.1",
52
+ "@loadsmart/miranda-tokens": "4.24.4",
53
+ "@loadsmart/miranda-wc": "3.24.2",
54
54
  "react-is": "^18.3.1"
55
55
  },
56
56
  "directories": {