@deskhero/dh_ui 1.0.0 → 1.3.0

package/README.md

@@ -1,40 +1,82 @@
-# dh_ui
+## Deskhero ui
 
-This template should help get you started developing with Vue 3 in Vite.
+Deskhero ui is component library, based on Deskhero design system and Vue 3.
 
-## Recommended IDE Setup
+![npm version](https://img.shields.io/npm/v/@deskhero/dh_ui?color=success)
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+<hr/>
 
-## Type Support for `.vue` Imports in TS
+## Installation
+Install the component library
+```
+npm i @deskhero/dh_ui
+```
 
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+## Usage
+You can import from the main bundle:
+```javascript
+import { DhButton } from "@deskhero/dh_ui";
+```
 
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
 
-1. Disable the built-in TypeScript Extension
-    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+You also need to import Main CSS file to your project
+```javascript
+import "@deskhero/dh_ui/dist/style.css"
+```
 
-## Customize configuration
+## Storybook
 
-See [Vite Configuration Reference](https://vitejs.dev/config/).
+Storybook helps you build UI components in isolation from your app's business logic, data, and context. That makes it easy to develop hard-to-reach states. Save these UI states as stories to revisit during development, testing, or QA.
 
-## Project Setup
+We are using storybook in order to develop the components independently from any consumer.
+run this to build & run the storybook locally:
 
-```sh
+
+First install the node packages:
+```bash
 npm install
 ```
+then serve storybook application
+```bash
+npm run storybook
+```
+the storybook will be served on `http://localhost:6006`
+
 
-### Compile and Hot-Reload for Development
+## Developing locally with your consumer application
+When developing locally we are using a npm functionality called npm link, this allows us to
+work locally on our package and use it in a different project without publishing.
+This functionality basically overrides the npm mapping between package name to its repo, and points it to where the package is located locally.
+
+From dh_ui
 
 ```sh
-npm run dev
+npm run build && npm link
 ```
 
-### Type-Check, Compile and Minify for Production
+Then on your project
 
 ```sh
-npm run build
+npm link @deskhero/dh_ui
 ```
+
+<hr/>
+
+### Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+
+### Type Support for .vue Imports in TS
+
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+
+<hr/>

package/dist/dh_ui.es.js

@@ -1,5 +1,5 @@
 import { reactive, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString } from "vue";
-var button = /* @__PURE__ */ (() => ".button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.button--primary{color:#fff;background-color:purple}.button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.button--small{font-size:12px;padding:10px 16px}.button--medium{font-size:14px;padding:11px 20px}.button--large{font-size:16px;padding:12px 24px}\n")();
+var button = /* @__PURE__ */ (() => ".button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;cursor:pointer;line-height:1}.button--primary{color:#fff;background-color:green}.button--secondary{color:#333;background-color:#ff4500;box-shadow:#00000026 0 0 0 1px inset}.button--small{font-size:12px;padding:10px 16px}.button--medium{font-size:14px;padding:11px 20px}.button--large{font-size:16px;padding:12px 24px}\n")();
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {

package/dist/dh_ui.umd.js

@@ -1,2 +1,2 @@
-(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.dh_ui={},n.Vue))})(this,function(n,e){"use strict";var p=(()=>`.button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.button--primary{color:#fff;background-color:purple}.button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.button--small{font-size:12px;padding:10px 16px}.button--medium{font-size:14px;padding:11px 20px}.button--large{font-size:16px;padding:12px 24px}
-`)(),a=(t,o)=>{const i=t.__vccOpts||t;for(const[r,l]of o)i[r]=l;return i};const u={name:"dh-button",props:{label:{type:String,required:!0},primary:{type:Boolean,default:!1},size:{type:String,validator:function(t){return["small","medium","large"].indexOf(t)!==-1}},backgroundColor:{type:String}},emits:["click"],setup(t,{emit:o}){return t=e.reactive(t),{classes:e.computed(()=>({button:!0,"button--primary":t.primary,"button--secondary":!t.primary,[`button--${t.size||"medium"}`]:!0})),style:e.computed(()=>({backgroundColor:t.backgroundColor})),onClick(){o("click")}}}};function s(t,o,i,r,l,f){return e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(r.classes),onClick:o[0]||(o[0]=(...d)=>r.onClick&&r.onClick(...d)),style:e.normalizeStyle(r.style)},e.toDisplayString(i.label),7)}var c=a(u,[["render",s]]);n.DhButton=c,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.dh_ui={},n.Vue))})(this,function(n,e){"use strict";var f=(()=>`.button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;cursor:pointer;line-height:1}.button--primary{color:#fff;background-color:green}.button--secondary{color:#333;background-color:#ff4500;box-shadow:#00000026 0 0 0 1px inset}.button--small{font-size:12px;padding:10px 16px}.button--medium{font-size:14px;padding:11px 20px}.button--large{font-size:16px;padding:12px 24px}
+`)(),a=(t,o)=>{const i=t.__vccOpts||t;for(const[r,l]of o)i[r]=l;return i};const u={name:"dh-button",props:{label:{type:String,required:!0},primary:{type:Boolean,default:!1},size:{type:String,validator:function(t){return["small","medium","large"].indexOf(t)!==-1}},backgroundColor:{type:String}},emits:["click"],setup(t,{emit:o}){return t=e.reactive(t),{classes:e.computed(()=>({button:!0,"button--primary":t.primary,"button--secondary":!t.primary,[`button--${t.size||"medium"}`]:!0})),style:e.computed(()=>({backgroundColor:t.backgroundColor})),onClick(){o("click")}}}};function c(t,o,i,r,l,p){return e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(r.classes),onClick:o[0]||(o[0]=(...d)=>r.onClick&&r.onClick(...d)),style:e.normalizeStyle(r.style)},e.toDisplayString(i.label),7)}var s=a(u,[["render",c]]);n.DhButton=s,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { DhButton };
+import DhButton from "./stories/Button.vue";

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,274 @@
+declare namespace _default {
+    export const title: string;
+    export { MyButton as component };
+    export namespace argTypes {
+        namespace backgroundColor {
+            const control: string;
+        }
+        const onClick: {};
+        namespace size {
+            export namespace control_1 {
+                const type: string;
+            }
+            export { control_1 as control };
+            export const options: string[];
+        }
+    }
+}
+export default _default;
+export function Primary(args: any): {
+    components: {
+        MyButton: import("vue").DefineComponent<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }, {
+            classes: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                button: boolean;
+                "button--primary": boolean;
+                "button--secondary": boolean;
+            }>;
+            style: import("vue").ComputedRef<{
+                backgroundColor: string | undefined;
+            }>;
+            onClick(): void;
+        }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+        }, {
+            primary: boolean;
+        }>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace Primary {
+    namespace args {
+        const primary: boolean;
+        const label: string;
+    }
+}
+export function Secondary(args: any): {
+    components: {
+        MyButton: import("vue").DefineComponent<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }, {
+            classes: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                button: boolean;
+                "button--primary": boolean;
+                "button--secondary": boolean;
+            }>;
+            style: import("vue").ComputedRef<{
+                backgroundColor: string | undefined;
+            }>;
+            onClick(): void;
+        }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+        }, {
+            primary: boolean;
+        }>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace Secondary {
+    export namespace args_1 {
+        const label_1: string;
+        export { label_1 as label };
+    }
+    export { args_1 as args };
+}
+export function Large(args: any): {
+    components: {
+        MyButton: import("vue").DefineComponent<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }, {
+            classes: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                button: boolean;
+                "button--primary": boolean;
+                "button--secondary": boolean;
+            }>;
+            style: import("vue").ComputedRef<{
+                backgroundColor: string | undefined;
+            }>;
+            onClick(): void;
+        }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+        }, {
+            primary: boolean;
+        }>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace Large {
+    export namespace args_2 {
+        const size_1: string;
+        export { size_1 as size };
+        const label_2: string;
+        export { label_2 as label };
+    }
+    export { args_2 as args };
+}
+export function Small(args: any): {
+    components: {
+        MyButton: import("vue").DefineComponent<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }, {
+            classes: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                button: boolean;
+                "button--primary": boolean;
+                "button--secondary": boolean;
+            }>;
+            style: import("vue").ComputedRef<{
+                backgroundColor: string | undefined;
+            }>;
+            onClick(): void;
+        }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onClick?: ((...args: any[]) => any) | undefined;
+        }, {
+            primary: boolean;
+        }>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace Small {
+    export namespace args_3 {
+        const size_2: string;
+        export { size_2 as size };
+        const label_3: string;
+        export { label_3 as label };
+    }
+    export { args_3 as args };
+}
+import MyButton from "./Button.vue";

