@loadsmart/miranda-react 4.0.0-alpha.10 → 4.0.0-alpha.11

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/dist/index.d.ts +25 -25
  2. package/dist/styles/variables.scss +0 -1
  3. package/dist/tokens.d.ts +25 -25
  4. package/package.json +12 -5
package/dist/index.d.ts CHANGED
@@ -1775,6 +1775,15 @@ declare const WiredTooltip: ReactWebComponent<WCTooltip, {}>;
1775
1775
  export { }
1776
1776
 
1777
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
+
1778
1787
  declare module 'react' {
1779
1788
  interface CSSProperties {
1780
1789
  '--m-table-border-radius'?: string;
@@ -1782,47 +1791,46 @@ declare module 'react' {
1782
1791
  '--m-table-border-top-right-radius'?: string;
1783
1792
  '--m-table-border-bottom-left-radius'?: string;
1784
1793
  '--m-table-border-bottom-right-radius'?: string;
1794
+ '--m-table-border-width'?: string;
1785
1795
  }
1786
1796
  }
1787
1797
 
1788
1798
 
1789
1799
  declare module 'react' {
1790
1800
  interface CSSProperties {
1791
- '--m-icon-size'?: string;
1792
- '--m-icon-color'?: string;
1801
+ '--m-table-border-radius'?: string;
1802
+ '--m-table-border-top-left-radius'?: string;
1803
+ '--m-table-border-top-right-radius'?: string;
1804
+ '--m-table-border-bottom-left-radius'?: string;
1805
+ '--m-table-border-bottom-right-radius'?: string;
1793
1806
  }
1794
1807
  }
1795
1808
 
1796
1809
 
1797
1810
  declare module 'react' {
1798
1811
  interface CSSProperties {
1799
- '--m-card-body-padding'?: string;
1800
- '--m-card-border-top'?: string;
1801
- '--m-card-border-left'?: string;
1802
- '--m-card-border-bottom'?: string;
1803
- '--m-card-border-right'?: string;
1804
- '--m-card-border-radius'?: string;
1812
+ '--m-icon-size'?: string;
1813
+ '--m-icon-color'?: string;
1805
1814
  }
1806
1815
  }
1807
1816
 
1808
1817
 
1809
1818
  declare module 'react' {
1810
1819
  interface CSSProperties {
1811
- '--m-divider-margin-top'?: string;
1812
- '--m-divider-margin-bottom'?: string;
1813
- '--m-divider-margin-y'?: string;
1820
+ '--m-text-display'?: string;
1821
+ '--m-text-max-width'?: string;
1814
1822
  }
1815
1823
  }
1816
1824
 
1817
1825
 
1818
1826
  declare module 'react' {
1819
1827
  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;
1828
+ '--m-card-body-padding'?: string;
1829
+ '--m-card-border-top'?: string;
1830
+ '--m-card-border-left'?: string;
1831
+ '--m-card-border-bottom'?: string;
1832
+ '--m-card-border-right'?: string;
1833
+ '--m-card-border-radius'?: string;
1826
1834
  }
1827
1835
  }
1828
1836
 
@@ -1836,11 +1844,3 @@ declare module 'react' {
1836
1844
  '--m-table-border-bottom-right-radius'?: string;
1837
1845
  }
1838
1846
  }
1839
-
1840
-
1841
- declare module 'react' {
1842
- interface CSSProperties {
1843
- '--m-text-display'?: string;
1844
- '--m-text-max-width'?: string;
1845
- }
1846
- }
package/dist/styles/variables.scss CHANGED
@@ -1,3 +1,2 @@
1
1
  /* Used only to expose the file in the published library */
2
2
  @import "@loadsmart/miranda-tokens/dist/tokens/web/loadsmart/variables.scss";
3
-
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-table-border-radius'?: string;
@@ -12,47 +21,46 @@ declare module 'react' {
12
21
  '--m-table-border-top-right-radius'?: string;
13
22
  '--m-table-border-bottom-left-radius'?: string;
14
23
  '--m-table-border-bottom-right-radius'?: string;
24
+ '--m-table-border-width'?: string;
15
25
  }
