@loadsmart/miranda-react 4.0.0-alpha.8 → 4.0.0-alpha.9

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 +36 -17
  2. package/dist/tokens.d.ts +16 -16
  3. package/package.json +4 -4
package/dist/index.d.ts CHANGED
@@ -44,7 +44,6 @@ import { ReactElement } from 'react';
44
44
  import { ReactNode } from 'react';
45
45
  import { ReactWebComponent } from '@lit/react';
46
46
  import { RefAttributes } from 'react';
47
- import { SelectionProps } from 'utils/SelectionProps';
48
47
  import { SelectionType } from '@loadsmart/miranda-wc';
49
48
  import { SelectionValue } from '@loadsmart/miranda-wc';
50
49
  import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
@@ -343,6 +342,11 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
343
342
 
344
343
  export { BannerVariant }
345
344
 
345
+ declare interface BaseProps<TValue> {
346
+ type?: SelectionType;
347
+ value?: TValue;
348
+ }
349
+
346
350
  export declare const Box: ReactWebComponent<WCBox, {}>;
347
351
 
348
352
  export declare type BoxProps = ComponentProps<typeof Box>;
@@ -817,6 +821,21 @@ export declare namespace Select {
817
821
  var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
818
822
  }
819
823
 
824
+ declare type SelectionChangeEventHandler<TComponent, T> = (event: MirandaChangeEvent<Omit<TComponent, 'value'> & {
825
+ value: T;
826
+ }>) => void;
827
+
828
+ declare type SelectionOption<TValue extends string = string> = {
829
+ value: TValue;
830
+ };
831
+
832
+ 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'> & {
833
+ type?: TSelectionType;
834
+ 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']>;
835
+ options?: TOptions;
836
+ 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']>>;
837
+ };
838
+
820
839
  export { SelectionType }
821
840
 
822
841
  export { SelectionValue }
@@ -1756,6 +1775,15 @@ declare const WiredTooltip: ReactWebComponent<WCTooltip, {}>;
1756
1775
  export { }
1757
1776
 
1758
1777
 
1778
+ declare module 'react' {
1779
+ interface CSSProperties {
1780
+ '--m-divider-margin-top'?: string;
1781
+ '--m-divider-margin-bottom'?: string;
1782
+ '--m-divider-margin-y'?: string;
1783
+ }
1784
+ }
1785
+
1786
+
1759
1787
  declare module 'react' {
1760
1788
  interface CSSProperties {
1761
1789
  '--m-card-body-padding'?: string;
@@ -1778,20 +1806,8 @@ declare module 'react' {
1778
1806
 
1779
1807
  declare module 'react' {
1780
1808
  interface CSSProperties {
1781
- '--m-table-border-radius'?: string;
1782
- '--m-table-border-top-left-radius'?: string;
1783
- '--m-table-border-top-right-radius'?: string;
1784
- '--m-table-border-bottom-left-radius'?: string;
1785
- '--m-table-border-bottom-right-radius'?: string;
1786
- }
1787
- }
1788
-
1789
-
1790
- declare module 'react' {
1791
- interface CSSProperties {
1792
- '--m-divider-margin-top'?: string;
1793
- '--m-divider-margin-bottom'?: string;
1794
- '--m-divider-margin-y'?: string;
1809
+ '--m-text-display'?: string;
1810
+ '--m-text-max-width'?: string;
1795
1811
  }
1796
1812
  }
1797
1813
 
@@ -1809,8 +1825,11 @@ declare module 'react' {
1809
1825
 
1810
1826
  declare module 'react' {
1811
1827
  interface CSSProperties {
1812
- '--m-text-display'?: string;
1813
- '--m-text-max-width'?: string;
1828
+ '--m-table-border-radius'?: string;
1829
+ '--m-table-border-top-left-radius'?: string;
1830
+ '--m-table-border-top-right-radius'?: string;
1831
+ '--m-table-border-bottom-left-radius'?: string;
1832
+ '--m-table-border-bottom-right-radius'?: string;
1814
1833
  }
1815
1834
  }
1816
1835
 
package/dist/tokens.d.ts CHANGED
@@ -5,6 +5,15 @@ export * from "@loadsmart/miranda-tokens/dist/themes.js";
5
5
  export { }
6
6
 
7
7
 
8
+ declare module 'react' {
9
+ interface CSSProperties {
10
+ '--m-divider-margin-top'?: string;
11
+ '--m-divider-margin-bottom'?: string;
12
+ '--m-divider-margin-y'?: string;
13
+ }
14
+ }
15
+
16
+
8
17
  declare module 'react' {
9
18
  interface CSSProperties {
10
19
  '--m-card-body-padding'?: string;
@@ -27,20 +36,8 @@ declare module 'react' {
27
36
 
28
37
  declare module 'react' {
29
38
  interface CSSProperties {
30
- '--m-table-border-radius'?: string;
31
- '--m-table-border-top-left-radius'?: string;
32
- '--m-table-border-top-right-radius'?: string;
33
- '--m-table-border-bottom-left-radius'?: string;
34
- '--m-table-border-bottom-right-radius'?: string;
35
- }
36
- }
37
-
38
-
39
- declare module 'react' {
40
- interface CSSProperties {
41
- '--m-divider-margin-top'?: string;
42
- '--m-divider-margin-bottom'?: string;
43
- '--m-divider-margin-y'?: string;
39
+ '--m-text-display'?: string;
40
+ '--m-text-max-width'?: string;
44
41
  }
45
42
  }
46
43
 
@@ -58,8 +55,11 @@ declare module 'react' {
58
55
 
59
56
  declare module 'react' {
60
57
  interface CSSProperties {
61
- '--m-text-display'?: string;
62
- '--m-text-max-width'?: string;
58
+ '--m-table-border-radius'?: string;
59
+ '--m-table-border-top-left-radius'?: string;
60
+ '--m-table-border-top-right-radius'?: string;
61
+ '--m-table-border-bottom-left-radius'?: string;
62
+ '--m-table-border-bottom-right-radius'?: string;
63
63
  }
64
64
  }
65
65
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loadsmart/miranda-react",
3
- "version": "4.0.0-alpha.8",
3
+ "version": "4.0.0-alpha.9",
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": "5.0.0-alpha.8",
53
- "@loadsmart/miranda-wc": "4.0.0-alpha.8",
52
+ "@loadsmart/miranda-tokens": "5.0.0-alpha.9",
53
+ "@loadsmart/miranda-wc": "4.0.0-alpha.9",
54
54
  "react-is": "^18.3.1"
55
55
  },
56
56
  "directories": {