@grantcodes/ui 2.0.0-beta.9 → 2.0.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 (314) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +6 -8
  3. package/custom-elements.json +4273 -0
  4. package/package.json +80 -90
  5. package/src/components/app-bar/app-bar.component.js +90 -0
  6. package/src/components/app-bar/app-bar.js +8 -0
  7. package/src/components/app-bar/app-bar.stories.js +84 -0
  8. package/src/components/app-bar/app-bar.styles.js +227 -0
  9. package/src/components/app-bar/app-bar.test.js +174 -0
  10. package/src/components/app-bar/index.js +3 -0
  11. package/src/components/avatar/avatar.component.js +78 -0
  12. package/src/components/avatar/avatar.js +18 -0
  13. package/src/components/avatar/avatar.stories.js +45 -0
  14. package/src/components/avatar/avatar.styles.js +42 -0
  15. package/src/components/avatar/avatar.test.js +85 -0
  16. package/src/components/avatar/index.js +13 -0
  17. package/src/components/badge/badge.component.js +36 -0
  18. package/src/components/badge/badge.js +8 -0
  19. package/src/components/badge/badge.stories.js +46 -0
  20. package/src/components/badge/badge.styles.js +94 -0
  21. package/src/components/badge/badge.test.js +70 -0
  22. package/src/components/badge/index.js +3 -0
  23. package/src/components/breadcrumb/breadcrumb.component.js +110 -0
  24. package/src/components/breadcrumb/breadcrumb.js +12 -0
  25. package/src/components/breadcrumb/breadcrumb.stories.js +25 -0
  26. package/src/components/breadcrumb/breadcrumb.styles.js +96 -0
  27. package/src/components/breadcrumb/breadcrumb.test.js +144 -0
  28. package/src/components/breadcrumb/index.js +3 -0
  29. package/src/components/button/button.component.js +64 -0
  30. package/src/components/button/button.js +6 -0
  31. package/src/components/button/button.stories.js +78 -0
  32. package/src/components/button/button.styles.js +97 -0
  33. package/src/components/button/button.test.js +98 -0
  34. package/src/components/button/index.js +1 -0
  35. package/src/components/button-group/button-group.component.js +27 -0
  36. package/src/components/button-group/button-group.js +6 -0
  37. package/src/components/button-group/button-group.stories.js +33 -0
  38. package/src/components/button-group/button-group.styles.js +43 -0
  39. package/src/components/button-group/button-group.test.js +57 -0
  40. package/src/components/button-group/index.js +1 -0
  41. package/src/components/card/card.component.js +17 -0
  42. package/src/components/card/card.js +6 -0
  43. package/src/components/card/card.stories.js +36 -0
  44. package/src/components/card/card.styles.js +128 -0
  45. package/src/components/card/card.test.js +59 -0
  46. package/src/components/card/index.js +1 -0
  47. package/src/components/code-preview/code-preview.component.js +53 -0
  48. package/src/components/code-preview/code-preview.js +7 -0
  49. package/src/components/code-preview/code-preview.stories.js +67 -0
  50. package/src/components/code-preview/code-preview.styles.js +18 -0
  51. package/src/components/code-preview/code-preview.test.js +118 -0
  52. package/src/components/code-preview/index.js +1 -0
  53. package/src/components/container/container.component.js +38 -0
  54. package/src/components/container/container.js +7 -0
  55. package/src/components/container/container.stories.js +59 -0
  56. package/src/components/container/container.styles.js +43 -0
  57. package/src/components/container/container.test.js +84 -0
  58. package/src/components/container/index.js +1 -0
  59. package/src/components/dialog/dialog.component.js +78 -0
  60. package/src/components/dialog/dialog.js +7 -0
  61. package/src/components/dialog/dialog.stories.js +43 -0
  62. package/src/components/dialog/dialog.styles.js +74 -0
  63. package/src/components/dialog/dialog.test.js +97 -0
  64. package/src/components/dialog/index.js +1 -0
  65. package/src/components/dropdown/dropdown.component.js +225 -0
  66. package/src/components/dropdown/dropdown.js +12 -0
  67. package/src/components/dropdown/dropdown.stories.js +107 -0
  68. package/src/components/dropdown/dropdown.styles.js +128 -0
  69. package/src/components/dropdown/dropdown.test.js +144 -0
  70. package/src/components/dropdown/index.js +3 -0
  71. package/src/components/dropzone/dropzone.component.js +141 -0
  72. package/src/components/dropzone/dropzone.js +6 -0
  73. package/src/components/dropzone/dropzone.stories.js +41 -0
  74. package/src/components/dropzone/dropzone.styles.js +64 -0
  75. package/src/components/dropzone/dropzone.test.js +112 -0
  76. package/src/components/dropzone/index.js +1 -0
  77. package/src/components/footer/footer-column.component.js +15 -0
  78. package/src/components/footer/footer-column.styles.js +51 -0
  79. package/src/components/footer/footer.component.js +38 -0
  80. package/src/components/footer/footer.js +9 -0
  81. package/src/components/footer/footer.stories.js +143 -0
  82. package/src/components/footer/footer.styles.js +90 -0
  83. package/src/components/footer/footer.test.js +107 -0
  84. package/src/components/footer/index.js +2 -0
  85. package/src/components/form-field/form-field.component.js +173 -0
  86. package/src/components/form-field/form-field.js +7 -0
  87. package/src/components/form-field/form-field.stories.js +104 -0
  88. package/src/components/form-field/form-field.styles.js +47 -0
  89. package/src/components/form-field/form-field.test.js +118 -0
  90. package/src/components/form-field/index.js +1 -0
  91. package/src/components/gallery/gallery-image.component.js +52 -0
  92. package/src/components/gallery/gallery-image.js +7 -0
  93. package/src/components/gallery/gallery.component.js +25 -0
  94. package/src/components/gallery/gallery.js +7 -0
  95. package/src/components/gallery/gallery.stories.js +60 -0
  96. package/src/components/gallery/gallery.styles.js +56 -0
  97. package/src/components/gallery/gallery.test.js +58 -0
  98. package/src/components/gallery/index.js +2 -0
  99. package/src/components/icon/icon.component.js +14 -0
  100. package/src/components/icon/icon.js +7 -0
  101. package/src/components/icon/icon.stories.js +26 -0
  102. package/src/components/icon/icon.styles.js +28 -0
  103. package/src/components/icon/icon.test.js +57 -0
  104. package/src/components/icon/index.js +1 -0
  105. package/src/components/loading/index.js +1 -0
  106. package/src/components/loading/loading.component.js +21 -0
  107. package/src/components/loading/loading.js +7 -0
  108. package/src/components/loading/loading.stories.js +25 -0
  109. package/src/components/loading/loading.styles.js +43 -0
  110. package/src/components/loading/loading.test.js +57 -0
  111. package/src/components/notice/index.js +1 -0
  112. package/src/components/notice/notice.component.js +77 -0
  113. package/src/components/notice/notice.js +7 -0
  114. package/src/components/notice/notice.stories.js +122 -0
  115. package/src/components/notice/notice.styles.js +72 -0
  116. package/src/components/notice/notice.test.js +146 -0
  117. package/src/components/pagination/index.js +1 -0
  118. package/src/components/pagination/pagination.component.js +62 -0
  119. package/src/components/pagination/pagination.js +7 -0
  120. package/src/components/pagination/pagination.stories.js +34 -0
  121. package/src/components/pagination/pagination.styles.js +19 -0
  122. package/src/components/pagination/pagination.test.js +98 -0
  123. package/src/components/sidebar/index.js +3 -0
  124. package/src/components/sidebar/sidebar.component.js +165 -0
  125. package/src/components/sidebar/sidebar.js +8 -0
  126. package/src/components/sidebar/sidebar.stories.js +155 -0
  127. package/src/components/sidebar/sidebar.styles.js +192 -0
  128. package/src/components/sidebar/sidebar.test.js +196 -0
  129. package/src/components/tabs/index.js +2 -0
  130. package/src/components/tabs/internal/tabs-button.component.js +39 -0
  131. package/src/components/tabs/internal/tabs-button.js +7 -0
  132. package/src/components/tabs/internal/tabs-item.component.js +39 -0
  133. package/src/components/tabs/tab.component.js +20 -0
  134. package/src/components/tabs/tab.js +7 -0
  135. package/src/components/tabs/tabs.component.js +130 -0
  136. package/src/components/tabs/tabs.js +7 -0
  137. package/src/components/tabs/tabs.stories.js +39 -0
  138. package/src/components/tabs/tabs.styles.js +88 -0
  139. package/src/components/tabs/tabs.test.js +148 -0
  140. package/src/components/toast/index.js +3 -0
  141. package/src/components/toast/toast.component.js +187 -0
  142. package/src/components/toast/toast.js +9 -0
  143. package/src/components/toast/toast.stories.js +169 -0
  144. package/src/components/toast/toast.styles.js +207 -0
  145. package/src/components/toast/toast.test.js +196 -0
  146. package/src/components/tooltip/index.js +1 -0
  147. package/src/components/tooltip/tooltip.component.js +70 -0
  148. package/src/components/tooltip/tooltip.js +7 -0
  149. package/src/components/tooltip/tooltip.stories.js +33 -0
  150. package/src/components/tooltip/tooltip.styles.js +78 -0
  151. package/src/components/tooltip/tooltip.test.js +150 -0
  152. package/src/css/all.css +1 -0
  153. package/src/css/base.css +31 -0
  154. package/src/css/colors.stories.js +192 -0
  155. package/src/css/elements/a.css +50 -0
  156. package/src/css/elements/forms/button.css +15 -0
  157. package/src/css/elements/forms/input.css +183 -0
  158. package/src/css/elements/forms/label.css +5 -0
  159. package/src/css/elements/media/image.css +3 -0
  160. package/src/css/elements.css +5 -0
  161. package/src/css/elements.stories.js +108 -0
  162. package/src/css/helpers.css +16 -0
  163. package/src/css/themes/grantcodes.css +3 -0
  164. package/src/css/themes/todomap.css +2 -0
  165. package/src/css/themes/wireframe.css +2 -0
  166. package/src/css/tokens.stories.js +183 -0
  167. package/src/css/typography.css +64 -0
  168. package/src/css/typography.stories.js +179 -0
  169. package/src/css/util/functions.css +16 -0
  170. package/src/css/util/index.css +2 -0
  171. package/src/css/util/mixins.css +63 -0
  172. package/src/icons.js +3 -0
  173. package/src/lib/classnames.js +61 -0
  174. package/src/lib/generate-id.js +10 -0
  175. package/src/main.js +17 -0
  176. package/src/test-utils/assert-helpers.js +150 -0
  177. package/src/test-utils/events.js +88 -0
  178. package/src/test-utils/fixture.js +77 -0
  179. package/src/test-utils/index.js +7 -0
  180. package/dist/_virtual/_commonjsHelpers.js +0 -1
  181. package/dist/_virtual/index.js +0 -1
  182. package/dist/_virtual/react.production.min.js +0 -1
  183. package/dist/_virtual/react.production.min2.js +0 -1
  184. package/dist/components/avatar/avatar.component.js +0 -3
  185. package/dist/components/avatar/avatar.js +0 -1
  186. package/dist/components/avatar/avatar.react.js +0 -1
  187. package/dist/components/avatar/avatar.scss.js +0 -1
  188. package/dist/components/avatar/index.js +0 -1
  189. package/dist/components/button/button.component.js +0 -5
  190. package/dist/components/button/button.js +0 -1
  191. package/dist/components/button/button.react.js +0 -1
  192. package/dist/components/button/button.scss.js +0 -1
  193. package/dist/components/button/index.js +0 -1
  194. package/dist/components/button-group/button-group.component.js +0 -5
  195. package/dist/components/button-group/button-group.js +0 -1
  196. package/dist/components/button-group/button-group.react.js +0 -1
  197. package/dist/components/button-group/button-group.scss.js +0 -1
  198. package/dist/components/button-group/index.js +0 -1
  199. package/dist/components/card/card.component.js +0 -8
  200. package/dist/components/card/card.js +0 -1
  201. package/dist/components/card/card.react.js +0 -1
  202. package/dist/components/card/card.scss.js +0 -1
  203. package/dist/components/card/index.js +0 -1
  204. package/dist/components/code-preview/code-preview.component.js +0 -3
  205. package/dist/components/code-preview/code-preview.js +0 -1
  206. package/dist/components/code-preview/code-preview.react.js +0 -1
  207. package/dist/components/code-preview/code-preview.scss.js +0 -1
  208. package/dist/components/code-preview/index.js +0 -1
  209. package/dist/components/container/container.component.js +0 -5
  210. package/dist/components/container/container.js +0 -1
  211. package/dist/components/container/container.react.js +0 -1
  212. package/dist/components/container/container.scss.js +0 -1
  213. package/dist/components/container/index.js +0 -1
  214. package/dist/components/dialog/dialog.component.js +0 -23
  215. package/dist/components/dialog/dialog.js +0 -1
  216. package/dist/components/dialog/dialog.react.js +0 -1
  217. package/dist/components/dialog/dialog.scss.js +0 -1
  218. package/dist/components/dialog/index.js +0 -1
  219. package/dist/components/dropzone/dropzone.component.js +0 -11
  220. package/dist/components/dropzone/dropzone.js +0 -1
  221. package/dist/components/dropzone/dropzone.react.js +0 -1
  222. package/dist/components/dropzone/dropzone.scss.js +0 -1
  223. package/dist/components/dropzone/index.js +0 -1
  224. package/dist/components/form-field/form-field.component.js +0 -22
  225. package/dist/components/form-field/form-field.js +0 -1
  226. package/dist/components/form-field/form-field.react.js +0 -1
  227. package/dist/components/form-field/form-field.scss.js +0 -1
  228. package/dist/components/form-field/index.js +0 -1
  229. package/dist/components/gallery/gallery-image.component.js +0 -14
  230. package/dist/components/gallery/gallery-image.js +0 -1
  231. package/dist/components/gallery/gallery.component.js +0 -5
  232. package/dist/components/gallery/gallery.js +0 -1
  233. package/dist/components/gallery/gallery.react.js +0 -1
  234. package/dist/components/gallery/gallery.scss.js +0 -1
  235. package/dist/components/gallery/index.js +0 -1
  236. package/dist/components/icon/icon.component.js +0 -1
  237. package/dist/components/icon/icon.js +0 -1
  238. package/dist/components/icon/icon.react.js +0 -1
  239. package/dist/components/icon/icon.scss.js +0 -1
  240. package/dist/components/icon/index.js +0 -1
  241. package/dist/components/loading/index.js +0 -1
  242. package/dist/components/loading/loading.component.js +0 -5
  243. package/dist/components/loading/loading.js +0 -1
  244. package/dist/components/loading/loading.react.js +0 -1
  245. package/dist/components/loading/loading.scss.js +0 -1
  246. package/dist/components/notice/index.js +0 -1
  247. package/dist/components/notice/notice.component.js +0 -16
  248. package/dist/components/notice/notice.js +0 -1
  249. package/dist/components/notice/notice.react.js +0 -1
  250. package/dist/components/notice/notice.scss.js +0 -1
  251. package/dist/components/pagination/index.js +0 -1
  252. package/dist/components/pagination/pagination.component.js +0 -13
  253. package/dist/components/pagination/pagination.js +0 -1
  254. package/dist/components/pagination/pagination.react.js +0 -1
  255. package/dist/components/pagination/pagination.scss.js +0 -1
  256. package/dist/components/tabs/index.js +0 -1
  257. package/dist/components/tabs/internal/tabs-button.component.js +0 -13
  258. package/dist/components/tabs/internal/tabs-button.js +0 -1
  259. package/dist/components/tabs/internal/tabs-item.component.js +0 -1
  260. package/dist/components/tabs/tab.component.js +0 -10
  261. package/dist/components/tabs/tab.js +0 -1
  262. package/dist/components/tabs/tabs.component.js +0 -22
  263. package/dist/components/tabs/tabs.js +0 -1
  264. package/dist/components/tabs/tabs.react.js +0 -1
  265. package/dist/components/tabs/tabs.scss.js +0 -1
  266. package/dist/components/tooltip/index.js +0 -1
  267. package/dist/components/tooltip/tooltip.component.js +0 -10
  268. package/dist/components/tooltip/tooltip.js +0 -1
  269. package/dist/components/tooltip/tooltip.react.js +0 -1
  270. package/dist/components/tooltip/tooltip.scss.js +0 -1
  271. package/dist/css/base.css +0 -1
  272. package/dist/css/themes/grantcodes.css +0 -1
  273. package/dist/fonts/greycliff-bold-oblique.woff +0 -0
  274. package/dist/fonts/greycliff-bold-oblique.woff2 +0 -0
  275. package/dist/fonts/greycliff-bold.woff +0 -0
  276. package/dist/fonts/greycliff-bold.woff2 +0 -0
  277. package/dist/fonts/greycliff-demi-bold-oblique.woff +0 -0
  278. package/dist/fonts/greycliff-demi-bold-oblique.woff2 +0 -0
  279. package/dist/fonts/greycliff-demi-bold.woff +0 -0
  280. package/dist/fonts/greycliff-demi-bold.woff2 +0 -0
  281. package/dist/fonts/greycliff-extra-bold-oblique.woff +0 -0
  282. package/dist/fonts/greycliff-extra-bold-oblique.woff2 +0 -0
  283. package/dist/fonts/greycliff-extra-bold.woff +0 -0
  284. package/dist/fonts/greycliff-extra-bold.woff2 +0 -0
  285. package/dist/fonts/greycliff-extra-light-oblique.woff +0 -0
  286. package/dist/fonts/greycliff-extra-light-oblique.woff2 +0 -0
  287. package/dist/fonts/greycliff-extra-light.woff +0 -0
  288. package/dist/fonts/greycliff-extra-light.woff2 +0 -0
  289. package/dist/fonts/greycliff-heavy-oblique.woff +0 -0
  290. package/dist/fonts/greycliff-heavy-oblique.woff2 +0 -0
  291. package/dist/fonts/greycliff-heavy.woff +0 -0
  292. package/dist/fonts/greycliff-heavy.woff2 +0 -0
  293. package/dist/fonts/greycliff-light-oblique.woff +0 -0
  294. package/dist/fonts/greycliff-light-oblique.woff2 +0 -0
  295. package/dist/fonts/greycliff-light.woff +0 -0
  296. package/dist/fonts/greycliff-light.woff2 +0 -0
  297. package/dist/fonts/greycliff-medium-oblique.woff +0 -0
  298. package/dist/fonts/greycliff-medium-oblique.woff2 +0 -0
  299. package/dist/fonts/greycliff-medium.woff +0 -0
  300. package/dist/fonts/greycliff-medium.woff2 +0 -0
  301. package/dist/fonts/greycliff-regular-oblique.woff +0 -0
  302. package/dist/fonts/greycliff-regular-oblique.woff2 +0 -0
  303. package/dist/fonts/greycliff-regular.woff +0 -0
  304. package/dist/fonts/greycliff-regular.woff2 +0 -0
  305. package/dist/fonts/greycliff-thin-oblique.woff +0 -0
  306. package/dist/fonts/greycliff-thin-oblique.woff2 +0 -0
  307. package/dist/fonts/greycliff-thin.woff +0 -0
  308. package/dist/fonts/greycliff-thin.woff2 +0 -0
  309. package/dist/icons.js +0 -1
  310. package/dist/lib/generate-id.js +0 -1
  311. package/dist/main.js +0 -1
  312. package/dist/node_modules/react/cjs/react.production.min.js +0 -9
  313. package/dist/node_modules/react/index.js +0 -1
  314. package/dist/react.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.0.0-beta.10](https://github.com/grantcodes/ui/compare/v2.0.0-beta.9...v2.0.0-beta.10) (2025-06-29)
4
+
5
+
6
+ ### Features
7
+
8
+ * **button:** pass more button attributes to button component ([52f5828](https://github.com/grantcodes/ui/commit/52f5828ce5d5382318b0945fad84ad3b1b299374))
9
+
10
+
11
+ ### Miscellaneous Chores
12
+
13
+ * release 2.0.0-beta.10 ([2eea9d0](https://github.com/grantcodes/ui/commit/2eea9d0e8a133508c66ee65fd57117d031434f05))
14
+
3
15
  ## [2.0.0-beta.9](https://github.com/grantcodes/ui/compare/v2.0.0-beta.8...v2.0.0-beta.9) (2025-03-21)
4
16
 
5
17
 
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  A personal component system.
4
4
 
5
- Components are built with react using css modules for styles with theming provided by my custom style dictionary.
5
+ Components are built with Lit web components using CSS modules for styles with theming provided by my custom style dictionary.
6
6
 
7
7
  ## Installing
8
8
 
@@ -12,16 +12,14 @@ In the future it should be something like `npm install @grantcodes/ui`.
12
12
 
13
13
  Everything should mostly just work out of the box, without much setup 🤞.
14
14
 
15
- There is a theme provider which can be used to wrap the entire application and change the theme.
15
+ Components can be used directly in HTML or imported as ES modules.
16
16
 
17
+ ```html
18
+ <grantcodes-button>Click me</grantcodes-button>
17
19
  ```
18
- import { Provider } from '@grantcodes/ui'
19
20
 
20
- const Component = () => (
21
- <Provider theme="default">
22
- <AppOrWhatever />
23
- </Provider>
24
- )
21
+ ```javascript
22
+ import { GrantCodesButton } from '@grantcodes/ui/components/button';
25
23
  ```
26
24
 
27
25
  ## Creating a new component