16
26
  }
17
27
 
18
28
 
19
29
  declare module 'react' {
20
30
  interface CSSProperties {
21
- '--m-icon-size'?: string;
22
- '--m-icon-color'?: string;
31
+ '--m-table-border-radius'?: string;
32
+ '--m-table-border-top-left-radius'?: string;
33
+ '--m-table-border-top-right-radius'?: string;
34
+ '--m-table-border-bottom-left-radius'?: string;
35
+ '--m-table-border-bottom-right-radius'?: string;
23
36
  }
24
37
  }
25
38
 
26
39
 
27
40
  declare module 'react' {
28
41
  interface CSSProperties {
29
- '--m-card-body-padding'?: string;
30
- '--m-card-border-top'?: string;
31
- '--m-card-border-left'?: string;
32
- '--m-card-border-bottom'?: string;
33
- '--m-card-border-right'?: string;
34
- '--m-card-border-radius'?: string;
42
+ '--m-icon-size'?: string;
43
+ '--m-icon-color'?: string;
35
44
  }
36
45
  }
37
46
 
38
47
 
39
48
  declare module 'react' {
40
49
  interface CSSProperties {
41
- '--m-divider-margin-top'?: string;
42
- '--m-divider-margin-bottom'?: string;
43
- '--m-divider-margin-y'?: string;
50
+ '--m-text-display'?: string;
51
+ '--m-text-max-width'?: string;
44
52
  }
45
53
  }
46
54
 
47
55
 
48
56
  declare module 'react' {
49
57
  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;
58
+ '--m-card-body-padding'?: string;
59
+ '--m-card-border-top'?: string;
60
+ '--m-card-border-left'?: string;
61
+ '--m-card-border-bottom'?: string;
62
+ '--m-card-border-right'?: string;
63
+ '--m-card-border-radius'?: string;
56
64
  }
57
65
  }
58
66
 
@@ -66,11 +74,3 @@ declare module 'react' {
66
74
  '--m-table-border-bottom-right-radius'?: string;
67
75
  }
68
76
  }
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@loadsmart/miranda-react",
3
- "version": "4.0.0-alpha.10",
3
+ "version": "4.0.0-alpha.11",
4
4
  "description": "React component library based on Miranda Web Components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -27,14 +27,21 @@
27
27
  "devDependencies": {
28
28
  "@figma/code-connect": "^1.3.6",
29
29
  "@loadsmart/miranda-utils": "0.0.0",
30
- "@types/node": "^24.1.0",
30
+ "@storybook/addon-actions": "^8.6.15",
31
+ "@storybook/addon-essentials": "^8.6.15",
32
+ "@storybook/addon-interactions": "^8.6.15",
33
+ "@storybook/react": "^8.6.15",
34
+ "@storybook/react-vite": "^8.6.15",
35
+ "@storybook/test": "^8.6.15",
36
+ "@testing-library/cypress": "^10.0.3",
31
37
  "@types/react": "^18.3.24",
32
38
  "@types/react-dom": "^18.3.7",
33
39
  "@types/react-is": "^18.3.1",
34
40
  "@vitejs/plugin-react": "^4.4.1",
41
+ "cypress": "15.0.0",
35
42
  "react": "^18.3.1",
36
43
  "react-dom": "^18.3.1",
37
- "ts-loader": "^9.4.2",
44
+ "storybook": "^8.6.15",
38
45
  "tsx": "^4.19.4",
39
46
  "typescript": "~5.9.3",
40
47
  "vite": "^6.3.2",
@@ -49,8 +56,8 @@
49
56
  },
50
57
  "dependencies": {
51
58
  "@lit/react": "^1.0.5",
52
- "@loadsmart/miranda-tokens": "5.0.0-alpha.10",
53
- "@loadsmart/miranda-wc": "4.0.0-alpha.10",
59
+ "@loadsmart/miranda-tokens": "5.0.0-alpha.11",
60
+ "@loadsmart/miranda-wc": "4.0.0-alpha.11",
54
61
  "react-is": "^18.3.1"
55
62
  },
56
63
  "directories": {