@warp-ds/elements 2.2.0-next.4 → 2.2.0-next.6

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 (196) hide show
  1. package/README.md +27 -17
  2. package/dist/.storybook/utilities.d.ts +28 -0
  3. package/dist/api.js +1 -49
  4. package/dist/api.js.map +2 -2
  5. package/dist/custom-elements.json +3312 -344
  6. package/dist/index.css +2 -0
  7. package/dist/index.css.map +7 -0
  8. package/dist/index.d.ts +5 -0
  9. package/dist/index.js +449 -7142
  10. package/dist/index.js.map +4 -4
  11. package/dist/packages/affix/affix.stories.d.ts +10 -0
  12. package/dist/packages/affix/affix.test.d.ts +1 -0
  13. package/dist/packages/affix/index.d.ts +52 -24
  14. package/dist/packages/affix/index.js +2448 -2241
  15. package/dist/packages/affix/index.js.map +4 -4
  16. package/dist/packages/affix/react.d.ts +2 -0
  17. package/dist/packages/affix/react.js +2482 -0
  18. package/dist/packages/affix/react.js.map +7 -0
  19. package/dist/packages/affix/styles.d.ts +1 -0
  20. package/dist/packages/alert/alert.stories.d.ts +15 -0
  21. package/dist/packages/alert/index.d.ts +16 -1
  22. package/dist/packages/alert/index.js +2472 -0
  23. package/dist/packages/alert/index.js.map +7 -0
  24. package/dist/packages/alert/react.d.ts +2 -0
  25. package/dist/packages/alert/react.js +2492 -0
  26. package/dist/packages/alert/react.js.map +7 -0
  27. package/dist/packages/alert/styles.d.ts +1 -0
  28. package/dist/packages/attention/attention.stories.d.ts +10 -0
  29. package/dist/packages/attention/index.d.ts +14 -1
  30. package/dist/packages/attention/index.js +17 -3977
  31. package/dist/packages/attention/index.js.map +4 -4
  32. package/dist/packages/badge/badge.stories.d.ts +17 -0
  33. package/dist/packages/badge/badge.test.d.ts +1 -0
  34. package/dist/packages/badge/index.d.ts +17 -12
  35. package/dist/packages/badge/index.js +2441 -300
  36. package/dist/packages/badge/index.js.map +4 -4
  37. package/dist/packages/badge/react.d.ts +2 -0
  38. package/dist/packages/badge/react.js +2465 -0
  39. package/dist/packages/badge/react.js.map +7 -0
  40. package/dist/packages/badge/styles.d.ts +1 -0
  41. package/dist/packages/box/box.stories.d.ts +14 -0
  42. package/dist/packages/box/box.test.d.ts +1 -0
  43. package/dist/packages/box/index.d.ts +21 -21
  44. package/dist/packages/box/index.js +2441 -304
  45. package/dist/packages/box/index.js.map +4 -4
  46. package/dist/packages/box/react.d.ts +2 -0
  47. package/dist/packages/box/react.js +2465 -0
  48. package/dist/packages/box/react.js.map +7 -0
  49. package/dist/packages/box/slot.test.d.ts +1 -0
  50. package/dist/packages/box/styles.d.ts +1 -0
  51. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
  52. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
  53. package/dist/packages/breadcrumbs/index.d.ts +24 -16
  54. package/dist/packages/breadcrumbs/index.js +2402 -2049
  55. package/dist/packages/breadcrumbs/index.js.map +4 -4
  56. package/dist/packages/breadcrumbs/react.d.ts +2 -0
  57. package/dist/packages/breadcrumbs/react.js +2475 -0
  58. package/dist/packages/breadcrumbs/react.js.map +7 -0
  59. package/dist/packages/breadcrumbs/styles.d.ts +1 -0
  60. package/dist/packages/button/button.stories.d.ts +21 -0
  61. package/dist/packages/button/index.d.ts +85 -7
  62. package/dist/packages/button/index.js +2460 -0
  63. package/dist/packages/button/index.js.map +7 -0
  64. package/dist/packages/button/react.d.ts +2 -0
  65. package/dist/packages/button/react.js +2480 -0
  66. package/dist/packages/button/react.js.map +7 -0
  67. package/dist/packages/button/styles.d.ts +1 -0
  68. package/dist/packages/card/card.stories.d.ts +15 -0
  69. package/dist/packages/card/index.d.ts +27 -1
  70. package/dist/packages/card/index.js +2467 -0
  71. package/dist/packages/card/index.js.map +7 -0
  72. package/dist/packages/card/react.d.ts +2 -0
  73. package/dist/packages/card/react.js +2487 -0
  74. package/dist/packages/card/react.js.map +7 -0
  75. package/dist/packages/card/styles.d.ts +1 -0
  76. package/dist/packages/datepicker/datepicker.d.ts +89 -0
  77. package/dist/packages/datepicker/datepicker.stories.d.ts +11 -0
  78. package/dist/packages/datepicker/index.d.ts +1 -0
  79. package/dist/packages/datepicker/index.js +2782 -0
  80. package/dist/packages/datepicker/index.js.map +7 -0
  81. package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
  82. package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
  83. package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
  84. package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
  85. package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
  86. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
  87. package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
  88. package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
  89. package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
  90. package/dist/packages/datepicker/utils.d.ts +13 -0
  91. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
  92. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
  93. package/dist/packages/dead-toggle/index.d.ts +21 -0
  94. package/dist/packages/dead-toggle/index.js +2487 -0
  95. package/dist/packages/dead-toggle/index.js.map +7 -0
  96. package/dist/packages/dead-toggle/react.d.ts +2 -0
  97. package/dist/packages/dead-toggle/react.js +2507 -0
  98. package/dist/packages/dead-toggle/react.js.map +7 -0
  99. package/dist/packages/expandable/expandable.stories.d.ts +19 -0
  100. package/dist/packages/expandable/index.d.ts +43 -0
  101. package/dist/packages/expandable/index.js +2475 -0
  102. package/dist/packages/expandable/index.js.map +7 -0
  103. package/dist/packages/expandable/react.d.ts +2 -0
  104. package/dist/packages/expandable/react.js +2495 -0
  105. package/dist/packages/expandable/react.js.map +7 -0
  106. package/dist/packages/expandable/styles.d.ts +1 -0
  107. package/dist/packages/modal/index.d.ts +5 -6
  108. package/dist/packages/modal/index.js +2568 -2445
  109. package/dist/packages/modal/index.js.map +4 -4
  110. package/dist/packages/modal/modal-footer.d.ts +17 -10
  111. package/dist/packages/modal/modal-header.d.ts +20 -13
  112. package/dist/packages/modal/modal-main.d.ts +18 -7
  113. package/dist/packages/modal/modal.stories.d.ts +19 -0
  114. package/dist/packages/modal/react.d.ts +4 -0
  115. package/dist/packages/modal/react.js +2754 -0
  116. package/dist/packages/modal/react.js.map +7 -0
  117. package/dist/packages/modal/util.d.ts +7 -17
  118. package/dist/packages/pageindicator/index.d.ts +14 -0
  119. package/dist/packages/pageindicator/index.js +32 -0
  120. package/dist/packages/pageindicator/index.js.map +7 -0
  121. package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
  122. package/dist/packages/pageindicator/react.d.ts +2 -0
  123. package/dist/packages/pageindicator/react.js +52 -0
  124. package/dist/packages/pageindicator/react.js.map +7 -0
  125. package/dist/packages/pageindicator/style.d.ts +1 -0
  126. package/dist/packages/pagination/index.d.ts +37 -0
  127. package/dist/packages/pagination/index.js +2494 -0
  128. package/dist/packages/pagination/index.js.map +7 -0
  129. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  130. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  131. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  132. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  133. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  134. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  135. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  136. package/dist/packages/pagination/react.d.ts +2 -0
  137. package/dist/packages/pagination/react.js +2514 -0
  138. package/dist/packages/pagination/react.js.map +7 -0
  139. package/dist/packages/pagination/styles.d.ts +1 -0
  140. package/dist/packages/pill/index.d.ts +44 -23
  141. package/dist/packages/pill/index.js +2408 -2173
  142. package/dist/packages/pill/index.js.map +4 -4
  143. package/dist/packages/pill/pill.stories.d.ts +12 -0
  144. package/dist/packages/pill/pill.test.d.ts +1 -0
  145. package/dist/packages/pill/styles.d.ts +1 -0
  146. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
  147. package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
  148. package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
  149. package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
  150. package/dist/packages/rip-and-tear-checkbox/index.js +36 -0
  151. package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
  152. package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
  153. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
  154. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
  155. package/dist/packages/rip-and-tear-radio/index.css +2 -0
  156. package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
  157. package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
  158. package/dist/packages/rip-and-tear-radio/index.js +34 -0
  159. package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
  160. package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
  161. package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
  162. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
  163. package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
  164. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
  165. package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
  166. package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
  167. package/dist/packages/select/index.d.ts +59 -58
  168. package/dist/packages/select/index.js +2421 -2531
  169. package/dist/packages/select/index.js.map +4 -4
  170. package/dist/packages/select/react.d.ts +2 -0
  171. package/dist/packages/select/react.js +2494 -0
  172. package/dist/packages/select/react.js.map +7 -0
  173. package/dist/packages/select/select.stories.d.ts +10 -0
  174. package/dist/packages/select/select.test.d.ts +1 -0
  175. package/dist/packages/select/styles.d.ts +1 -0
  176. package/dist/packages/textfield/index.d.ts +70 -72
  177. package/dist/packages/textfield/index.js +2455 -701
  178. package/dist/packages/textfield/index.js.map +4 -4
  179. package/dist/packages/textfield/react.d.ts +2 -0
  180. package/dist/packages/textfield/react.js +2490 -0
  181. package/dist/packages/textfield/react.js.map +7 -0
  182. package/dist/packages/textfield/styles.d.ts +1 -0
  183. package/dist/packages/textfield/textfield.stories.d.ts +17 -0
  184. package/dist/packages/textfield/textfield.test.d.ts +1 -0
  185. package/dist/packages/toast/index.js +24 -2782
  186. package/dist/packages/toast/index.js.map +4 -4
  187. package/dist/packages/toast/toast-container.d.ts +16 -0
  188. package/dist/packages/toast/toast.d.ts +20 -0
  189. package/dist/packages/toast/toast.stories.d.ts +12 -0
  190. package/dist/packages/utils/index.d.ts +1 -1
  191. package/dist/packages/utils/unstyled-heading.d.ts +1 -1
  192. package/dist/setup-tests.d.ts +1 -0
  193. package/dist/vscode.css-custom-data.json +6 -0
  194. package/dist/vscode.html-custom-data.json +360 -0
  195. package/dist/web-types.json +831 -0
  196. package/package.json +48 -13
