@loadsmart/miranda-react 4.0.0-alpha.7 → 4.0.0-alpha.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/dist/index.d.ts +16 -63
  3. package/dist/tokens.d.ts +15 -15
  4. package/package.json +67 -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
@@ -44,6 +44,7 @@ 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';
47
48
  import { SelectionType } from '@loadsmart/miranda-wc';
48
49
  import { SelectionValue } from '@loadsmart/miranda-wc';
49
50
  import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
@@ -342,11 +343,6 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
342
343
 
343
344
  export { BannerVariant }
344
345
 
345
- declare interface BaseProps<TValue> {
346
- type?: SelectionType;
347
- value?: TValue;
348
- }
349
-
350
346
  export declare const Box: ReactWebComponent<WCBox, {}>;
351
347
 
352
348
  export declare type BoxProps = ComponentProps<typeof Box>;
@@ -738,12 +734,6 @@ export declare type LogoLoaderProps = ComponentProps<typeof LogoLoader>;
738
734
  */
739
735
  export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
740
736
 
741
- /**
742
- * This is a patch type to make our components compatible to React's
743
- * synthetic event types.
744
- */
745
- declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
746
-
747
737
  export declare const Page: ReactWebComponent<WCPage, {}> & {
748
738
  Content: ReactWebComponent<WCPageContent, {}> & {
749
739
  Body: ReactWebComponent<WCBody, {}>;
@@ -827,43 +817,6 @@ export declare namespace Select {
827
817
  var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
828
818
  }
829
819
 
830
- declare type SelectionChangeEventHandler<TComponent, T> = (
831
- event: MirandaChangeEvent_2<Omit<TComponent, 'value'> & { value: T }>,
832
- ) => void;
833
-
834
- declare type SelectionOption<TValue extends string = string> = {
835
- value: TValue;
836
- };
837
-
838
- declare type SelectionProps<
839
- TComponent,
840
- TProps extends BaseProps<SelectionValue<string>>,
841
- TSelectionType extends SelectionType = SelectionType,
842
- OptionValue extends string = string,
843
- TSelectionOption extends SelectionOption<OptionValue> = SelectionOption<OptionValue>,
844
- TOptions extends ReadonlyArray<TSelectionOption> = ReadonlyArray<TSelectionOption>,
845
- > = Omit<TProps, 'type' | 'value' | 'options' | 'onChange'> & {
846
- type?: TSelectionType;
847
- value?: TSelectionType extends 'single'
848
- ? TOptions[number]['value'] | null
849
- : TSelectionType extends 'single-strict'
850
- ? TOptions[number]['value']
851
- : TSelectionType extends 'multiple'
852
- ? ReadonlyArray<TOptions[number]['value']> | null
853
- : SelectionValue<TOptions[number]['value']>; // Infer value type from options
854
- options?: TOptions;
855
- onChange?: SelectionChangeEventHandler<
856
- TComponent,
857
- TSelectionType extends 'single'
858
- ? TOptions[number]['value'] | null
859
- : TSelectionType extends 'single-strict'
860
- ? TOptions[number]['value']
861
- : TSelectionType extends 'multiple'
862
- ? Array<TOptions[number]['value']> | null
863
- : SelectionValue<TOptions[number]['value']>
864
- >;
865
- };
866
-
867
820
  export { SelectionType }
868
821
 
869
822
  export { SelectionValue }
@@ -1815,15 +1768,6 @@ declare module 'react' {
1815
1768
  }
1816
1769
 
1817
1770
 
1818
- declare module 'react' {
1819
- interface CSSProperties {
1820
- '--m-divider-margin-top'?: string;
1821
- '--m-divider-margin-bottom'?: string;
1822
- '--m-divider-margin-y'?: string;
1823
- }
1824
- }
1825
-
1826
-
1827
1771
  declare module 'react' {
1828
1772
  interface CSSProperties {
1829
1773
  '--m-icon-size'?: string;
@@ -1845,12 +1789,9 @@ declare module 'react' {
1845
1789
 
1846
1790
  declare module 'react' {
1847
1791
  interface CSSProperties {
1848
- '--m-table-border-radius'?: string;
1849
- '--m-table-border-top-left-radius'?: string;
1850
- '--m-table-border-top-right-radius'?: string;
1851
- '--m-table-border-bottom-left-radius'?: string;
1852
- '--m-table-border-bottom-right-radius'?: string;
1853
- '--m-table-border-width'?: string;
1792
+ '--m-divider-margin-top'?: string;
1793
+ '--m-divider-margin-bottom'?: string;
1794
+ '--m-divider-margin-y'?: string;
1854
1795
  }
1855
1796
  }
1856
1797
 
@@ -1872,3 +1813,15 @@ declare module 'react' {
1872
1813
  '--m-text-max-width'?: string;
1873
1814
  }
1874
1815
  }
1816
+
1817
+
1818
+ declare module 'react' {
1819
+ interface CSSProperties {
1820
+ '--m-table-border-radius'?: string;
1821
+ '--m-table-border-top-left-radius'?: string;
1822
+ '--m-table-border-top-right-radius'?: string;
1823
+ '--m-table-border-bottom-left-radius'?: string;
1824
+ '--m-table-border-bottom-right-radius'?: string;
1825
+ '--m-table-border-width'?: string;
1826
+ }
1827
+ }
package/dist/tokens.d.ts CHANGED
@@ -17,15 +17,6 @@ declare module 'react' {
17
17
  }
18
18
 
19
19
 
20
- declare module 'react' {
21
- interface CSSProperties {
22
- '--m-divider-margin-top'?: string;
23
- '--m-divider-margin-bottom'?: string;
24
- '--m-divider-margin-y'?: string;
25
- }
26
- }
27
-
28
-
29
20
  declare module 'react' {
30
21
  interface CSSProperties {
31
22
  '--m-icon-size'?: string;
@@ -47,12 +38,9 @@ declare module 'react' {
47
38
 
48
39
  declare module 'react' {
49
40
  interface CSSProperties {
50
- '--m-table-border-radius'?: string;
51
- '--m-table-border-top-left-radius'?: string;
52
- '--m-table-border-top-right-radius'?: string;
53
- '--m-table-border-bottom-left-radius'?: string;
54
- '--m-table-border-bottom-right-radius'?: string;
55
- '--m-table-border-width'?: string;
41
+ '--m-divider-margin-top'?: string;
42
+ '--m-divider-margin-bottom'?: string;
43
+ '--m-divider-margin-y'?: string;
56
44
  }
57
45
  }
58
46
 
@@ -74,3 +62,15 @@ declare module 'react' {
74
62
  '--m-text-max-width'?: string;
75
63
  }
76
64
  }
65
+
66
+
67
+ declare module 'react' {
68
+ 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;
75
+ }
76
+ }
package/package.json CHANGED
@@ -1,67 +1,68 @@
1
1
  {
2
- "name": "@loadsmart/miranda-react",
3
- "version": "4.0.0-alpha.7",
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": "5.0.0-alpha.7",
53
- "@loadsmart/miranda-wc": "4.0.0-alpha.7",
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": "4.0.0-alpha.8",
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.8.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": "5.0.0-alpha.8",
53
+ "@loadsmart/miranda-wc": "4.0.0-alpha.8",
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
+ "stableVersion": "0.0.0"
68
+ }