@assecosolutions/fox-button
Advanced tools
@assecosolutions/fox-button - npm Package Compare versions
Comparing version 1.0.11-fox to 1.4.3
@@ -14,4 +14,4 @@ import { LitElement } from 'lit-element'; | ||
| * | ||
| * @slot icon - For manuel icon placement if wanted | ||
| * @slot trailingIcon - For manuel trailingIcon placement if wanted | ||
| * @slot icon - For manual icon placement if wanted | ||
| * @slot trailingIcon - For manual trailingIcon placement if wanted | ||
| * | ||
@@ -18,0 +18,0 @@ * @cssprop [--fox-button-font-weight=600] |
@@ -8,3 +8,3 @@ import './FoxButton'; | ||
| export declare const Interactive: any; | ||
| export declare const Default: () => import("lit").TemplateResult<1>; | ||
| export declare const Primary: () => import("lit").TemplateResult<1>; | ||
| export declare const Default: () => import("lit-html").TemplateResult; | ||
| export declare const Primary: () => import("lit-html").TemplateResult; |
| { | ||
| "name": "@assecosolutions/fox-button", | ||
| "version": "1.0.11-fox", | ||
| "version": "1.4.3", | ||
| "public": true, | ||
@@ -20,4 +20,4 @@ "lib": { | ||
| "lit": "^2.0.0-rc.2", | ||
| "@assecosolutions/fox-progress": "^1.0.1-fox", | ||
| "@assecosolutions/fox-icon": "^1.0.1-fox", | ||
| "@assecosolutions/fox-progress": "^*", | ||
| "@assecosolutions/fox-icon": "^*", | ||
| "@material/mwc-circular-progress": "^0.21.0", | ||
@@ -24,0 +24,0 @@ "@material/mwc-linear-progress": "^0.21.0" |
| # 🦊 Fox - Future Open Experience | ||
| This monorepo is the home of all applications and libraries build by the 🦊 Fox team. | ||
| This webcomponent is made by 🦊🧙. | ||
| ## Tech Stack - From Web-Components to Dev-Containers | ||
| ## Installation | ||
| In the following sections we describe our tech stack and how it all fits together. | ||
| ```bash | ||
| npm i @assecosolutions/fox-button | ||
| ``` | ||
| ### Web-Components | ||
| ## Usage | ||
| We are using [Lit-Element](https://github.com/Polymer/lit-element) and [Lit-HTML](https://github.com/Polymer/lit-html) | ||
| to write [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). Web Components enables us to | ||
| ship cross browser compatible, framework / library independent and reusable custom elements. All of our web components | ||
| are used within our very own applications and are well tested. If you would like to use one of our components just add | ||
| it as follows e.g. `npm install @fox/button --save` or `yarn add @fox/button` and you are good to go. You can find an | ||
| overview of all our available components in our [Storybook](https://fox.assecosolutions.com/fox-web-components/?path=/story/atoms-foxbutton--default). | ||
| ```html | ||
| <script type="module"> | ||
| import '@assecosolutions/fox-button'; | ||
| </script> | ||
| ``` | ||
| ### Angular | ||
| ##Usage Demo and Docs | ||
| We use [Storybook](http://design-system.assecosolutions.com/) to deliver an interactive documentation of our Design system. | ||
| There you can find Multiple examples, guidelines and the documentation of all FOX web components ####[Demo](http://design-system.assecosolutions.com/?path=/story/atoms-fox-button) | ||
| As an engine for our applications and to bring our web components to life we decided to go for [Angular](https://angular.io/). | ||
| Angular is a web application framework / platfrom which is developed by google, and provides everything needed to build robust | ||
| enterprise web applications. | ||
| ## Maintainer | ||
| ### Monorepo with Nx Workspace | ||
| [Nx-Workspace](https://nx.dev/angular) and its sophisticated tools enables our team to manage the complexity of having all of our application components in one giant git repository. This approach, called monorepo, was inspired by google and comes with a lot of | ||
| advantages: | ||
| 1. **Increase Visibility** | ||
| - _In a nx workspace project a change of a library directly affectes all of its consumers_ | ||
| - _API contracts are clearly visible for all participants_ | ||
| 2. **Reuse Code Directly** | ||
| - _No need for usage of npm link or additional build pipelines._ | ||
| 3. **Consistency of version Numbers** | ||
| - _One package.json for all your applications and libraries_ | ||
| Furthermore you can even build multi framework or fullstack applications side by side all in one nx-workspace. To get more insights on | ||
| nx-workspace please see the [documentation](https://nx.dev/latest/angular/getting-started/why-nx) of nrwl. | ||
| ### Dev-Container | ||
| To decrease time for dev machine setup to a minimum and to prevent complicated os specific installations we leverage [Docker](https://www.docker.com/) and [VS Code](https://code.visualstudio.com/) to make it a breeze to get your dev machine ready to code. Just install the | ||
| [Remote Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension for VS Code and you are ready to contribute to 🦊 Fox. For more information see the documentation about [Dev-Container](https://code.visualstudio.com/docs/remote/containers). | ||
| |  |  | <img src="https://avatars0.githubusercontent.com/u/17983201?s=100&v=3" width="100" alt="Julia Nissen" /> | | ||
| | :----------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------: | | ||
| | Burak Topal ([@biggisb](https://github.com/Biggisb)) | Jari Möllenbernd ([@jarmee](https://github.com/jarmee)) | Julia Nissen ([@JuliaNssn](https://github.com/JuliaNssn)) | |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Number of low quality alerts
- decreased by-50%
1
Worsened metrics
- Total package byte prevSize
- decreased by-0.36%
307737
- Number of lines in readme file
- decreased by-42.86%
28
No dependency changes