@xplortech/apollo-core 0.0.6 → 0.1.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 (63) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/README.md +42 -1
  3. package/build/style.css +983 -380
  4. package/dist/apollo-core/apollo-core.css +23 -9
  5. package/dist/apollo-core/apollo-core.esm.js +1 -1
  6. package/dist/apollo-core/p-00996870.js +1 -0
  7. package/dist/apollo-core/{p-b9df8412.entry.js → p-1e6a342a.entry.js} +4 -3
  8. package/dist/apollo-core/{p-5d786409.entry.js → p-21872e0f.entry.js} +1 -1
  9. package/dist/apollo-core/p-d8ea7d80.entry.js +1 -0
  10. package/dist/cjs/apollo-core.cjs.js +3 -3
  11. package/dist/cjs/{index-d0d9877d.js → index-716d8f57.js} +106 -29
  12. package/dist/cjs/loader.cjs.js +3 -3
  13. package/dist/cjs/{xpl-button_2.cjs.entry.js → xpl-avatar_7.cjs.entry.js} +149 -8
  14. package/dist/cjs/xpl-choicelist.cjs.entry.js +16 -0
  15. package/dist/cjs/xpl-pagination.cjs.entry.js +1 -1
  16. package/dist/collection/collection-manifest.json +8 -2
  17. package/dist/collection/components/xpl-avatar/xpl-avatar.js +158 -0
  18. package/dist/collection/components/xpl-badge/xpl-badge.js +50 -0
  19. package/dist/collection/components/xpl-button/xpl-button.js +45 -13
  20. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +139 -0
  21. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +9 -0
  22. package/dist/collection/components/xpl-radio/xpl-radio.js +122 -0
  23. package/dist/collection/components/xpl-table/xpl-table.js +9 -5
  24. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +10 -0
  25. package/dist/custom-elements/index.d.ts +36 -0
  26. package/dist/custom-elements/index.js +176 -12
  27. package/dist/esm/apollo-core.js +3 -3
  28. package/dist/esm/{index-252a5f91.js → index-4c8962a5.js} +106 -29
  29. package/dist/esm/loader.js +3 -3
  30. package/dist/esm/{xpl-button_2.entry.js → xpl-avatar_7.entry.js} +145 -9
  31. package/dist/esm/xpl-choicelist.entry.js +12 -0
  32. package/dist/esm/xpl-pagination.entry.js +1 -1
  33. package/dist/stories/avatar.stories.js +173 -0
  34. package/dist/stories/badge.stories.js +48 -0
  35. package/dist/stories/button.stories.js +98 -0
  36. package/dist/stories/checkbox.stories.js +66 -0
  37. package/dist/stories/pagination.stories.js +84 -0
  38. package/dist/stories/radio.stories.js +56 -0
  39. package/dist/stories/table.stories.js +107 -0
  40. package/dist/stories/tabs.stories.js +24 -0
  41. package/dist/stories/utility-bar.stories.js +94 -0
  42. package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +11 -0
  43. package/dist/types/components/xpl-badge/xpl-badge.d.ts +5 -0
  44. package/dist/types/{.stencil → components}/xpl-button/xpl-button.d.ts +4 -2
  45. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +11 -0
  46. package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +3 -0
  47. package/dist/types/components/xpl-radio/xpl-radio.d.ts +10 -0
  48. package/dist/types/{.stencil → components}/xpl-table/xpl-table.d.ts +2 -2
  49. package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +3 -0
  50. package/dist/types/components.d.ts +134 -6
  51. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/avatar.stories.d.ts +91 -0
  52. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/badge.stories.d.ts +48 -0
  53. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/button.stories.d.ts +74 -0
  54. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/checkbox.stories.d.ts +64 -0
  55. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
  56. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/radio.stories.d.ts +56 -0
  57. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/table.stories.d.ts +50 -0
  58. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
  59. package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/utility-bar.stories.d.ts +20 -0
  60. package/dist/types/stencil-public-runtime.d.ts +183 -182
  61. package/package.json +42 -13
  62. package/dist/apollo-core/p-3f7da885.js +0 -1
  63. /package/dist/types/{.stencil → components}/xpl-pagination/xpl-pagination.d.ts +0 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,40 @@
