suis 0.0.1 → 0.1.0

package/.eslintrc.json

@@ -0,0 +1,37 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "rules": {
+        "@typescript-eslint/no-inferrable-types": "off",
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "suis",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "suis",
+            "style": "kebab-case"
+          }
+        ]
+      },
+      "extends": [
+        "plugin:@nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ]
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

package/README.md

@@ -1,7 +1 @@
-# suis
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test suis` to execute the unit tests.
+# SUIS (Standalone UI + Signals) Angular 16+ Component Library

package/jest.config.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+export default {
+  displayName: 'suis',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  coverageDirectory: '../../coverage/libs/suis',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/libs/suis",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

package/package.json

@@ -1,25 +1,21 @@
-{
-  "name": "suis",
-  "version": "0.0.1",
-  "peerDependencies": {
-    "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/suis.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/suis.mjs",
-      "esm": "./esm2022/suis.mjs",
-      "default": "./fesm2022/suis.mjs"
-    }
-  }
-}
+{
+  "name": "suis",
+  "version": "0.1.0",
+  "main": "src/index.ts",
+  "author": "Karol Jaskółka",
+  "description": "SUIS (Standalone UI + Signals) Angular 16+ Component Library",
+  "keywords": [
+    "angular",
+    "standalone",
+    "signals",
+    "ui"
+  ],
+  "peerDependencies": {
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

package/project.json

@@ -0,0 +1,47 @@
+{
+  "name": "suis",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/suis/src",
+  "prefix": "suis",
+  "tags": [],
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+      "options": {
+        "project": "libs/suis/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "libs/suis/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "libs/suis/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "libs/suis/jest.config.ts",
+        "passWithNoTests": true
+      },
+      "configurations": {
+        "ci": {
+          "ci": true,
+          "codeCoverage": true
+        }
+      }
+    },
+    "lint": {
+      "executor": "@nx/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/suis/**/*.ts", "libs/suis/**/*.html"]
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/components';

package/src/lib/components/index.ts

@@ -0,0 +1 @@
+export * from './suis-box';

package/src/lib/components/suis-box/index.ts

@@ -0,0 +1 @@
+export * from './suis-box.component';

package/src/lib/components/suis-box/suis-box.component.html

@@ -0,0 +1,3 @@
+<div class="suis-box" [class.suis-box--spacing]="spacing">
+  <ng-content></ng-content>
+</div>

package/src/lib/components/suis-box/suis-box.component.scss

@@ -0,0 +1,10 @@
+@import '../../../styles/index.scss';
+
+.suis-box {
+  background-color: $suis-white;
+  box-shadow: $suis-box-shadow-dark;
+  border-radius: $suis-radius;
+  &--spacing {
+    padding: 1.25rem;
+  }
+}

package/src/lib/components/suis-box/suis-box.component.ts

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'suis-box',
+  standalone: true,
+  imports: [],
+  templateUrl: './suis-box.component.html',
+  styleUrls: ['./suis-box.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SuisBoxComponent {
+  @Input() spacing: boolean = false;
+}

package/src/styles/_mixins.scss

@@ -0,0 +1,23 @@
+@mixin suis-tablet {
+  @media (min-width: $suis-tablet) {
+    @content;
+  }
+}
+
+@mixin suis-desktop {
+  @media (min-width: $suis-desktop) {
+    @content;
+  }
+}
+
+@mixin suis-widescreen {
+  @media (min-width: $suis-widescreen) {
+    @content;
+  }
+}
+
+@mixin suis-fullhd {
+  @media (min-width: $suis-fullhd) {
+    @content;
+  }
+}

package/src/styles/_variables.scss

@@ -0,0 +1,38 @@
+// colors pallete
+$suis-primary: #192a56;
+$suis-secondary: #273c75;
+$suis-tertiary: #dcdde1;
+$suis-complementary: #f5f6fa;
+$suis-link: #40739e;
+$suis-text: #2f3640;
+$suis-text-alt: #a4a7b0;
+$suis-white: #ffffff;
+$suis-dark: #000000;
+$suis-danger: #ff4757;
+$suis-warning: #ffa502;
+$suis-success: #2ed573;
+
+// colors hover effect
+$suis-primary-hover: rgba($suis-primary, 0.5);
+$suis-secondary-hover: rgba($suis-secondary, 0.5);
+$suis-tertiary-hover: rgba($suis-tertiary, 0.5);
+$suis-complementary-hover: rgba($suis-complementary, 0.5);
+$suis-link-hover: rgba($suis-link, 0.5);
+
+// colors box shadow
+$suis-box-shadow-dark: 0 2px 5px 0 rgba($suis-dark, 0.3);
+$suis-box-shadow-primary: 0 2px 5px 0 rgba($suis-primary, 0.3);
+$suis-box-shadow-secondary: 0 2px 5px 0 rgba($suis-secondary, 0.3);
+$suis-box-shadow-link: 0 2px 5px 0 rgba($suis-link, 0.3);
+$suis-box-shadow-danger: 0 2px 5px 0 rgba($suis-danger, 0.3);
+$suis-box-shadow-warning: 0 2px 5px 0 rgba($suis-warning, 0.3);
+$suis-box-shadow-success: 0 2px 5px 0 rgba($suis-success, 0.3);
+
+// breakpoint
+$suis-tablet: 768px;
+$suis-desktop: 992px;
+$suis-widescreen: 1200px;
+$suis-fullhd: 1440px;
+
+// other
+$suis-radius: 0.25rem;

package/src/styles/index.scss

@@ -0,0 +1,8 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+@import 'variables';
+@import 'mixins';

package/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular/setup-jest';

package/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "useDefineForClassFields": false,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json",
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/tsconfig.lib.json

@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/test-setup.ts",
+    "jest.config.ts",
+    "src/**/*.test.ts"
+  ],
+  "include": ["src/**/*.ts"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "target": "es2016",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}

package/esm2022/index.mjs

@@ -1,2 +0,0 @@
-export * from './lib/suis.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9zdWlzLm1vZHVsZSc7XHJcbiJdfQ==

package/esm2022/lib/suis.module.mjs

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i0 from "@angular/core";
-class SuisModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, imports: [CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, imports: [CommonModule] }); }
-}
-export { SuisModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9zdWlzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFL0MsTUFHYSxVQUFVOzhHQUFWLFVBQVU7K0dBQVYsVUFBVSxZQUZYLFlBQVk7K0dBRVgsVUFBVSxZQUZYLFlBQVk7O1NBRVgsVUFBVTsyRkFBVixVQUFVO2tCQUh0QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFN1aXNNb2R1bGUge31cclxuIl19

package/esm2022/suis.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvc3Vpcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/fesm2022/suis.mjs

@@ -1,22 +0,0 @@
-import * as i0 from '@angular/core';
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class SuisModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, imports: [CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SuisModule };
-//# sourceMappingURL=suis.mjs.map

package/fesm2022/suis.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"suis.mjs","sources":["../../../../libs/suis/src/lib/suis.module.ts","../../../../libs/suis/src/suis.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  imports: [CommonModule],\r\n})\r\nexport class SuisModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAGa,UAAU,CAAA;8GAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAFX,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;AAEX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAFX,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEX,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}

package/index.d.ts

@@ -1 +0,0 @@
-export * from './lib/suis.module';

package/lib/suis.module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export declare class SuisModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SuisModule, never, [typeof i1.CommonModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SuisModule>;
-}