material 3.0.6 → 3.2.0

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 (293) hide show
  1. package/README.md +4 -4
  2. package/dist/components/tabs/tab.js +8 -1
  3. package/dist/components/text-field/api.d.ts +2 -0
  4. package/dist/components/text-field/api.js +54 -63
  5. package/dist/core/shapes/material.js +0 -85
  6. package/dist/elements/css/hosts/tabs.css +1 -1
  7. package/dist/elements/css/tabs.css +1 -1
  8. package/dist/elements/css/tabs.js +1 -1
  9. package/dist/elements/define.d.ts +2 -0
  10. package/dist/elements/define.js +24 -0
  11. package/dist/elements/index.d.ts +2 -2
  12. package/dist/elements/preupgrade/badge.css +1 -1
  13. package/dist/elements/preupgrade/bottom-app-bar.css +1 -1
  14. package/dist/elements/preupgrade/bottom-sheet.css +1 -1
  15. package/dist/elements/preupgrade/button-group.css +1 -1
  16. package/dist/elements/preupgrade/button.css +1 -1
  17. package/dist/elements/preupgrade/card.css +1 -1
  18. package/dist/elements/preupgrade/carousel.css +1 -1
  19. package/dist/elements/preupgrade/checkbox.css +1 -1
  20. package/dist/elements/preupgrade/chips.css +1 -1
  21. package/dist/elements/preupgrade/datepicker.css +1 -1
  22. package/dist/elements/preupgrade/dialog.css +1 -1
  23. package/dist/elements/preupgrade/divider.css +1 -1
  24. package/dist/elements/preupgrade/drawer.css +1 -1
  25. package/dist/elements/preupgrade/extended-fab.css +1 -1
  26. package/dist/elements/preupgrade/fab-menu.css +1 -1
  27. package/dist/elements/preupgrade/fab.css +1 -1
  28. package/dist/elements/preupgrade/icon-button.css +1 -1
  29. package/dist/elements/preupgrade/list.css +1 -1
  30. package/dist/elements/preupgrade/loading-indicator.css +1 -1
  31. package/dist/elements/preupgrade/menu.css +1 -1
  32. package/dist/elements/preupgrade/navigation-bar.css +1 -1
  33. package/dist/elements/preupgrade/navigation-rail.css +1 -1
  34. package/dist/elements/preupgrade/progress.css +1 -1
  35. package/dist/elements/preupgrade/radios.css +1 -1
  36. package/dist/elements/preupgrade/search.css +1 -1
  37. package/dist/elements/preupgrade/select.css +1 -1
  38. package/dist/elements/preupgrade/side-sheet.css +1 -1
  39. package/dist/elements/preupgrade/slider.css +1 -1
  40. package/dist/elements/preupgrade/snackbar.css +1 -1
  41. package/dist/elements/preupgrade/split-button.css +1 -1
  42. package/dist/elements/preupgrade/switch.css +1 -1
  43. package/dist/elements/preupgrade/tabs.css +1 -1
  44. package/dist/elements/preupgrade/text-field.css +1 -1
  45. package/dist/elements/preupgrade/timepicker.css +1 -1
  46. package/dist/elements/preupgrade/toolbar.css +1 -1
  47. package/dist/elements/preupgrade/tooltip.css +1 -1
  48. package/dist/elements/preupgrade/top-app-bar.css +1 -1
  49. package/dist/elements/preupgrade.css +1 -1
  50. package/dist/elements/split-button.d.ts +29 -12
  51. package/dist/elements/split-button.js +21 -2
  52. package/dist/elements/tabs.js +3 -1
  53. package/dist/elements/text-field.d.ts +27 -4
  54. package/dist/elements/text-field.js +33 -1
  55. package/dist/package.json +1 -1
  56. package/dist/react/badge.js +0 -2
  57. package/dist/react/bottom-app-bar.js +0 -2
  58. package/dist/react/bottom-sheet.js +0 -2
  59. package/dist/react/button-group-item.js +0 -2
  60. package/dist/react/button-group.js +0 -2
  61. package/dist/react/button.js +0 -2
  62. package/dist/react/card.js +0 -2
  63. package/dist/react/carousel-item.js +0 -2
  64. package/dist/react/carousel.js +0 -2
  65. package/dist/react/checkbox.js +0 -2
  66. package/dist/react/chip.js +0 -2
  67. package/dist/react/chips.js +0 -2
  68. package/dist/react/datepicker.js +0 -2
  69. package/dist/react/dialog.js +0 -2
  70. package/dist/react/divider.js +0 -2
  71. package/dist/react/drawer-item.js +0 -2
  72. package/dist/react/drawer.js +0 -2
  73. package/dist/react/extended-fab.js +0 -2
  74. package/dist/react/fab-menu-item.js +0 -2
  75. package/dist/react/fab-menu.js +0 -2
  76. package/dist/react/fab.js +0 -2
  77. package/dist/react/icon-button.js +0 -2
  78. package/dist/react/list-item.js +0 -2
  79. package/dist/react/list.js +0 -2
  80. package/dist/react/loading-indicator.js +0 -2
  81. package/dist/react/menu-item.js +0 -2
  82. package/dist/react/menu.js +0 -2
  83. package/dist/react/navigation-bar-item.js +0 -2
  84. package/dist/react/navigation-bar.js +0 -2
  85. package/dist/react/navigation-rail-item.js +0 -2
  86. package/dist/react/navigation-rail.js +0 -2
  87. package/dist/react/progress.js +0 -2
  88. package/dist/react/radio.js +0 -2
  89. package/dist/react/radios.js +0 -2
  90. package/dist/react/search-suggestion.js +0 -2
  91. package/dist/react/search.js +0 -2
  92. package/dist/react/select-option.js +0 -2
  93. package/dist/react/select.js +0 -2
  94. package/dist/react/side-sheet.js +0 -2
  95. package/dist/react/slider.js +0 -2
  96. package/dist/react/snackbar.js +0 -2
  97. package/dist/react/split-button.js +0 -2
  98. package/dist/react/switch.js +0 -2
  99. package/dist/react/tab.js +0 -2
  100. package/dist/react/tabs.js +0 -2
  101. package/dist/react/text-field.js +0 -2
  102. package/dist/react/timepicker.js +0 -2
  103. package/dist/react/toolbar.js +0 -2
  104. package/dist/react/tooltip.js +0 -2
  105. package/dist/react/top-app-bar.js +0 -2
  106. package/dist/solid/badge.js +0 -2
  107. package/dist/solid/bottom-app-bar.js +0 -2
  108. package/dist/solid/bottom-sheet.js +0 -2
  109. package/dist/solid/button-group-item.js +0 -2
  110. package/dist/solid/button-group.js +0 -2
  111. package/dist/solid/button.js +0 -2
  112. package/dist/solid/card.js +0 -2
  113. package/dist/solid/carousel-item.js +0 -2
  114. package/dist/solid/carousel.js +0 -2
  115. package/dist/solid/checkbox.js +0 -2
  116. package/dist/solid/chip.js +0 -2
  117. package/dist/solid/chips.js +0 -2
  118. package/dist/solid/datepicker.js +0 -2
  119. package/dist/solid/dialog.js +0 -2
  120. package/dist/solid/divider.js +0 -2
  121. package/dist/solid/drawer-item.js +0 -2
  122. package/dist/solid/drawer.js +0 -2
  123. package/dist/solid/extended-fab.js +0 -2
  124. package/dist/solid/fab-menu-item.js +0 -2
  125. package/dist/solid/fab-menu.js +0 -2
  126. package/dist/solid/fab.js +0 -2
  127. package/dist/solid/icon-button.js +0 -2
  128. package/dist/solid/jsx.d.ts +3 -2
  129. package/dist/solid/list-item.js +0 -2
  130. package/dist/solid/list.js +0 -2
  131. package/dist/solid/loading-indicator.js +0 -2
  132. package/dist/solid/menu-item.js +0 -2
  133. package/dist/solid/menu.js +0 -2
  134. package/dist/solid/navigation-bar-item.js +0 -2
  135. package/dist/solid/navigation-bar.js +0 -2
  136. package/dist/solid/navigation-rail-item.js +0 -2
  137. package/dist/solid/navigation-rail.js +0 -2
  138. package/dist/solid/progress.js +0 -2
  139. package/dist/solid/radio.js +0 -2
  140. package/dist/solid/radios.js +0 -2
  141. package/dist/solid/search-suggestion.js +0 -2
  142. package/dist/solid/search.js +0 -2
  143. package/dist/solid/select-option.js +0 -2
  144. package/dist/solid/select.js +0 -2
  145. package/dist/solid/side-sheet.js +0 -2
  146. package/dist/solid/slider.js +0 -2
  147. package/dist/solid/snackbar.js +0 -2
  148. package/dist/solid/split-button.js +0 -2
  149. package/dist/solid/switch.js +0 -2
  150. package/dist/solid/tab.js +0 -2
  151. package/dist/solid/tabs.js +0 -2
  152. package/dist/solid/text-field.js +0 -2
  153. package/dist/solid/timepicker.js +0 -2
  154. package/dist/solid/toolbar.js +0 -2
  155. package/dist/solid/tooltip.js +0 -2
  156. package/dist/solid/top-app-bar.js +0 -2
  157. package/dist/styles/badge.css +1 -1
  158. package/dist/styles/base.css +2 -2
  159. package/dist/styles/bottom-app-bar.css +1 -1
  160. package/dist/styles/bottom-sheet.css +1 -1
  161. package/dist/styles/button-group.css +1 -1
  162. package/dist/styles/button.css +1 -1
  163. package/dist/styles/card.css +1 -1
  164. package/dist/styles/carousel.css +1 -1
  165. package/dist/styles/checkbox.css +1 -1
  166. package/dist/styles/chips.css +1 -1
  167. package/dist/styles/contrast.css +1 -1
  168. package/dist/styles/datepicker.css +1 -1
  169. package/dist/styles/dialog.css +1 -1
  170. package/dist/styles/divider.css +1 -1
  171. package/dist/styles/drawer.css +1 -1
  172. package/dist/styles/extended-fab.css +1 -1
  173. package/dist/styles/fab-menu.css +1 -1
  174. package/dist/styles/fab.css +1 -1
  175. package/dist/styles/icon-button.css +1 -1
  176. package/dist/styles/list.css +1 -1
  177. package/dist/styles/loading-indicator.css +1 -1
  178. package/dist/styles/menu.css +1 -1
  179. package/dist/styles/navigation-bar.css +1 -1
  180. package/dist/styles/navigation-rail.css +1 -1
  181. package/dist/styles/progress.css +1 -1
  182. package/dist/styles/radios.css +1 -1
  183. package/dist/styles/search.css +1 -1
  184. package/dist/styles/select.css +1 -1
  185. package/dist/styles/side-sheet.css +1 -1
  186. package/dist/styles/slider.css +1 -1
  187. package/dist/styles/snackbar.css +1 -1
  188. package/dist/styles/split-button.css +1 -1
  189. package/dist/styles/switch.css +1 -1
  190. package/dist/styles/tabs.css +2 -2
  191. package/dist/styles/text-field.css +1 -1
  192. package/dist/styles/timepicker.css +1 -1
  193. package/dist/styles/toolbar.css +1 -1
  194. package/dist/styles/tooltip.css +1 -1
  195. package/dist/styles/top-app-bar.css +1 -1
  196. package/dist/styles/typography.css +1 -1
  197. package/dist/styles/utilities.css +1 -1
  198. package/dist/styles.css +2 -2
  199. package/dist/themes/autumn-contrast.css +1 -1
  200. package/dist/themes/autumn.css +1 -1
  201. package/dist/themes/baseline-contrast.css +1 -1
  202. package/dist/themes/baseline.css +2 -2
  203. package/dist/themes/brownbeige-contrast.css +1 -1
  204. package/dist/themes/brownbeige.css +1 -1
  205. package/dist/themes/content-contrast.css +1 -1
  206. package/dist/themes/content.css +1 -1
  207. package/dist/themes/desert-contrast.css +1 -1
  208. package/dist/themes/desert.css +1 -1
  209. package/dist/themes/expressive-contrast.css +1 -1
  210. package/dist/themes/expressive.css +1 -1
  211. package/dist/themes/fidelity-contrast.css +1 -1
  212. package/dist/themes/fidelity.css +1 -1
  213. package/dist/themes/forest-contrast.css +1 -1
  214. package/dist/themes/forest.css +1 -1
  215. package/dist/themes/fruit-salad-contrast.css +1 -1
  216. package/dist/themes/fruit-salad.css +1 -1
  217. package/dist/themes/highcontrast-contrast.css +1 -1
  218. package/dist/themes/highcontrast.css +1 -1
  219. package/dist/themes/monochrome-contrast.css +1 -1
  220. package/dist/themes/monochrome.css +1 -1
  221. package/dist/themes/neutral-contrast.css +1 -1
  222. package/dist/themes/neutral.css +1 -1
  223. package/dist/themes/ocean-contrast.css +1 -1
  224. package/dist/themes/ocean.css +1 -1
  225. package/dist/themes/rainbow-contrast.css +1 -1
  226. package/dist/themes/rainbow.css +1 -1
  227. package/dist/themes/sageivory-contrast.css +1 -1
  228. package/dist/themes/sageivory.css +1 -1
  229. package/dist/themes/spring-contrast.css +1 -1
  230. package/dist/themes/spring.css +1 -1
  231. package/dist/themes/summer-contrast.css +1 -1
  232. package/dist/themes/summer.css +1 -1
  233. package/dist/themes/sunset-contrast.css +1 -1
  234. package/dist/themes/sunset.css +1 -1
  235. package/dist/themes/tealcaramel-contrast.css +1 -1
  236. package/dist/themes/tealcaramel.css +1 -1
  237. package/dist/themes/vibrant-contrast.css +1 -1
  238. package/dist/themes/vibrant.css +1 -1
  239. package/dist/vue/badge.js +0 -2
  240. package/dist/vue/bottom-app-bar.js +0 -2
  241. package/dist/vue/bottom-sheet.js +0 -2
  242. package/dist/vue/button-group-item.js +0 -2
  243. package/dist/vue/button-group.js +0 -2
  244. package/dist/vue/button.js +0 -2
  245. package/dist/vue/card.js +0 -2
  246. package/dist/vue/carousel-item.js +0 -2
  247. package/dist/vue/carousel.js +0 -2
  248. package/dist/vue/checkbox.js +0 -2
  249. package/dist/vue/chip.js +0 -2
  250. package/dist/vue/chips.js +0 -2
  251. package/dist/vue/datepicker.js +0 -2
  252. package/dist/vue/dialog.js +0 -2
  253. package/dist/vue/divider.js +0 -2
  254. package/dist/vue/drawer-item.js +0 -2
  255. package/dist/vue/drawer.js +0 -2
  256. package/dist/vue/extended-fab.js +0 -2
  257. package/dist/vue/fab-menu-item.js +0 -2
  258. package/dist/vue/fab-menu.js +0 -2
  259. package/dist/vue/fab.js +0 -2
  260. package/dist/vue/icon-button.js +0 -2
  261. package/dist/vue/list-item.js +0 -2
  262. package/dist/vue/list.js +0 -2
  263. package/dist/vue/loading-indicator.js +0 -2
  264. package/dist/vue/menu-item.js +0 -2
  265. package/dist/vue/menu.js +0 -2
  266. package/dist/vue/navigation-bar-item.js +0 -2
  267. package/dist/vue/navigation-bar.js +0 -2
  268. package/dist/vue/navigation-rail-item.js +0 -2
  269. package/dist/vue/navigation-rail.js +0 -2
  270. package/dist/vue/progress.js +0 -2
  271. package/dist/vue/radio.js +0 -2
  272. package/dist/vue/radios.js +0 -2
  273. package/dist/vue/search-suggestion.js +0 -2
  274. package/dist/vue/search.js +0 -2
  275. package/dist/vue/select-option.js +0 -2
  276. package/dist/vue/select.js +0 -2
  277. package/dist/vue/side-sheet.js +0 -2
  278. package/dist/vue/slider.js +0 -2
  279. package/dist/vue/snackbar.js +0 -2
  280. package/dist/vue/split-button.js +0 -2
  281. package/dist/vue/switch.js +0 -2
  282. package/dist/vue/tab.js +0 -2
  283. package/dist/vue/tabs.js +0 -2
  284. package/dist/vue/text-field.js +0 -2
  285. package/dist/vue/timepicker.js +0 -2
  286. package/dist/vue/toolbar.js +0 -2
  287. package/dist/vue/tooltip.js +0 -2
  288. package/dist/vue/top-app-bar.js +0 -2
  289. package/package.json +1 -1
  290. package/src/styles/components/_tabs.scss +20 -11
  291. package/src/styles/main.scss +3 -0
  292. package/src/styles/themes/_base-theme.scss +9 -3
  293. package/src/styles/themes/_baseline.scss +13 -4