1
+ # Changelog
2
+
3
+ All notable changes to this project will be documented in this file.
4
+
5
+ ---
6
+
7
+ ## [0.1.0] - 2021-11-03
8
+
9
+ ### Added
10
+
11
+ - Utility Bar Component ([#29](https://github.com/xplor/apollo/pull/29))
12
+ - Contribution Guidelines and other community health files ([#28](https://github.com/xplor/apollo/pull/28))
13
+
14
+ ### Changed
15
+
16
+ - Storybook stories to typescript
17
+
18
+ ### Fixed
19
+
20
+ - Default button height (40px).
21
+
22
+ ## [0.0.7] - 2021-10-07
23
+
24
+ ### Added
25
+
26
+ - Changelog file ([#27](https://github.com/xplor/apollo/pull/27))
27
+ - PostCSS plugins `nested` and `pxtorem` ([#26](https://github.com/xplor/apollo/pull/26))
28
+ - `stylelint`, `eslint`, and `editorconfig` ([#24](https://github.com/xplor/apollo/pull/24))
29
+ - Tests and GitHub Action for tests ([#23](https://github.com/xplor/apollo/pull/23))
30
+ - `release-it` and GitHub actions ([#22](https://github.com/xplor/apollo/pull/22))
31
+ - ChoiceList and Radio components, `xpl-choicelist` and `xpl-radio` ([#20](https://github.com/xplor/apollo/pull/20), [#21](https://github.com/xplor/apollo/pull/21))
32
+ - Avatar Component, `xpl-avatar` ([#6](https://github.com/xplor/apollo/pull/6), [#16](https://github.com/xplor/apollo/pull/16), [#18](https://github.com/xplor/apollo/pull/18), [#19](https://github.com/xplor/apollo/pull/19))
33
+ - Markup panel (testing with button) ([#14](https://github.com/xplor/apollo/pull/14))
34
+ - Badge component, `xpl-badge` ([#13](https://github.com/xplor/apollo/pull/13))
35
+ - Table component, `xpl-table` ([#2](https://github.com/xplor/apollo/pull/2), [#10](https://github.com/xplor/apollo/pull/10), [#11](https://github.com/xplor/apollo/pull/11), [#12](https://github.com/xplor/apollo/pull/12), [#15](https://github.com/xplor/apollo/pull/15))
36
+ - Button and Pagination components, `xpl-button` and `xpl-pagination` ([#8](https://github.com/xplor/apollo/pull/8), [#9](https://github.com/xplor/apollo/pull/9), [#17](https://github.com/xplor/apollo/pull/17))
37
+ - Stencil ([#7](https://github.com/xplor/apollo/pull/7))
38
+ - Font tokens in tailwind theme ([#5](https://github.com/xplor/apollo/pull/5))
39
+ - Color tokens in tailwind theme ([#4](https://github.com/xplor/apollo/pull/4))
40
+ - Tabs component, `xpl-tabs` ([#3](https://github.com/xplor/apollo/pull/3))
package/README.md CHANGED
@@ -1 +1,42 @@
1
- # Project Apollo
1
+ # Project Apollo 🚀
2
+
3
+ Apollo is the [Xplor][xplor] UI/component framework for web products. If you design or develop web interfaces for a brand owned by Xplor, Apollo is here to make your job just a little bit easier, while making an even better product for your end users!
4
+
5
+ ## Table of Contents
6
+
7
+ - [Overview](#overview)
8
+ - [Installation](#installation)
9
+ - [Contributing](.github/CONTRIBUTING.md)
10
+
11
+ ## Overview
12
+
13
+ Apollo is a [web component][mdn-wc] framework that uses global CSS (namespaced so that it should only style classes that start with `xpl-`). Under the hood, it uses [Stencil][stencil] to compile web components for various frameworks and [Tailwind CSS][tailwind] for style utilities.
14
+
15
+ ## Installation
16
+
17
+ Apollo is published as a private NPM package under the Xplor organization. Before installing Apollo in your project, you need to request a token at our Slack channel `#apollo-feedback`.
18
+
19
+ Create a `.npmrc` file at the root of your project with the token:
20
+
21
+ ```bash
22
+ //registry.npmjs.org/:_authToken=${NPM_TOKEN}
23
+ ```
24
+
25
+ Install:
26
+
27
+ ```bash
28
+ npm install @xplortech/apollo-core
29
+ ```
30
+
31
+ > Note: You will need to set up your NPM token in CI. [Check NPM's documentation on the topic][npm-ci-token].
32
+
33
+ ## Usage
34
+
35
+ For more details, check [Apollo's Documentation][apollo-docs].
36
+
37
+ [apollo-docs]: https://brand.xplortechnologies.com/d/xNsocmdm5dL5/web-applications#/getting-started/how-to-use
38
+ [mdn-wc]: https://developer.mozilla.org/en-US/docs/Web/Web_Components
39
+ [npm-ci-token]: https://docs.npmjs.com/using-private-packages-in-a-ci-cd-workflow#set-the-token-as-an-environment-variable-on-the-cicd-server
40
+ [stencil]: https://stenciljs.com/
41
+ [tailwind]: http://tailwindcss.com/
42
+ [xplor]: https://www.xplortechnologies.com/