package/package.json CHANGED
@@ -1,11 +1,14 @@
1
1
  {
2
2
  "name": "@warp-ds/elements",
3
3
  "type": "module",
4
- "version": "2.2.0-next.4",
4
+ "version": "2.2.0-next.6",
5
5
  "packageManager": "pnpm@10.15.1",
6
6
  "description": "Custom elements for Warp",
7
7
  "exports": {
8
- ".": "./dist/index.js",
8
+ ".": {
9
+ "types": "./dist/index.d.ts",
10
+ "module": "./dist/index.js"
11
+ },
9
12
  "./components/affix": "./dist/packages/affix/index.js",
10
13
  "./components/alert": "./dist/packages/alert/index.js",
11
14
  "./components/attention": "./dist/packages/attention/index.js",
@@ -21,21 +24,35 @@
21
24
  "./components/textfield": "./dist/packages/textfield/index.js",
22
25
  "./components/toast": "./dist/packages/toast/index.js",
23
26
  "./toast": "./dist/api.js",
24
- "./custom-elements.json": "./dist/custom-elements.json"
27
+ "./custom-elements.json": "./dist/custom-elements.json",
28
+ "./react/*": {
29
+ "types": "./dist/packages/*/react.d.ts",
30
+ "module": "./dist/packages/*/react.js"
31
+ },
32
+ "./*": {
33
+ "types": "./dist/packages/*/index.d.ts",
34
+ "module": "./dist/packages/*/index.js"
35
+ }
25
36
  },
26
- "module": "dist/index.js",
37
+ "main": "./dist/index.js",
38
+ "module": "./dist/index.js",
39
+ "customElements": "./dist/custom-elements.json",
40
+ "web-types": "./dist/web-types.json",
41
+ "types": "./dist/index.d.ts",
27
42
  "files": [
28
- "dist/"
43
+ "./dist/",
44
+ "./dist/custom-elements.json"
29
45
  ],
30
- "types": "dist/index.d.ts",
31
46
  "scripts": {
32
- "build:docs": "lingui compile && vite build",
47
+ "build:storybook": "pnpm run messages:compile && pnpm run build:manifest && storybook build && touch ./storybook-static/.nojekyll",
33
48
  "build:eik": "node build.js eik",
34
49
  "build:npm": "node build.js npm",
35
- "build:manifest": "cem analyze --config cem/config.js",
36
- "build": "rimraf dist && rimraf eik && lingui compile && tsc && pnpm run build:manifest && pnpm run build:npm && pnpm build:eik",
50
+ "build:manifest": "custom-elements-manifest analyze --config .cem/custom-element-manifest.config.js",
51
+ "build:styles": "node build.js styles",
52
+ "build": "rimraf dist && rimraf eik && pnpm run messages:compile && tsc && pnpm run build:manifest && pnpm run build:npm && pnpm build:eik",
37
53
  "commit": "cz",
38
54
  "dev": "vite",
55
+ "storybook": "storybook dev",
39
56
  "lint:check": "eslint .",
40
57
  "lint": "eslint . --fix",
41
58
  "messages:compile": "lingui compile",
@@ -47,14 +64,15 @@
47
64
  },
48
65
  "repository": {
49
66
  "type": "git",
50
- "url": "https://github.com/warp-ds/elements.git"
67
+ "url": "git+https://github.com/warp-ds/elements.git"
51
68
  },
52
69
  "license": "Apache-2.0",
53
70
  "peerDependencies": {
54
71
  "@lingui/core": "5.x",
55
72
  "@warp-ds/css": "2.1.1",
56
73
  "@warp-ds/elements-core": "2.x",
57
- "lit": "3.x"
74
+ "lit": "3.x",
75
+ "react": "^19.1.1"
58
76
  },
59
77
  "devDependencies": {
60
78
  "@chbphone55/classnames": "2.0.0",
@@ -65,11 +83,23 @@
65
83
  "@itsy/animate": "0.0.9",
66
84
  "@lingui/cli": "5.2.0",
67
85
  "@lingui/conf": "5.2.0",
86
+ "@open-wc/lit-helpers": "^0.7.0",
68
87
  "@semantic-release/changelog": "6.0.3",
69
88
  "@semantic-release/git": "10.0.1",
89
+ "@storybook/addon-docs": "^9.1.4",
90
+ "@storybook/builder-vite": "^9.1.4",
91
+ "@storybook/web-components": "^9.1.4",
92
+ "@storybook/web-components-vite": "^9.1.4",
70
93
  "@types/node": "20.14.10",
94
+ "@unocss/core": "^66.5.0",
95
+ "@vitest/browser": "^3.2.4",
96
+ "@vitest/utils": "^3.2.4",
71
97
  "@warp-ds/eslint-config": "1.1.0",
72
98
  "@warp-ds/uno": "2.1.0",
99
+ "@wc-toolkit/cem-validator": "^1.0.3",
100
+ "@wc-toolkit/storybook-helpers": "^9.0.1",
101
+ "custom-element-jet-brains-integration": "^1.7.0",
102
+ "custom-element-vs-code-integration": "^1.5.0",
73
103
  "cz-conventional-changelog": "3.3.0",
74
104
  "element-collapse": "1.1.0",
75
105
  "esbuild": "0.23.0",
@@ -82,11 +112,14 @@
82
112
  "glob": "11.0.0",
83
113
  "globals": "15.13.0",
84
114
  "html-format": "1.1.7",
115
+ "lightningcss": "^1.30.1",
85
116
  "lit": "3.x",
117
+ "nanoid": "^5.1.5",
86
118
  "playwright": "^1.55.0",
87
119
  "prettier": "3.3.2",
88
120
  "rimraf": "6.0.1",
89
121
  "semantic-release": "24.0.0",
122
+ "storybook": "^9.1.4",
90
123
  "typescript": "5.5.3",
91
124
  "typescript-eslint": "^8.41.0",
92
125
  "unocss": "0.x",
@@ -98,12 +131,15 @@
98
131
  },
99
132
  "dependencies": {
100
133
  "@lingui/core": "5.2.0",
134
+ "@lit/react": "^1.0.8",
101
135
  "@open-wc/form-control": "^1.0.0",
102
136
  "@vitest/browser": "^3.2.4",
103
137
  "@warp-ds/core": "1.1.8",
104
138
  "@warp-ds/css": "2.1.1",
105
139
  "@warp-ds/elements-core": "2.0.1",
106
140
  "@warp-ds/icons": "2.5.0",
141
+ "@wc-toolkit/type-parser": "^1.2.0",
142
+ "date-fns": "^4.1.0",
107
143
  "scroll-doctor": "2.0.2"
108
144
  },
109
145
  "publishConfig": {
@@ -121,6 +157,5 @@
121
157
  "commitizen": {
122
158
  "path": "./node_modules/cz-conventional-changelog"
123
159
  }
124
- },
125
- "customElements": "dist/custom-elements.json"
160
+ }
126
161
  }