@@ -1,4 +1,5 @@
1
1
  import createTextField from "../components/text-field/index.js";
2
+ import { checkTrailingLabel } from "../components/text-field/api.js";
2
3
  import { defineElement } from "./define.js";
3
4
  const create = (config) => {
4
5
  const field = createTextField(config);
@@ -59,7 +60,17 @@ const textFieldSpec = {
59
60
  "trailing-icon": {
60
61
  type: "string",
61
62
  config: "trailingIcon",
62
- update: (c, v) => void (v ? c.setTrailingIcon(String(v)) : c.removeTrailingIcon()),
63
+ update: (c, v, host) => void (v ? c.setTrailingIcon(String(v), host.getAttribute("trailing-icon-label") ?? "") : c.removeTrailingIcon()),
64
+ },
65
+ "trailing-icon-label": {
66
+ type: "string",
67
+ config: "trailingIconLabel",
68
+ update: (c, v, host) => {
69
+ const icon = host.getAttribute("trailing-icon");
70
+ if (!icon)
71
+ return;
72
+ c.setTrailingIcon(icon, v === null ? "" : String(v));
73
+ },
63
74
  },
64
75
  maxlength: { type: "number", config: "maxLength", update: inputAttribute("maxlength") },
65
76
  pattern: { type: "string", config: "pattern", update: inputAttribute("pattern") },
@@ -78,6 +89,13 @@ const textFieldSpec = {
78
89
  events: {
79
90
  input: { detail: (payload) => ({ value: payload.value }) },
80
91
  change: { detail: (payload) => ({ value: payload.value }) },
92
+ trailing: {
93
+ detail: (payload) => {
94
+ const { value, event } = payload;
95
+ return { value, event };
96
+ },
97
+ state: true,
98
+ },
81
99
  },
82
100
  form: {
83
101
  value: (c) => c.getValue(),
@@ -94,5 +112,19 @@ const textFieldSpec = {
94
112
  return () => c.input.removeEventListener("input", stop);
95
113
  },
96
114
  };
115
+ if ( /*#__PURE__*/(() => {
116
+ try {
117
+ return process.env.NODE_ENV !== "production";
118
+ }
119
+ catch {
120
+ return false;
121
+ }
122
+ })() && process.env.NODE_ENV !== "production")
123
+ Object.assign(textFieldSpec.events.trailing, {
124
+ listen: (host) => {
125
+ if (host.getAttribute("trailing-icon") && !host.getAttribute("trailing-icon-label"))
126
+ checkTrailingLabel(host);
127
+ },
128
+ });
97
129
  export const textFieldElement = defineElement(textFieldSpec);
98
130
  export const defineTextField = (options) => textFieldElement.define(options);
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "material",
3
- "version": "3.0.6",
3
+ "version": "3.2.0",
4
4
  "description": "Material Design 3 components for the web: plain JavaScript, web components, and React, Vue, Svelte and Solid components. TypeScript, zero dependencies.",
5
5
  "author": "floor",
6
6
  "license": "MIT",
@@ -1,5 +1,3 @@
1
- // src/react/badge.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/badge";
5
3
  import { badgeElement, defineBadge } from "../elements/badge.js";
@@ -1,5 +1,3 @@
1
- // src/react/bottom-app-bar.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/bottom-app-bar";
5
3
  import { bottomAppBarElement, defineBottomAppBar } from "../elements/bottom-app-bar.js";
@@ -1,5 +1,3 @@
1
- // src/react/bottom-sheet.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/bottom-sheet";
5
3
  import { bottomSheetElement, defineBottomSheet } from "../elements/bottom-sheet.js";
@@ -1,5 +1,3 @@
1
- // src/react/button-group-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { buttonGroupItemDeclaration } from "../elements/button-group.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/button-group.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/progress";
5
3
  import "material/elements/css/button";
@@ -1,5 +1,3 @@
1
- // src/react/button.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/progress";
5
3
  import "material/elements/css/button";
@@ -1,5 +1,3 @@
1
- // src/react/card.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/card";
5
3
  import { cardElement, defineCard } from "../elements/card.js";
@@ -1,5 +1,3 @@
1
- // src/react/carousel-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { carouselItemDeclaration } from "../elements/carousel.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/carousel.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/carousel";
5
3
  import { carouselElement, defineCarousel } from "../elements/carousel.js";
@@ -1,5 +1,3 @@
1
- // src/react/checkbox.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/checkbox";
5
3
  import { checkboxElement, defineCheckbox } from "../elements/checkbox.js";
@@ -1,5 +1,3 @@
1
- // src/react/chip.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { chipDeclaration } from "../elements/chips.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/chips.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/chips";
5
3
  import { chipsElement, defineChips } from "../elements/chips.js";
@@ -1,5 +1,3 @@
1
- // src/react/datepicker.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/datepicker";
5
3
  import { datepickerElement, defineDatepicker } from "../elements/datepicker.js";
@@ -1,5 +1,3 @@
1
- // src/react/dialog.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/progress";
5
3
  import "material/elements/css/button";
@@ -1,5 +1,3 @@
1
- // src/react/divider.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/divider";
5
3
  import { dividerElement, defineDivider } from "../elements/divider.js";
@@ -1,5 +1,3 @@
1
- // src/react/drawer-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { drawerItemDeclaration } from "../elements/drawer.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/drawer.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/drawer";
5
3
  import { drawerElement, defineDrawer } from "../elements/drawer.js";
@@ -1,5 +1,3 @@
1
- // src/react/extended-fab.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/extended-fab";
5
3
  import { extendedFabElement, defineExtendedFab } from "../elements/extended-fab.js";
@@ -1,5 +1,3 @@
1
- // src/react/fab-menu-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { fabMenuItemDeclaration } from "../elements/fab-menu.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/fab-menu.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/fab";
5
3
  import "material/elements/css/menu";
package/dist/react/fab.js CHANGED
@@ -1,5 +1,3 @@
1
- // src/react/fab.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/fab";
5
3
  import { fabElement, defineFab } from "../elements/fab.js";
@@ -1,5 +1,3 @@
1
- // src/react/icon-button.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/icon-button";
5
3
  import { iconButtonElement, defineIconButton } from "../elements/icon-button.js";
@@ -1,5 +1,3 @@
1
- // src/react/list-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { listItemDeclaration } from "../elements/list.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/list.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/list";
5
3
  import { listElement, defineList } from "../elements/list.js";
@@ -1,5 +1,3 @@
1
- // src/react/loading-indicator.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/loading-indicator";
5
3
  import { loadingIndicatorElement, defineLoadingIndicator } from "../elements/loading-indicator.js";
@@ -1,5 +1,3 @@
1
- // src/react/menu-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { menuItemDeclaration } from "../elements/menu.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/menu.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/menu";
5
3
  import { menuElement, defineMenu } from "../elements/menu.js";
@@ -1,5 +1,3 @@
1
- // src/react/navigation-bar-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { navigationBarItemDeclaration } from "../elements/navigation-bar.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/navigation-bar.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/navigation-bar";
5
3
  import { navigationBarElement, defineNavigationBar } from "../elements/navigation-bar.js";
@@ -1,5 +1,3 @@
1
- // src/react/navigation-rail-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { navigationRailItemDeclaration } from "../elements/navigation-rail.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/navigation-rail.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/navigation-rail";
5
3
  import { navigationRailElement, defineNavigationRail } from "../elements/navigation-rail.js";
@@ -1,5 +1,3 @@
1
- // src/react/progress.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/progress";
5
3
  import { progressElement, defineProgress } from "../elements/progress.js";
@@ -1,5 +1,3 @@
1
- // src/react/radio.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { radioDeclaration } from "../elements/radios.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/radios.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/radios";
5
3
  import { radiosElement, defineRadios } from "../elements/radios.js";
@@ -1,5 +1,3 @@
1
- // src/react/search-suggestion.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { searchSuggestionDeclaration } from "../elements/search.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/search.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/search";
5
3
  import { searchElement, defineSearch } from "../elements/search.js";
@@ -1,5 +1,3 @@
1
- // src/react/select-option.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { selectOptionDeclaration } from "../elements/select.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/select.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/text-field";
5
3
  import "material/elements/css/menu";
@@ -1,5 +1,3 @@
1
- // src/react/side-sheet.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/side-sheet";
5
3
  import { sideSheetElement, defineSideSheet } from "../elements/side-sheet.js";
@@ -1,5 +1,3 @@
1
- // src/react/slider.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/slider";
5
3
  import { sliderElement, defineSlider } from "../elements/slider.js";
@@ -1,5 +1,3 @@
1
- // src/react/snackbar.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/progress";
5
3
  import "material/elements/css/button";
@@ -1,5 +1,3 @@
1
- // src/react/split-button.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/progress";
5
3
  import "material/elements/css/button";
@@ -1,5 +1,3 @@
1
- // src/react/switch.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/switch";
5
3
  import { switchElement, defineSwitch } from "../elements/switch.js";
package/dist/react/tab.js CHANGED
@@ -1,5 +1,3 @@
1
- // src/react/tab.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import { tabDeclaration } from "../elements/tabs.js";
5
3
  import { createDeclaration } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/react/tabs.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/badge";
5
3
  import "material/elements/css/progress";
@@ -1,5 +1,3 @@
1
- // src/react/text-field.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/text-field";
5
3
  import { textFieldElement, defineTextField } from "../elements/text-field.js";
@@ -1,5 +1,3 @@
1
- // src/react/timepicker.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/timepicker";
5
3
  import { timepickerElement, defineTimepicker } from "../elements/timepicker.js";
@@ -1,5 +1,3 @@
1
- // src/react/toolbar.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/icon-button";
5
3
  import "material/elements/css/toolbar";
@@ -1,5 +1,3 @@
1
- // src/react/tooltip.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/tooltip";
5
3
  import { tooltipElement, defineTooltip } from "../elements/tooltip.js";
@@ -1,5 +1,3 @@
1
- // src/react/top-app-bar.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  "use client";
4
2
  import "material/elements/css/top-app-bar";
5
3
  import { topAppBarElement, defineTopAppBar } from "../elements/top-app-bar.js";
@@ -1,5 +1,3 @@
1
- // src/solid/badge.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/badge";
4
2
  import { badgeElement, defineBadge } from "../elements/badge.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/bottom-app-bar.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/bottom-app-bar";
4
2
  import { bottomAppBarElement, defineBottomAppBar } from "../elements/bottom-app-bar.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/bottom-sheet.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/bottom-sheet";
4
2
  import { bottomSheetElement, defineBottomSheet } from "../elements/bottom-sheet.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/button-group-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import { buttonGroupItemDeclaration } from "../elements/button-group.js";
4
2
  import { createDeclaration } from "./create.js";
5
3
  export const ButtonGroupItem = /*#__PURE__*/ createDeclaration(buttonGroupItemDeclaration, "ButtonGroupItem");
@@ -1,5 +1,3 @@
1
- // src/solid/button-group.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/progress";
4
2
  import "material/elements/css/button";
5
3
  import "material/elements/css/icon-button";
@@ -1,5 +1,3 @@
1
- // src/solid/button.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/progress";
4
2
  import "material/elements/css/button";
5
3
  import { buttonElement, defineButton } from "../elements/button.js";
@@ -1,5 +1,3 @@
1
- // src/solid/card.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/card";
4
2
  import { cardElement, defineCard } from "../elements/card.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/carousel-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import { carouselItemDeclaration } from "../elements/carousel.js";
4
2
  import { createDeclaration } from "./create.js";
5
3
  export const CarouselItem = /*#__PURE__*/ createDeclaration(carouselItemDeclaration, "CarouselItem");
@@ -1,5 +1,3 @@
1
- // src/solid/carousel.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/carousel";
4
2
  import { carouselElement, defineCarousel } from "../elements/carousel.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/checkbox.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/checkbox";
4
2
  import { checkboxElement, defineCheckbox } from "../elements/checkbox.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/chip.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import { chipDeclaration } from "../elements/chips.js";
4
2
  import { createDeclaration } from "./create.js";
5
3
  export const Chip = /*#__PURE__*/ createDeclaration(chipDeclaration, "Chip");
@@ -1,5 +1,3 @@
1
- // src/solid/chips.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/chips";
4
2
  import { chipsElement, defineChips } from "../elements/chips.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/datepicker.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/datepicker";
4
2
  import { datepickerElement, defineDatepicker } from "../elements/datepicker.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/dialog.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/progress";
4
2
  import "material/elements/css/button";
5
3
  import "material/elements/css/divider";
@@ -1,5 +1,3 @@
1
- // src/solid/divider.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/divider";
4
2
  import { dividerElement, defineDivider } from "../elements/divider.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/drawer-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import { drawerItemDeclaration } from "../elements/drawer.js";
4
2
  import { createDeclaration } from "./create.js";
5
3
  export const DrawerItem = /*#__PURE__*/ createDeclaration(drawerItemDeclaration, "DrawerItem");
@@ -1,5 +1,3 @@
1
- // src/solid/drawer.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/drawer";
4
2
  import { drawerElement, defineDrawer } from "../elements/drawer.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/extended-fab.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/extended-fab";
4
2
  import { extendedFabElement, defineExtendedFab } from "../elements/extended-fab.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/fab-menu-item.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import { fabMenuItemDeclaration } from "../elements/fab-menu.js";
4
2
  import { createDeclaration } from "./create.js";
5
3
  export const FabMenuItem = /*#__PURE__*/ createDeclaration(fabMenuItemDeclaration, "FabMenuItem");
@@ -1,5 +1,3 @@
1
- // src/solid/fab-menu.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/fab";
4
2
  import "material/elements/css/menu";
5
3
  import "material/elements/css/fab-menu";
package/dist/solid/fab.js CHANGED
@@ -1,5 +1,3 @@
1
- // src/solid/fab.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/fab";
4
2
  import { fabElement, defineFab } from "../elements/fab.js";
5
3
  import { createComponent } from "./create.js";
@@ -1,5 +1,3 @@
1
- // src/solid/icon-button.ts
2
- // Generated by scripts/generate-adapters.ts from src/elements. Do not edit.
3
1
  import "material/elements/css/icon-button";
4
2
  import { iconButtonElement, defineIconButton } from "../elements/icon-button.js";
5
3
  import { createComponent } from "./create.js";