@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.5

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 (177) 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 +3298 -0
  6. package/dist/index.css +2 -0
  7. package/dist/index.css.map +7 -0
  8. package/dist/index.d.ts +4 -0
  9. package/dist/index.js +502 -7208
  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 -2240
  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/alert.test.d.ts +1 -0
  22. package/dist/packages/alert/index.d.ts +29 -18
  23. package/dist/packages/alert/index.js +2452 -2446
  24. package/dist/packages/alert/index.js.map +4 -4
  25. package/dist/packages/alert/react.d.ts +2 -0
  26. package/dist/packages/alert/react.js +2492 -0
  27. package/dist/packages/alert/react.js.map +7 -0
  28. package/dist/packages/alert/styles.d.ts +1 -0
  29. package/dist/packages/attention/attention.stories.d.ts +10 -0
  30. package/dist/packages/attention/index.d.ts +14 -1
  31. package/dist/packages/attention/index.js +17 -3979
  32. package/dist/packages/attention/index.js.map +4 -4
  33. package/dist/packages/badge/badge.stories.d.ts +17 -0
  34. package/dist/packages/badge/badge.test.d.ts +1 -0
  35. package/dist/packages/badge/index.d.ts +17 -12
  36. package/dist/packages/badge/index.js +2441 -300
  37. package/dist/packages/badge/index.js.map +4 -4
  38. package/dist/packages/badge/react.d.ts +2 -0
  39. package/dist/packages/badge/react.js +2465 -0
  40. package/dist/packages/badge/react.js.map +7 -0
  41. package/dist/packages/badge/styles.d.ts +1 -0
  42. package/dist/packages/box/box.stories.d.ts +14 -0
  43. package/dist/packages/box/box.test.d.ts +1 -0
  44. package/dist/packages/box/index.d.ts +21 -21
  45. package/dist/packages/box/index.js +2441 -304
  46. package/dist/packages/box/index.js.map +4 -4
  47. package/dist/packages/box/react.d.ts +2 -0
  48. package/dist/packages/box/react.js +2465 -0
  49. package/dist/packages/box/react.js.map +7 -0
  50. package/dist/packages/box/slot.test.d.ts +1 -0
  51. package/dist/packages/box/styles.d.ts +1 -0
  52. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
  53. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
  54. package/dist/packages/breadcrumbs/index.d.ts +24 -16
  55. package/dist/packages/breadcrumbs/index.js +2402 -2051
  56. package/dist/packages/breadcrumbs/index.js.map +4 -4
  57. package/dist/packages/breadcrumbs/react.d.ts +2 -0
  58. package/dist/packages/breadcrumbs/react.js +2475 -0
  59. package/dist/packages/breadcrumbs/react.js.map +7 -0
  60. package/dist/packages/breadcrumbs/styles.d.ts +1 -0
  61. package/dist/packages/button/button.stories.d.ts +21 -0
  62. package/dist/packages/button/button.test.d.ts +1 -1
  63. package/dist/packages/button/index.d.ts +84 -9
  64. package/dist/packages/button/index.js +2407 -2426
  65. package/dist/packages/button/index.js.map +4 -4
  66. package/dist/packages/button/react.d.ts +2 -0
  67. package/dist/packages/button/react.js +2480 -0
  68. package/dist/packages/button/react.js.map +7 -0
  69. package/dist/packages/button/styles.d.ts +1 -0
  70. package/dist/packages/card/card.stories.d.ts +15 -0
  71. package/dist/packages/card/card.test.d.ts +1 -0
  72. package/dist/packages/card/index.d.ts +33 -17
  73. package/dist/packages/card/index.js +2403 -2067
  74. package/dist/packages/card/index.js.map +4 -4
  75. package/dist/packages/card/react.d.ts +2 -0
  76. package/dist/packages/card/react.js +2487 -0
  77. package/dist/packages/card/react.js.map +7 -0
  78. package/dist/packages/card/styles.d.ts +1 -0
  79. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
  80. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
  81. package/dist/packages/dead-toggle/index.d.ts +21 -0
  82. package/dist/packages/dead-toggle/index.js +2487 -0
  83. package/dist/packages/dead-toggle/index.js.map +7 -0
  84. package/dist/packages/dead-toggle/react.d.ts +2 -0
  85. package/dist/packages/dead-toggle/react.js +2507 -0
  86. package/dist/packages/dead-toggle/react.js.map +7 -0
  87. package/dist/packages/expandable/expandable.stories.d.ts +19 -0
  88. package/dist/packages/expandable/expandable.test.d.ts +1 -0
  89. package/dist/packages/expandable/index.d.ts +55 -50
  90. package/dist/packages/expandable/index.js +2416 -2287
  91. package/dist/packages/expandable/index.js.map +4 -4
  92. package/dist/packages/expandable/react.d.ts +2 -0
  93. package/dist/packages/expandable/react.js +2495 -0
  94. package/dist/packages/expandable/react.js.map +7 -0
  95. package/dist/packages/expandable/styles.d.ts +1 -0
  96. package/dist/packages/modal/index.d.ts +5 -6
  97. package/dist/packages/modal/index.js +2620 -2497
  98. package/dist/packages/modal/index.js.map +4 -4
  99. package/dist/packages/modal/modal-footer.d.ts +17 -10
  100. package/dist/packages/modal/modal-header.d.ts +20 -13
  101. package/dist/packages/modal/modal-main.d.ts +19 -8
  102. package/dist/packages/modal/modal.stories.d.ts +19 -0
  103. package/dist/packages/modal/react.d.ts +4 -0
  104. package/dist/packages/modal/react.js +2754 -0
  105. package/dist/packages/modal/react.js.map +7 -0
  106. package/dist/packages/modal/util.d.ts +7 -17
  107. package/dist/packages/pagination/index.d.ts +34 -0
  108. package/dist/packages/pagination/index.js +2486 -0
  109. package/dist/packages/pagination/index.js.map +7 -0
  110. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  111. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  112. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  113. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  114. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  115. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  116. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  117. package/dist/packages/pagination/react.d.ts +2 -0
  118. package/dist/packages/pagination/react.js +2506 -0
  119. package/dist/packages/pagination/react.js.map +7 -0
  120. package/dist/packages/pagination/styles.d.ts +1 -0
  121. package/dist/packages/pill/index.d.ts +44 -23
  122. package/dist/packages/pill/index.js +2408 -2175
  123. package/dist/packages/pill/index.js.map +4 -4
  124. package/dist/packages/pill/pill.stories.d.ts +12 -0
  125. package/dist/packages/pill/pill.test.d.ts +1 -0
  126. package/dist/packages/pill/styles.d.ts +1 -0
  127. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
  128. package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
  129. package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
  130. package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
  131. package/dist/packages/rip-and-tear-checkbox/index.js +36 -0
  132. package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
  133. package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
  134. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
  135. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
  136. package/dist/packages/rip-and-tear-radio/index.css +2 -0
  137. package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
  138. package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
  139. package/dist/packages/rip-and-tear-radio/index.js +34 -0
  140. package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
  141. package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
  142. package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
  143. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
  144. package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
  145. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
  146. package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
  147. package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
  148. package/dist/packages/select/index.d.ts +59 -58
  149. package/dist/packages/select/index.js +2421 -2533
  150. package/dist/packages/select/index.js.map +4 -4
  151. package/dist/packages/select/react.d.ts +2 -0
  152. package/dist/packages/select/react.js +2494 -0
  153. package/dist/packages/select/react.js.map +7 -0
  154. package/dist/packages/select/select.stories.d.ts +10 -0
  155. package/dist/packages/select/select.test.d.ts +1 -0
  156. package/dist/packages/select/styles.d.ts +1 -0
  157. package/dist/packages/textfield/index.d.ts +72 -74
  158. package/dist/packages/textfield/index.js +2455 -698
  159. package/dist/packages/textfield/index.js.map +4 -4
  160. package/dist/packages/textfield/react.d.ts +2 -0
  161. package/dist/packages/textfield/react.js +2490 -0
  162. package/dist/packages/textfield/react.js.map +7 -0
  163. package/dist/packages/textfield/styles.d.ts +1 -0
  164. package/dist/packages/textfield/textfield.stories.d.ts +17 -0
  165. package/dist/packages/textfield/textfield.test.d.ts +1 -0
  166. package/dist/packages/toast/index.js +24 -2784
  167. package/dist/packages/toast/index.js.map +4 -4
  168. package/dist/packages/toast/toast-container.d.ts +16 -0
  169. package/dist/packages/toast/toast.d.ts +20 -0
  170. package/dist/packages/toast/toast.stories.d.ts +12 -0
  171. package/dist/packages/utils/index.d.ts +1 -1
  172. package/dist/packages/utils/unstyled-heading.d.ts +1 -1
  173. package/dist/setup-tests.d.ts +1 -0
  174. package/dist/vscode.css-custom-data.json +6 -0
  175. package/dist/vscode.html-custom-data.json +313 -0
  176. package/dist/web-types.json +707 -0
  177. package/package.json +61 -18
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.3",
5
- "packageManager": "pnpm@10.15.0",
4
+ "version": "2.2.0-next.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",
@@ -20,22 +23,38 @@
20
23
  "./components/select": "./dist/packages/select/index.js",