package/dist/stories/Button.vue.d.ts

@@ -0,0 +1,49 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    primary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        validator: (value: unknown) => boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+    };
+}, {
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        button: boolean;
+        "button--primary": boolean;
+        "button--secondary": boolean;
+    }>;
+    style: import("vue").ComputedRef<{
+        backgroundColor: string | undefined;
+    }>;
+    onClick(): void;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    primary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        validator: (value: unknown) => boolean;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    primary: boolean;
+}>;
+export default _default;

package/dist/stories/Forms.stories.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    export const title: string;
+    export { MyForm as component };
+}
+export default _default;
+export function Default(): {
+    components: {
+        MyForm: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    template: string;
+};
+import MyForm from "./Forms.vue";

package/dist/stories/Forms.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/stories/Grid.stories.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    export const title: string;
+    export { MyGrid as component };
+}
+export default _default;
+export function Default(): {
+    components: {
+        MyGrid: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    template: string;
+};
+import MyGrid from "./Grid.vue";

package/dist/stories/Grid.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/stories/Icons.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/stories/Utilities.stories.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    export const title: string;
+    export { MyIcons as component };
+}
+export default _default;
+export function Default(): {
+    components: {
+        MyIcons: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    template: string;
+};
+import MyIcons from "./Icons.vue";

package/dist/style.css

@@ -1 +1 @@
-.button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.button--primary{color:#fff;background-color:purple}.button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.button--small{font-size:12px;padding:10px 16px}.button--medium{font-size:14px;padding:11px 20px}.button--large{font-size:16px;padding:12px 24px}
+.button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;cursor:pointer;line-height:1}.button--primary{color:#fff;background-color:green}.button--secondary{color:#333;background-color:#ff4500;box-shadow:#00000026 0 0 0 1px inset}.button--small{font-size:12px;padding:10px 16px}.button--medium{font-size:14px;padding:11px 20px}.button--large{font-size:16px;padding:12px 24px}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@deskhero/dh_ui",
-  "version": "1.0.0",
+  "version": "1.3.0",
   "files": [
     "dist"
   ],
   "main": "dist/dh_ui.umd.js",
   "module": "dist/dh_ui.es.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/dh_ui.es.js",
@@ -23,18 +24,18 @@
     "build": "run-p type-check build-only",
     "preview": "vite preview --port 4173",
     "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit",
+    "type-check": "vue-tsc",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "chromatic": "npx chromatic --project-token=9b1dd74e6816"
   },
   "dependencies": {
-    "@storybook/addons": "^6.5.9",
-    "@storybook/theming": "^6.5.9",
     "vue": "^3.2.36"
   },
   "devDependencies": {
     "@babel/core": "^7.18.5",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/theming": "^6.5.9",
     "@storybook/addon-actions": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-interactions": "^6.5.9",
@@ -64,7 +65,36 @@
   },
   "release": {
     "plugins": [
-      "@semantic-release/commit-analyzer",
+      [
+        "@semantic-release/commit-analyzer",
+        {
+          "preset": "angular",
+          "releaseRules": [
+            {
+              "type": "docs",
+              "scope": "README",
+              "release": "patch"
+            },
+            {
+              "type": "refactor",
+              "scope": "core-*",
+              "release": "minor"
+            },
+            {
+              "type": "feat",
+              "release": "minor"
+            },
+            {
+              "type": "fix",
+              "release": "patch"
+            },
+            {
+              "type": "perf",
+              "release": "patch"
+            }
+          ]
+        }
+      ],
       "@semantic-release/release-notes-generator",
       "@semantic-release/npm",
       "@semantic-release/changelog",