@assecosolutions/fox-button - npm Package Compare versions

Comparing version 0.0.1-alpha.7.0.1 to 0.0.1-alpha.7.0.11

jest.config.js

 module.exports = {
-  name: 'shared-ui-atoms-fox-button',
-  preset: '../../../../../jest.config.js',
+  preset: '../../../../../jest.preset.js',
   transform: {
@@ -9,3 +8,4 @@ '^.+\\.[tj]sx?$': 'ts-jest',
   coverageDirectory: '../../../../../coverage/libs/shared/ui/atoms/fox-button',
-  globals: { 'ts-jest': { tsConfig: '<rootDir>/tsconfig.spec.json' } },
+  globals: { 'ts-jest': { tsconfig: '<rootDir>/tsconfig.spec.json' } },
+  displayName: 'shared-ui-atoms-fox-button',
 };

lib/FoxButton.css.js

 import { css } from 'lit-element';
-export const styles = css `:host{--fox-button-light-color: var(--fox-light-client-color);--fox-button-base-color: var(--fox-base-client-color);--fox-button-dark-color: var(--fox-dark-client-color);--fox-button-text-color: var(--fox-white);--fox-button-background-color: var(--fox-button-base-color);--fox-button-text-shadow: 0px 0px 6px #006ff8cc;--fox-button-box-shadow: none;--fox-button-box-shadow-hover: 0px 3px 6px #94a8bc;--fox-button-box-shadow-focus: 0px 0px 6px #56a2ff;--fox-button-font-family: var(--fox-base-font-family);--fox-button-font-weight: 500;--fox-button-font-size: var(--fox-base-font-size);--fox-button-text-transform: uppercase;--fox-button-letter-spacing: var(--fox-base-letter-spacing);--fox-button-padding: 10px 15px;--fox-button-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;--fox-button-border-radius: 6px;--fox-button-border: none}:host{display:inline-flex;outline:none;vertical-align:top}:host([disabled]){pointer-events:none}.fox-button{display:flex;text-shadow:var(--fox-button-text-shadow);font-weight:var(--fox-button-font-weight);flex:auto;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);color:var(--fox-button-text-color);text-transform:var(--fox-button-text-transform);letter-spacing:var(--fox-button-letter-spacing);background:var(--fox-button-background-color);padding:var(--fox-button-padding);border-radius:var(--fox-button-border-radius);transition:var(--fox-button-transition);cursor:pointer;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-decoration:none;align-items:center;justify-content:center;box-sizing:border-box;border:var(--fox-button-border);outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;box-shadow:var(--fox-button-box-shadow)}.fox-button:hover{--fox-button-box-shadow: var(--fox-button-box-shadow-hover)}.fox-button:focus{--fox-button-box-shadow: var(--fox-button-box-shadow-focus)}:host([success]){--fox-button-background-color: rgba(51, 217, 178, 1);--fox-button-box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);animation:pulse-green 2s}@keyframes pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}:host([tertiary]){--fox-button-text-color: var(--fox-button-base-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent}:host([outlined]){--fox-button-text-color: var(--fox-button-base-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent;--fox-button-border: 2px solid var(--fox-button-base-color)}:host([small]){--fox-button-font-size: 12px;--fox-button-padding: 3px 6px}:host([small]) fox-icon{font-size:14px}
+export const styles = css `:host{--fox-button-base-color: var(--fox-client-base-color);--fox-button-text-color: var(--fox-white-color);--fox-button-background-color: var(--fox-button-base-color);--fox-button-text-shadow: 0px 0px 6px #006ff8cc;--fox-button-box-shadow: none;--fox-button-box-shadow-hover: 0px 3px 6px #94a8bc;--fox-button-box-shadow-focus: 0px 0px 6px #56a2ff;--fox-button-font-family: var(--fox-font-family);--fox-button-font-weight: var(--fox-font-weight-medium);--fox-button-font-size: var(--fox-font-size-base);--fox-button-letter-spacing: var(--fox-letter-spacing-base);--fox-button-padding: 4px 15px;--fox-button-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;--fox-button-border-radius: 6px;--fox-button-border: 2px solid transparent}:host{display:inline-flex;outline:none;vertical-align:top}:host([disabled]){pointer-events:none}.fox-button{display:flex;text-shadow:var(--fox-button-text-shadow);font-weight:var(--fox-button-font-weight);flex:auto;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);color:var(--fox-button-text-color);text-transform:var(--fox-button-text-transform);letter-spacing:var(--fox-button-letter-spacing);background:var(--fox-button-background-color);padding:var(--fox-button-padding);border-radius:var(--fox-button-border-radius);transition:var(--fox-button-transition);height:var(--fox-button-height);cursor:pointer;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-decoration:none;align-items:center;justify-content:center;box-sizing:border-box;border:var(--fox-button-border);outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;box-shadow:var(--fox-button-box-shadow)}.fox-button:hover{--fox-button-box-shadow: var(--fox-button-box-shadow-hover)}.fox-button:focus{--fox-button-box-shadow: var(--fox-button-box-shadow-focus)}:host([success]){--fox-button-background-color: rgba(51, 217, 178, 1);--fox-button-box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);animation:pulse-green 2s}@keyframes pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}:host([ghost]){--fox-button-text-color: var(--fox-font-light-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent}:host([outlined]){--fox-button-text-color: var(--fox-button-base-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent;--fox-button-border: 2px solid var(--fox-button-base-color)}:host([small]){background:red;color:red;--fox-button-font-size: 12px;--fox-button-padding: 3px 6px}:host([small]) fox-icon{font-size:14px}
 `;
 //# sourceMappingURL=FoxButton.css.js.map

lib/FoxButton.css.ts

 import { css } from 'lit-element';
-export const styles = css`:host{--fox-button-light-color: var(--fox-light-client-color);--fox-button-base-color: var(--fox-base-client-color);--fox-button-dark-color: var(--fox-dark-client-color);--fox-button-text-color: var(--fox-white);--fox-button-background-color: var(--fox-button-base-color);--fox-button-text-shadow: 0px 0px 6px #006ff8cc;--fox-button-box-shadow: none;--fox-button-box-shadow-hover: 0px 3px 6px #94a8bc;--fox-button-box-shadow-focus: 0px 0px 6px #56a2ff;--fox-button-font-family: var(--fox-base-font-family);--fox-button-font-weight: 500;--fox-button-font-size: var(--fox-base-font-size);--fox-button-text-transform: uppercase;--fox-button-letter-spacing: var(--fox-base-letter-spacing);--fox-button-padding: 10px 15px;--fox-button-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;--fox-button-border-radius: 6px;--fox-button-border: none}:host{display:inline-flex;outline:none;vertical-align:top}:host([disabled]){pointer-events:none}.fox-button{display:flex;text-shadow:var(--fox-button-text-shadow);font-weight:var(--fox-button-font-weight);flex:auto;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);color:var(--fox-button-text-color);text-transform:var(--fox-button-text-transform);letter-spacing:var(--fox-button-letter-spacing);background:var(--fox-button-background-color);padding:var(--fox-button-padding);border-radius:var(--fox-button-border-radius);transition:var(--fox-button-transition);cursor:pointer;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-decoration:none;align-items:center;justify-content:center;box-sizing:border-box;border:var(--fox-button-border);outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;box-shadow:var(--fox-button-box-shadow)}.fox-button:hover{--fox-button-box-shadow: var(--fox-button-box-shadow-hover)}.fox-button:focus{--fox-button-box-shadow: var(--fox-button-box-shadow-focus)}:host([success]){--fox-button-background-color: rgba(51, 217, 178, 1);--fox-button-box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);animation:pulse-green 2s}@keyframes pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}:host([tertiary]){--fox-button-text-color: var(--fox-button-base-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent}:host([outlined]){--fox-button-text-color: var(--fox-button-base-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent;--fox-button-border: 2px solid var(--fox-button-base-color)}:host([small]){--fox-button-font-size: 12px;--fox-button-padding: 3px 6px}:host([small]) fox-icon{font-size:14px}
+export const styles = css`:host{--fox-button-base-color: var(--fox-client-base-color);--fox-button-text-color: var(--fox-white-color);--fox-button-background-color: var(--fox-button-base-color);--fox-button-text-shadow: 0px 0px 6px #006ff8cc;--fox-button-box-shadow: none;--fox-button-box-shadow-hover: 0px 3px 6px #94a8bc;--fox-button-box-shadow-focus: 0px 0px 6px #56a2ff;--fox-button-font-family: var(--fox-font-family);--fox-button-font-weight: var(--fox-font-weight-medium);--fox-button-font-size: var(--fox-font-size-base);--fox-button-letter-spacing: var(--fox-letter-spacing-base);--fox-button-padding: 4px 15px;--fox-button-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;--fox-button-border-radius: 6px;--fox-button-border: 2px solid transparent}:host{display:inline-flex;outline:none;vertical-align:top}:host([disabled]){pointer-events:none}.fox-button{display:flex;text-shadow:var(--fox-button-text-shadow);font-weight:var(--fox-button-font-weight);flex:auto;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);color:var(--fox-button-text-color);text-transform:var(--fox-button-text-transform);letter-spacing:var(--fox-button-letter-spacing);background:var(--fox-button-background-color);padding:var(--fox-button-padding);border-radius:var(--fox-button-border-radius);transition:var(--fox-button-transition);height:var(--fox-button-height);cursor:pointer;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-decoration:none;align-items:center;justify-content:center;box-sizing:border-box;border:var(--fox-button-border);outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;box-shadow:var(--fox-button-box-shadow)}.fox-button:hover{--fox-button-box-shadow: var(--fox-button-box-shadow-hover)}.fox-button:focus{--fox-button-box-shadow: var(--fox-button-box-shadow-focus)}:host([success]){--fox-button-background-color: rgba(51, 217, 178, 1);--fox-button-box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);animation:pulse-green 2s}@keyframes pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}:host([ghost]){--fox-button-text-color: var(--fox-font-light-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent}:host([outlined]){--fox-button-text-color: var(--fox-button-base-color);--fox-button-text-shadow: none;--fox-button-background-color: transparent;--fox-button-border: 2px solid var(--fox-button-base-color)}:host([small]){background:red;color:red;--fox-button-font-size: 12px;--fox-button-padding: 3px 6px}:host([small]) fox-icon{font-size:14px}
 `;

lib/FoxButton.d.ts

@@ -9,3 +9,3 @@ import { LitElement } from 'lit-element';
     static styles: import("lit-element").CSSResult[];
-    tertiary: boolean;
+    ghost: boolean;
     small: boolean;
@@ -12,0 +12,0 @@ outlined: boolean;

lib/FoxButton.js

@@ -1,2 +0,2 @@
-import { __decorate } from "tslib";
+import { __decorate, __metadata } from "tslib";
 import { html, LitElement, property, query, customElement } from 'lit-element';
@@ -7,3 +7,3 @@ import { styles } from './FoxButton.css';
         super(...arguments);
-        this.tertiary = false;
+        this.ghost = false;
         this.small = false;
@@ -27,3 +27,3 @@ this.outlined = false;
         fox-circular-progress {
-          --fox-base-client-color: white;
+          --fox-client-base-color: white;
           --fox-circular-progress-size: 20px;
@@ -60,30 +60,40 @@ padding-left: 10px;
 __decorate([
-    property({ type: Boolean })
-], FoxButton.prototype, "tertiary", void 0);
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], FoxButton.prototype, "ghost", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "small", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "outlined", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true })
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "disabled", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "trailingIcon", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "loading", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "success", void 0);
 __decorate([
-    property()
+    property(),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "icon", void 0);
 __decorate([
-    property()
+    property(),
+    __metadata("design:type", Object)
 ], FoxButton.prototype, "label", void 0);
 __decorate([
-    query('#button')
+    query('#button'),
+    __metadata("design:type", HTMLButtonElement)
 ], FoxButton.prototype, "buttonElement", void 0);
@@ -90,0 +100,0 @@ FoxButton = __decorate([

lib/FoxButton.ts

@@ -14,3 +14,3 @@ import { html, LitElement, property, query, customElement } from 'lit-element';
 
-  @property({ type: Boolean }) tertiary = false;
+  @property({ type: Boolean }) ghost = false;
 
@@ -46,3 +46,3 @@ @property({ type: Boolean }) small = false;
         fox-circular-progress {
-          --fox-base-client-color: white;
+          --fox-client-base-color: white;
           --fox-circular-progress-size: 20px;
@@ -49,0 +49,0 @@ padding-left: 10px;

package.json

 {
   "name": "@assecosolutions/fox-button",
-  "version": "0.0.1-alpha.7.0.1",
+  "version": "0.0.1-alpha.7.0.11",
   "public": true,
@@ -5,0 +5,0 @@ "lib": {

README.md

@@ -6,2 +6,3 @@ # 🦊 Fox - Future Open Experience
 ## Installation
+
 ```bash
@@ -12,2 +13,3 @@ npm i @assecosolutions/fox-button
 ## Usage
+
 ```html
@@ -28,23 +30,22 @@ <script type="module">
 Icon
-<fox-button label="Klick me!" icon="edit"></fox-button> 
-<fox-button label="Klick me!" icon="edit" trailingIcon="true"></fox-button> 
+<fox-button label="Klick me!" icon="edit"></fox-button>
+<fox-button label="Klick me!" icon="edit" trailingIcon="true"></fox-button>
 
 Loading
-<fox-button  loading label="Klick me!"></fox-button>  
-<fox-button  success label="Klick me!"></fox-button>  
- 
-``` 
- 
+<fox-button loading label="Klick me!"></fox-button>
+<fox-button success label="Klick me!"></fox-button>
+```
+
 ## Further Reading
 
-Please, also check the documentations about the [API](/api/README.md) and our [client](/client/README.md)
+Please, also check the documentations about the [API](https://github.com/assecosolutions/fox/blob/master/api/README.md) and our [client](https://github.com/assecosolutions/fox/blob/master/client/README.md)
 
 ## Contribute
 
-If you would like to contribute please make sure that you have read our [development guidelines](/docs/3_DEV_GUIDELINES.md).
+If you would like to contribute please make sure that you have read our [development guidelines](https://github.com/assecosolutions/fox/blob/master/docs/3_DEV_GUIDELINES.md).
 
 ## Maintainer
 
-| ![Burak Topal](https://avatars3.githubusercontent.com/u/17909825?u=1026b9f16dd1c7dbf72b3fe3295c1aa834b81ce4&v=4&s=100 "Burak Topal") | ![Jari Möllenbernd](https://avatars2.githubusercontent.com/u/974638?u=8c61e7d54df0341c68cca59bd8fd0187154d03c8&v=4&s=100 "Jari Möllenbernd") | <img src="https://avatars0.githubusercontent.com/u/17983201?s=100&v=3" width="100" alt="Julia Nissen" /> |
+| ![Burak Topal](https://avatars3.githubusercontent.com/u/17909825?u=1026b9f16dd1c7dbf72b3fe3295c1aa834b81ce4&v=4&s=100 'Burak Topal') | ![Jari Möllenbernd](https://avatars2.githubusercontent.com/u/974638?u=8c61e7d54df0341c68cca59bd8fd0187154d03c8&v=4&s=100 'Jari Möllenbernd') | <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))                         |

tsconfig.json

 {
+  "extends": "../../../../../tsconfig.base.json",
   "compilerOptions": {
+    "skipLibCheck": true,
+    "strict": true,
+    "noImplicitAny": false,
     "target": "es2018",
@@ -7,3 +11,2 @@ "module": "esnext",
     "lib": ["es2017", "dom"],
-    "strict": true,
     "noUnusedLocals": true,
@@ -20,8 +23,15 @@ "noUnusedParameters": true,
     "inlineSources": true,
-    "rootDir": "./",
+    "rootDir": "./src",
     "declaration": true
   },
-  "include": ["*.ts"]
-
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
 }
-

tsconfig.lib.json

 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../../../../dist/out-tsc",
+    "outDir": "../../../../../dist/@assecosolutions/fox-button",
     "types": []
@@ -6,0 +6,0 @@ },

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28440

increased by6.47%

Lines of code

327

increased by25.29%

Number of lines in readme file

49

increased by2.08%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes