@loadsmart/miranda-react 3.24.0 → 3.24.1

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 +18 -65
  3. package/dist/tokens.d.ts +17 -17
  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
@@ -46,6 +46,7 @@ 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';
49
50
  import { SelectionType } from '@loadsmart/miranda-wc';
50
51
  import { SelectionValue } from '@loadsmart/miranda-wc';
51
52
  import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
@@ -347,11 +348,6 @@ export declare type BannerProps = ComponentProps<typeof Banner>;
347
348
 
348
349
  export { BannerVariant }
349
350
 
350
- declare interface BaseProps<TValue> {
351
- type?: SelectionType;
352
- value?: TValue;
353
- }
354
-
355
351
  export declare const Box: ReactWebComponent<WCBox, {}>;
356
352
 
357
353
  export declare type BoxProps = ComponentProps<typeof Box>;
@@ -745,12 +741,6 @@ export declare type LogoLoaderProps = ComponentProps<typeof LogoLoader>;
745
741
  */
746
742
  export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
747
743
 
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
744
  export declare const Page: ReactWebComponent<WCPage, {}> & {
755
745
  Content: ReactWebComponent<WCPageContent, {}> & {
756
746
  Body: ReactWebComponent<WCBody, {}>;
@@ -834,43 +824,6 @@ export declare namespace Select {
834
824
  var Option: default_2.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & default_2.RefAttributes<WCSelectOption>>;
835
825
  }
836
826
 
837
- declare type SelectionChangeEventHandler<TComponent, T> = (
838
- event: MirandaChangeEvent_2<Omit<TComponent, 'value'> & { value: T }>,
839
- ) => void;
840
-
841
- declare type SelectionOption<TValue extends string = string> = {
842
- value: TValue;
843
- };
844
-
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
- >;
872
- };
873
-
874
827
  export { SelectionType }
875
828
 
876
829
  export { SelectionValue }
@@ -1813,6 +1766,15 @@ declare const WiredTooltip: ReactWebComponent<WCTooltip, {}>;
1813
1766
  export { }
1814
1767
 
1815
1768
 
1769
+ declare module 'react' {
1770
+ interface CSSProperties {
1771
+ '--m-divider-margin-top'?: string;
1772
+ '--m-divider-margin-bottom'?: string;
1773
+ '--m-divider-margin-y'?: string;
1774
+ }
1775
+ }
1776
+
1777
+
1816
1778
  declare module 'react' {
1817
1779
  interface CSSProperties {
1818
1780
  '--m-card-body-padding'?: string;
@@ -1833,15 +1795,6 @@ declare module 'react' {
1833
1795
  }
1834
1796
 
1835
1797
 
1836
- declare module 'react' {
1837
- interface CSSProperties {
1838
- '--m-divider-margin-top'?: string;
1839
- '--m-divider-margin-bottom'?: string;
1840
- '--m-divider-margin-y'?: string;
1841
- }
1842
- }
1843
-
1844
-
1845
1798
  declare module 'react' {
1846
1799
  interface CSSProperties {
1847
1800
  '--m-table-border-radius'?: string;
@@ -1853,14 +1806,6 @@ declare module 'react' {
1853
1806
  }
1854
1807
 
1855
1808
 
1856
- declare module 'react' {
1857
- interface CSSProperties {
1858
- '--m-text-display'?: string;
1859
- '--m-text-max-width'?: string;
1860
- }
1861
- }
1862
-
1863
-
1864
1809
  declare module 'react' {
1865
1810
  interface CSSProperties {
1866
1811
  '--m-table-border-radius'?: string;
@@ -1882,3 +1827,11 @@ declare module 'react' {
1882
1827
  '--m-table-border-width'?: string;
1883
1828
  }
1884
1829
  }
1830
+
1831
+
1832
+ declare module 'react' {
1833
+ interface CSSProperties {
1834
+ '--m-text-display'?: string;
1835
+ '--m-text-max-width'?: string;
1836
+ }
1837
+ }
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;
@@ -25,15 +34,6 @@ declare module 'react' {
25
34
  }
26
35
 
27
36
 
28
- declare module 'react' {
29
- interface CSSProperties {
30
- '--m-divider-margin-top'?: string;
31
- '--m-divider-margin-bottom'?: string;
32
- '--m-divider-margin-y'?: string;
33
- }
34
- }
35
-
36
-
37
37
  declare module 'react' {
38
38
  interface CSSProperties {
39
39
  '--m-table-border-radius'?: string;
@@ -45,14 +45,6 @@ declare module 'react' {
45
45
  }
46
46
 
47
47
 
48
- declare module 'react' {
49
- interface CSSProperties {
50
- '--m-text-display'?: string;
51
- '--m-text-max-width'?: string;
52
- }
53
- }
54
-
55
-
56
48
  declare module 'react' {
57
49
  interface CSSProperties {
58
50
  '--m-table-border-radius'?: string;
@@ -74,3 +66,11 @@ declare module 'react' {
74
66
  '--m-table-border-width'?: string;
75
67
  }
76
68
  }
69
+
70
+
71
+ declare module 'react' {
72
+ interface CSSProperties {
73
+ '--m-text-display'?: string;
74
+ '--m-text-max-width'?: string;
75
+ }
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.1",
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": "4.24.3",
53
+ "@loadsmart/miranda-wc": "3.24.1",
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
+ }