21
24
  "./components/textfield": "./dist/packages/textfield/index.js",
22
25
  "./components/toast": "./dist/packages/toast/index.js",
23
- "./toast": "./dist/api.js"
26
+ "./toast": "./dist/api.js",
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
+ }
24
36
  },
25
- "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",
26
42
  "files": [
27
- "dist/"
43
+ "./dist/",
44
+ "./dist/custom-elements.json"
28
45
  ],
29
- "types": "dist/index.d.ts",
30
46
  "scripts": {
31
- "build:docs": "lingui compile && vite build",
47
+ "build:storybook": "pnpm run messages:compile && pnpm run build:manifest && storybook build && touch ./storybook-static/.nojekyll",
32
48
  "build:eik": "node build.js eik",
33
49
  "build:npm": "node build.js npm",
34
- "build": "rimraf dist && rimraf eik && lingui compile && tsc && vite build --mode lib && 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",
35
53
  "commit": "cz",
36
54
  "dev": "vite",
37
- "lint:check": "eslint . --ext js,cjs,mjs --ignore-path .gitignore",
38
- "lint": "eslint . --fix --ext js,cjs,mjs --ignore-path .gitignore",
55
+ "storybook": "storybook dev",
56
+ "lint:check": "eslint .",
57
+ "lint": "eslint . --fix",
39
58
  "messages:compile": "lingui compile",
40
59
  "messages:extract": "lingui extract",
41
60
  "preview:docs": "vite preview",
@@ -45,43 +64,64 @@
45
64
  },
