@loadsmart/miranda-react 3.24.0 → 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 (4) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/dist/index.d.ts +36 -64
  3. package/dist/tokens.d.ts +25 -25
  4. package/package.json +66 -66
package/CHANGELOG.md ADDED
@@ -0,0 +1 @@
1
+ Please check our [releases](https://github.com/loadsmart/miranda-wc/releases?q=miranda-react) page for the complete CHANGELOG.
package/dist/index.d.ts CHANGED
@@ -348,8 +348,8 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
348
348
  export { BannerVariant }
349
349
 
350
350
  declare interface BaseProps<TValue> {
351
- type?: SelectionType;
352
- value?: TValue;
351
+ type?: SelectionType;
352
+ value?: TValue;
353
353
  }
354
354
 
355
355
  export declare const Box: ReactWebComponent<WCBox, {}>;
@@ -745,12 +745,6 @@ export declare type LogoLoaderProps = ComponentProps<typeof LogoLoader>;
745
745
  */
746
746
  export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
747
747
 
748
- /**
749
- * This is a patch type to make our components compatible to React's
750
- * synthetic event types.
751
- */
752
- declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
753
-
754
748
  export declare const Page: ReactWebComponent<WCPage, {}> & {
755
749
  Content: ReactWebComponent<WCPageContent, {}> & {
756
750
  Body: ReactWebComponent<WCBody, {}>;
@@ -834,41 +828,19 @@ export declare namespace Select {
834
828
  var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
835
829
  }
836
830
 
837
- declare type SelectionChangeEventHandler<TComponent, T> = (
838
- event: MirandaChangeEvent_2<Omit<TComponent, 'value'> & { value: T }>,
839
- ) => void;
831
+ declare type SelectionChangeEventHandler<TComponent, T> = (event: MirandaChangeEvent<Omit<TComponent, 'value'> & {
832
+ value: T;
833
+ }>) => void;
840
834
 
841
835
  declare type SelectionOption<TValue extends string = string> = {
842
- value: TValue;
836
+ value: TValue;
843
837
  };
844
838
 
845
- declare type SelectionProps<
846
- TComponent,
847
- TProps extends BaseProps<SelectionValue<string>>,
848
- TSelectionType extends SelectionType = SelectionType,
849
- OptionValue extends string = string,
850
- TSelectionOption extends SelectionOption<OptionValue> = SelectionOption<OptionValue>,
851
- TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>,
852
- > = Omit<TProps, 'type' | 'value' | 'options' | 'onChange'> & {
853
- type?: TSelectionType;
854
- value?: TSelectionType extends 'single'
855
- ? TOptions[number]['value'] | null
856
- : TSelectionType extends 'single-strict'
857
- ? TOptions[number]['value']
858
- : TSelectionType extends 'multiple'
859
- ? ReadonlyArray<TOptions[number]['value']> | null
860
- : SelectionValue<TOptions[number]['value']>; // Infer value type from options
861
- options?: TOptions;
862
- onChange?: SelectionChangeEventHandler<
863
- TComponent,
864
- TSelectionType extends 'single'
865
- ? TOptions[number]['value'] | null
866
- : TSelectionType extends 'single-strict'
867
- ? TOptions[number]['value']
868
- : TSelectionType extends 'multiple'
869
- ? Array<TOptions[number]['value']> | null
870
- : SelectionValue<TOptions[number]['value']>
871
- >;
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']>>;
872
844
  };
873
845
 
874
846
  export { SelectionType }
@@ -1815,29 +1787,19 @@ export { }
1815
1787
 
1816
1788
  declare module 'react' {
1817
1789
  interface CSSProperties {
1818
- '--m-card-body-padding'?: string;
1819
- '--m-card-border-top'?: string;
1820
- '--m-card-border-left'?: string;
1821
- '--m-card-border-bottom'?: string;
1822
- '--m-card-border-right'?: string;
1823
- '--m-card-border-radius'?: string;
1824
- }
1825
- }
1826
-
1827
-
1828
- declare module 'react' {
1829
- interface CSSProperties {
1830
- '--m-icon-size'?: string;
1831
- '--m-icon-color'?: 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;
1832
1795
  }
1833
1796
  }
1834
1797
 
1835
1798
 
1836
1799
  declare module 'react' {
1837
1800
  interface CSSProperties {
1838
- '--m-divider-margin-top'?: string;
1839
- '--m-divider-margin-bottom'?: string;
1840
- '--m-divider-margin-y'?: string;
1801
+ '--m-text-display'?: string;
1802
+ '--m-text-max-width'?: string;
1841
1803
  }
1842
1804
  }
1843
1805
 
@@ -1849,14 +1811,19 @@ declare module 'react' {
1849
1811
  '--m-table-border-top-right-radius'?: string;
1850
1812
  '--m-table-border-bottom-left-radius'?: string;
1851
1813
  '--m-table-border-bottom-right-radius'?: string;
1814
+ '--m-table-border-width'?: string;
1852
1815
  }
1853
1816
  }
1854
1817
 
1855
1818
 
1856
1819
  declare module 'react' {
1857
1820
  interface CSSProperties {
1858
- '--m-text-display'?: string;
1859
- '--m-text-max-width'?: 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;
1860
1827
  }
1861
1828
  }
1862
1829
 
@@ -1874,11 +1841,16 @@ declare module 'react' {
1874
1841
 
1875
1842
  declare module 'react' {
1876
1843
  interface CSSProperties {
1877
- '--m-table-border-radius'?: string;
1878
- '--m-table-border-top-left-radius'?: string;
1879
- '--m-table-border-top-right-radius'?: string;
1880
- '--m-table-border-bottom-left-radius'?: string;
1881
- '--m-table-border-bottom-right-radius'?: string;
1882
- '--m-table-border-width'?: string;
1844
+ '--m-icon-size'?: string;
1845
+ '--m-icon-color'?: string;
1846
+ }
1847
+ }
1848
+
1849
+
1850
+ declare module 'react' {
1851
+ interface CSSProperties {
1852
+ '--m-divider-margin-top'?: string;
1853
+ '--m-divider-margin-bottom'?: string;
1854
+ '--m-divider-margin-y'?: string;
1883
1855
  }
1884
1856
  }
package/dist/tokens.d.ts CHANGED
@@ -7,29 +7,19 @@ export { }
7
7
 
8
8
  declare module 'react' {
9
9
  interface CSSProperties {
10
- '--m-card-body-padding'?: string;
11
- '--m-card-border-top'?: string;
12
- '--m-card-border-left'?: string;
13
- '--m-card-border-bottom'?: string;
14
- '--m-card-border-right'?: string;
15
- '--m-card-border-radius'?: string;
16
- }
17
- }
18
-
19
-
20
- declare module 'react' {
21
- interface CSSProperties {
22
- '--m-icon-size'?: string;
23
- '--m-icon-color'?: 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;
24
15
  }
25
16
  }
26
17
 
27
18
 
28
19
  declare module 'react' {
29
20
  interface CSSProperties {
30
- '--m-divider-margin-top'?: string;
31
- '--m-divider-margin-bottom'?: string;
32
- '--m-divider-margin-y'?: string;
21
+ '--m-text-display'?: string;
22
+ '--m-text-max-width'?: string;
33
23
  }
34
24
  }
35
25
 
@@ -41,14 +31,19 @@ declare module 'react' {
41
31
  '--m-table-border-top-right-radius'?: string;
42
32
  '--m-table-border-bottom-left-radius'?: string;
43
33
  '--m-table-border-bottom-right-radius'?: string;
34
+ '--m-table-border-width'?: string;
44
35
  }
45
36
  }
46
37
 
47
38
 
48
39
  declare module 'react' {
49
40
  interface CSSProperties {
50
- '--m-text-display'?: string;
51
- '--m-text-max-width'?: 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;
52
47
  }
53
48
  }
54
49
 
@@ -66,11 +61,16 @@ declare module 'react' {
66
61
 
67
62
  declare module 'react' {
68
63
  interface CSSProperties {
69
- '--m-table-border-radius'?: string;
70
- '--m-table-border-top-left-radius'?: string;
71
- '--m-table-border-top-right-radius'?: string;
72
- '--m-table-border-bottom-left-radius'?: string;
73
- '--m-table-border-bottom-right-radius'?: string;
74
- '--m-table-border-width'?: string;
64
+ '--m-icon-size'?: string;
65
+ '--m-icon-color'?: string;
66
+ }
67
+ }
68
+
69
+
70
+ declare module 'react' {
71
+ interface CSSProperties {
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,67 +1,67 @@
1
1
  {
2
- "name": "@loadsmart/miranda-react",
3
- "version": "3.24.0",
4
- "description": "React component library based on Miranda Web Components",
5
- "main": "dist/index.js",
6
- "types": "dist/index.d.ts",
7
- "type": "module",
8
- "files": [
9
- "dist"
10
- ],
11
- "scripts": {
12
- "build-docs": "storybook build -o ./docs",
13
- "dev": "storybook dev -p 7007",
14
- "test": "cypress run --component --browser chrome",
15
- "cypress": "cypress open --component --browser chrome",
16
- "build": "vite build",
17
- "prePublishOnly": "npm run build",
18
- "release": "semantic-release",
19
- "typecheck": "tsc --noEmit",
20
- "figma:create": "dotenvx run -- figma connect create --outDir src/components",
21
- "figma:parse": "dotenvx run -- figma connect parse",
22
- "figma:publish": "dotenvx run -- figma connect publish",
23
- "figma:unpublish": "dotenvx run -- figma connect unpublish",
24
- "figma:build-icons": "tsx ./src/scripts/build-icons-figma-connect.ts"
25
- },
26
- "author": "Loadsmart",
27
- "license": "UNLICENSED",
28
- "devDependencies": {
29
- "@figma/code-connect": "^1.3.6",
30
- "@loadsmart/miranda-utils": "*",
31
- "@types/node": "^22.15.23",
32
- "@types/react": "^17.0.85",
33
- "@types/react-dom": "^17.0.26",
34
- "@types/react-is": "^18.3.0",
35
- "@vitejs/plugin-react": "^4.4.1",
36
- "react": "^17.0.2",
37
- "react-dom": "^17.0.2",
38
- "ts-loader": "^9.4.2",
39
- "tsx": "^4.19.4",
40
- "vite": "^6.3.2",
41
- "vite-plugin-dts": "^4.5.3"
42
- },
43
- "peerDependencies": {
44
- "react": ">=16.8.0",
45
- "react-dom": ">=16.8.0"
46
- },
47
- "publishConfig": {
48
- "access": "public"
49
- },
50
- "dependencies": {
51
- "@lit/react": "^1.0.5",
52
- "@loadsmart/miranda-tokens": "4.24.0",
53
- "@loadsmart/miranda-wc": "3.24.0",
54
- "react-is": "^18.3.1"
55
- },
56
- "directories": {
57
- "test": "tests"
58
- },
59
- "repository": {
60
- "type": "git",
61
- "url": "git+https://github.com/loadsmart/miranda-wc.git"
62
- },
63
- "bugs": {
64
- "url": "https://github.com/loadsmart/miranda-wc/issues"
65
- },
66
- "homepage": "https://github.com/loadsmart/miranda-wc#readme"
67
- }
2
+ "name": "@loadsmart/miranda-react",
3
+ "version": "3.24.2",
4
+ "description": "React component library based on Miranda Web Components",
5
+ "main": "dist/index.js",
6
+ "types": "dist/index.d.ts",
7
+ "type": "module",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "scripts": {
12
+ "build-docs": "storybook build -o ./docs",
13
+ "dev": "storybook dev -p 7007",
14
+ "test": "cypress run --component --browser chrome",
15
+ "cypress": "cypress open --component --browser chrome",
16
+ "build": "vite build",
17
+ "release": "semantic-release",
18
+ "typecheck": "tsc --noEmit",
19
+ "figma:create": "dotenvx run -- figma connect create --outDir src/components",
20
+ "figma:parse": "dotenvx run -- figma connect parse",
21
+ "figma:publish": "dotenvx run -- figma connect publish",
22
+ "figma:unpublish": "dotenvx run -- figma connect unpublish",
23
+ "figma:build-icons": "tsx ./src/scripts/build-icons-figma-connect.ts"
24
+ },
25
+ "author": "Loadsmart",
26
+ "license": "UNLICENSED",
27
+ "devDependencies": {
28
+ "@figma/code-connect": "^1.3.6",
29
+ "@loadsmart/miranda-utils": "0.0.0",
30
+ "@types/node": "^24.1.0",
31
+ "@types/react": "^18.3.24",
32
+ "@types/react-dom": "^18.3.7",
33
+ "@types/react-is": "^18.3.1",
34
+ "@vitejs/plugin-react": "^4.4.1",
35
+ "react": "^18.3.1",
36
+ "react-dom": "^18.3.1",
37
+ "ts-loader": "^9.4.2",
38
+ "tsx": "^4.19.4",
39
+ "typescript": "~5.9.3",
40
+ "vite": "^6.3.2",
41
+ "vite-plugin-dts": "^4.5.3"
42
+ },
43
+ "peerDependencies": {
44
+ "react": ">=16.8.0",
45
+ "react-dom": ">=16.8.0"
46
+ },
47
+ "publishConfig": {
48
+ "access": "public"
49
+ },
50
+ "dependencies": {
51
+ "@lit/react": "^1.0.5",
52
+ "@loadsmart/miranda-tokens": "4.24.4",
53
+ "@loadsmart/miranda-wc": "3.24.2",
54
+ "react-is": "^18.3.1"
55
+ },
56
+ "directories": {
57
+ "test": "tests"
58
+ },
59
+ "repository": {
60
+ "type": "git",
61
+ "url": "git+https://github.com/loadsmart/miranda-wc.git"
62
+ },
63
+ "bugs": {
64
+ "url": "https://github.com/loadsmart/miranda-wc/issues"
65
+ },
66
+ "homepage": "https://github.com/loadsmart/miranda-wc#readme"
67
+ }