@xplortech/apollo-core 0.0.7 → 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.
- package/CHANGELOG.md +40 -0
- package/README.md +42 -1
- package/build/style.css +972 -372
- package/dist/apollo-core/apollo-core.css +23 -9
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-00996870.js +1 -0
- package/dist/apollo-core/{p-1fc2ec24.entry.js → p-1e6a342a.entry.js} +4 -3
- package/dist/apollo-core/p-21872e0f.entry.js +1 -0
- package/dist/apollo-core/p-d8ea7d80.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +3 -3
- package/dist/cjs/{index-d0d9877d.js → index-716d8f57.js} +106 -29
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{xpl-button_3.cjs.entry.js → xpl-avatar_7.cjs.entry.js} +139 -68
- package/dist/cjs/xpl-choicelist.cjs.entry.js +16 -0
- package/dist/cjs/xpl-pagination.cjs.entry.js +76 -0
- package/dist/collection/collection-manifest.json +8 -2
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +158 -0
- package/dist/collection/components/xpl-badge/xpl-badge.js +50 -0
- package/dist/collection/components/xpl-button/xpl-button.js +37 -5
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +139 -0
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +9 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js +122 -0
- package/dist/collection/components/xpl-table/xpl-table.js +9 -5
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +10 -0
- package/dist/custom-elements/index.d.ts +36 -0
- package/dist/custom-elements/index.js +174 -10
- package/dist/esm/apollo-core.js +3 -3
- package/dist/esm/{index-252a5f91.js → index-4c8962a5.js} +106 -29
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{xpl-button_3.entry.js → xpl-avatar_7.entry.js} +135 -68
- package/dist/esm/xpl-choicelist.entry.js +12 -0
- package/dist/esm/xpl-pagination.entry.js +72 -0
- package/dist/stories/avatar.stories.js +173 -0
- package/dist/stories/badge.stories.js +48 -0
- package/dist/stories/button.stories.js +98 -0
- package/dist/stories/checkbox.stories.js +66 -0
- package/dist/stories/pagination.stories.js +84 -0
- package/dist/stories/radio.stories.js +56 -0
- package/dist/stories/table.stories.js +107 -0
- package/dist/stories/tabs.stories.js +24 -0
- package/dist/stories/utility-bar.stories.js +94 -0
- package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +11 -0
- package/dist/types/components/xpl-badge/xpl-badge.d.ts +5 -0
- package/dist/types/{.stencil → components}/xpl-button/xpl-button.d.ts +3 -1
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +11 -0
- package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +3 -0
- package/dist/types/components/xpl-radio/xpl-radio.d.ts +10 -0
- package/dist/types/{.stencil → components}/xpl-table/xpl-table.d.ts +2 -2
- package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +3 -0
- package/dist/types/components.d.ts +132 -4
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/avatar.stories.d.ts +91 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/badge.stories.d.ts +48 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/button.stories.d.ts +74 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/checkbox.stories.d.ts +64 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/radio.stories.d.ts +56 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/table.stories.d.ts +50 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
- package/dist/types/home/runner/work/apollo/apollo/.stencil/stories/utility-bar.stories.d.ts +20 -0
- package/dist/types/stencil-public-runtime.d.ts +183 -182
- package/package.json +42 -13
- package/dist/apollo-core/p-3f7da885.js +0 -1
- /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/
|