46
65
  "repository": {
47
66
  "type": "git",
48
- "url": "https://github.com/warp-ds/elements.git"
67
+ "url": "git+https://github.com/warp-ds/elements.git"
49
68
  },
50
69
  "license": "Apache-2.0",
51
70
  "peerDependencies": {
52
71
  "@lingui/core": "5.x",
53
72
  "@warp-ds/css": "2.1.1",
54
73
  "@warp-ds/elements-core": "2.x",
55
- "lit": "3.x"
74
+ "lit": "3.x",
75
+ "react": "^19.1.1"
56
76
  },
57
77
  "devDependencies": {
58
78
  "@chbphone55/classnames": "2.0.0",
79
+ "@custom-elements-manifest/analyzer": "^0.10.5",
59
80
  "@eik/cli": "2.0.38",
60
81
  "@eik/esbuild-plugin": "1.1.47",
82
+ "@eslint/js": "9.16.0",
61
83
  "@itsy/animate": "0.0.9",
62
84
  "@lingui/cli": "5.2.0",
63
85
  "@lingui/conf": "5.2.0",
86
+ "@open-wc/lit-helpers": "^0.7.0",
64
87
  "@semantic-release/changelog": "6.0.3",
65
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",
66
93
  "@types/node": "20.14.10",
67
- "@warp-ds/eslint-config": "1.0.5",
94
+ "@unocss/core": "^66.5.0",
95
+ "@vitest/browser": "^3.2.4",
96
+ "@vitest/utils": "^3.2.4",
97
+ "@warp-ds/eslint-config": "1.1.0",
68
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",
69
103
  "cz-conventional-changelog": "3.3.0",
70
104
  "element-collapse": "1.1.0",
71
105
  "esbuild": "0.23.0",
72
- "eslint": "8.57.0",
73
- "eslint-plugin-import": "^2.32.0",
74
- "eslint-plugin-lit": "1.14.0",
75
- "eslint-plugin-prettier": "^5.5.4",
106
+ "eslint": "9.16.0",
107
+ "eslint-config-prettier": "9.1.0",
108
+ "eslint-plugin-import": "2.31.0",
109
+ "eslint-plugin-lit": "2.1.1",
110
+ "eslint-plugin-prettier": "5.5.4",
76
111
  "express": "4.19.2",
77
112
  "glob": "11.0.0",
113
+ "globals": "15.13.0",
78
114
  "html-format": "1.1.7",
115
+ "lightningcss": "^1.30.1",
79
116
  "lit": "3.x",
117
+ "nanoid": "^5.1.5",
80
118
  "playwright": "^1.55.0",
81
119
  "prettier": "3.3.2",
82
120
  "rimraf": "6.0.1",
83
121
  "semantic-release": "24.0.0",
122
+ "storybook": "^9.1.4",
84
123
  "typescript": "5.5.3",
124
+ "typescript-eslint": "^8.41.0",
85
125
  "unocss": "0.x",
86
126
  "vite": "5.3.3",
87
127
  "vite-plugin-html": "3.2.2",
@@ -91,11 +131,14 @@
91
131
  },
92
132
  "dependencies": {
93
133
  "@lingui/core": "5.2.0",
134
+ "@lit/react": "^1.0.8",
94
135
  "@open-wc/form-control": "^1.0.0",
136
+ "@vitest/browser": "^3.2.4",
95
137
  "@warp-ds/core": "1.1.8",
96
138
  "@warp-ds/css": "2.1.1",
97
139
  "@warp-ds/elements-core": "2.0.1",
98
140
  "@warp-ds/icons": "2.5.0",
141
+ "@wc-toolkit/type-parser": "^1.2.0",
99
142
  "scroll-doctor": "2.0.2"
100
143
  },
101
144
  "publishConfig": {